@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Space+Grotesk:wght@300..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:#fff;border:2px solid #000;box-shadow:6px 6px 0 0 #00000040;margin:56px 83px 0;position:relative;transition:all .3s ease-in-out}.navigation{align-items:center;display:flex;justify-content:space-between;margin:0;padding:0}.nav-button,.nav-link{background:none;border:none;border-left:5px solid #000;color:#000;cursor:pointer;font-family:inherit;font-size:24px;padding:31px;text-decoration:none}.logo-link{border:none;flex-grow:4;padding-left:30px;text-align:left}.desktop-links{display:flex}.nav-link:active,.nav-link:hover{text-decoration:underline;text-decoration-color:#ffea00;text-decoration-thickness:5px;text-underline-offset:10px}.nav-link:active{font-weight:700}.hamburger-button{background:none;border:none;border-left:5px solid #000;cursor:pointer;display:none;padding:31px}.hamburger-button img{height:30px;width:30px}.mobile-menu{background:#fff;height:0;overflow:hidden;transition:height .3s ease-in-out}.mobile-menu.open{border-top:5px solid #000;height:auto}.mobile-menu-content{align-items:stretch;display:flex;flex-direction:column}.mobile-menu .nav-link{background:#fff;border-left:none;padding:20px;text-align:left}.mobile-menu .nav-link:last-child{border-bottom:none}.mobile-menu .nav-link:hover{background:#ffea00}.corner-box{border:4px solid #000}.header.menu-open{box-shadow:6px calc(100% + 6px) 0 0 #00000040}@media screen and (max-width:768px){.header{margin:20px}.desktop-links{display:none}.hamburger-button,.mobile-menu{display:block}.logo-link{font-size:20px}}@media screen and (max-width:425px){.header{margin:10px}.nav-link{font-size:18px}.hamburger-button,.nav-link{padding:20px}.hamburger-button img{height:25px;width:25px}}.hero-section{display:flex;flex-direction:column;margin-top:40px}.hero-content{align-items:center;justify-content:space-between;text-align:center}.hero-text{flex-basis:50%;flex-direction:column;font-size:50px;justify-content:center;padding-left:100px}.hero-text>h1{font-size:40px;padding:0 0 10px}.hero-text>button{align-items:center;background:#bae6ff;border:2px solid #000;border-radius:92px;cursor:pointer;flex-basis:35%;font-size:29px;font-weight:700;justify-content:center;justify-self:flex-end;margin-top:150px;max-width:400px;padding:20px}.hero-text>button:hover{background:#ffea00;scroll-behavior:smooth}.hero-text>button>a{color:#000;text-decoration:none}.hero-text>button:active{background:#ffea00;scroll-behavior:smooth}.photo{margin-right:100px;text-align:right}.languages{background-color:#000;color:#fff;font-family:Space Grotesk;font-size:30px;margin-top:50px;overflow:hidden;padding:40px 0;position:relative;width:100%}.languages-scroll{animation:scroll 70s linear infinite;display:flex;gap:40px;white-space:nowrap}.languages-scroll p{flex-shrink:0;margin:0;padding:0 20px}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media screen and (max-width:768px){.hero-content{align-items:left;flex-direction:column}.hero-text{font-size:30px;padding:0;text-align:left}.hero-text>h1{margin-top:10px}.hero-text button{align-items:center;align-self:center;justify-content:center}.photo{align-items:center;justify-self:center;margin:0;text-align:center}.languages{flex-wrap:wrap;font-size:18px;gap:20px;padding:15px 30px}}@media screen and (max-width:425px){.hero-text>button{border:5px solid #000;font-size:25px;height:100%;padding:10px;width:70%}.photo img{text-align:center;width:80%}.languages{font-size:16px;gap:15px;padding:10px 20px}}.landing-container{background:linear-gradient(135deg,#f5d15a,#e6c547);display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;transition:transform .8s ease-in-out}.landing-container.page-transitioning{transform:translateY(-100vh)}.landing-main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.landing-title{color:#000;font-size:42px;font-weight:700;letter-spacing:-1px;margin-bottom:10px}.designer-subtitle{color:#000;font-size:18px;font-style:italic;font-weight:400;margin-bottom:20px}.character-image{align-items:center;display:flex;height:250px;justify-content:center;margin:20px 0;width:250px}.character-image img{height:100%;object-fit:contain;width:100%}.role-selection{background:#fff;border:4px solid #000;border-radius:60px;box-shadow:0 4px 15px #00000026;display:flex;gap:0;margin:20px 0 15px;padding:4px;position:relative}.role-selection:before{background:#87ceeb;border-radius:52px;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;transform:translateX(0);transition:transform .3s ease;width:calc(50% - 4px);z-index:1}.role-selection.web-selected:before{transform:translateX(100%)}.role-btn{background:#0000;border:none;border-radius:52px;color:#000;cursor:pointer;font-size:18px;font-weight:700;min-width:220px;padding:16px 32px;position:relative;transition:all .3s ease;z-index:2}.role-btn:disabled{cursor:not-allowed;opacity:.5}.role-btn.active{color:#000;font-weight:900}.graphic-designer:hover:not(.active){background:#87ceeb33}.web-developer:hover:not(.active){background:#f0f0f04d}.lets-go-btn{background:#000;border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#f5d15a;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;margin-top:20px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.lets-go-btn:hover:not(:disabled){background:#333;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.lets-go-btn:disabled{cursor:not-allowed;opacity:.7}.lets-go-btn.loading{animation:pulse 1.5s ease-in-out infinite;background:#555}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.8;transform:scale(1)}}.selection-text{color:#000;font-size:18px;font-weight:500;margin-top:15px}@media (max-width:768px){.landing-title{font-size:30px;margin-bottom:10px;padding:0 20px}.designer-subtitle{font-size:16px;margin-bottom:15px;padding:0 20px}.character-image{height:200px;margin:15px 0;width:200px}.role-selection{border-radius:30px;flex-direction:column;max-width:350px;width:100%}.role-selection:before{border-radius:26px;height:calc(50% - 4px);transform:translateY(0);width:calc(100% - 8px)}.role-selection.web-selected:before{transform:translateY(100%)}.role-btn{border-radius:26px;font-size:16px;min-width:auto;padding:14px 20px}.selection-text{font-size:16px;margin-top:10px;padding:0 20px}.lets-go-btn{font-size:16px;margin-top:15px;padding:14px 28px}}@media (max-width:480px){.landing-main{padding:15px}.landing-title{font-size:26px;margin-bottom:8px}.designer-subtitle{font-size:14px;margin-bottom:10px}.character-image{height:180px;margin:10px 0;width:180px}.role-btn{font-size:15px;padding:12px 18px}.selection-text{font-size:14px;margin-top:8px}.lets-go-btn{font-size:15px;margin-top:12px;padding:12px 24px}}.landing-page{scroll-behavior:smooth}.main-content{animation:slideInFromBottom .6s ease-out;background:#fff;min-height:100vh}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.main-content .mode-toggle-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;padding:10px 0;position:sticky;top:0;z-index:100}.main-content section{scroll-margin-top:100px}.landing-container{position:relative;z-index:1}.landing-container .header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;position:sticky;top:0;z-index:1000}#portfolio{position:relative}#portfolio h2{font-size:80px;margin:50px;text-align:center}.container{display:flex;flex-direction:row;flex-wrap:wrap;gap:60px;margin-left:100px;margin-right:100px}.portfolio-block{align-items:center;border:2px solid #000;box-shadow:5px 6px 0 4px #00000040;display:flex;flex:1 1 25%;flex-direction:column;margin-top:0;padding:10px}.portfolio-block>img{aspect-ratio:4/3;border:2px solid #000;margin-top:34px;object-fit:cover;width:90%}.portfolio-image{margin-top:20px;width:90%}.portfolio-image img{aspect-ratio:4/3;border:2px solid #000;object-fit:cover;width:100%}.portfolio-text{margin:0;padding-left:23px;padding-right:23px}.portfolio-text h3{font-size:24px}.portfolio-text p{font-size:18px}.project-button{align-items:right;background-color:#000;border:2px solid #000;color:#fff;display:inline-flex;font-size:24px;justify-content:center;margin-bottom:5px;padding:5px 10px;text-decoration:none;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.project-button .arrow{font-size:24px;transform:rotate(320deg);transition:transform .3s ease}.project-button:hover{background-color:#ffea00;transform:scale(1.05)}.project-button:active{background-color:#ffea00;box-shadow:0 4px 8px #00000040;transform:scale(.98)}.project-button:hover .arrow{transform:translateX(5px)}@media screen and (max-width:768px){#portfolio{margin:0}.container{gap:10px;margin:40px}.portfolio-block{width:90%}#portfolio h2{font-size:80px;text-align:center}.container{gap:60px;justify-content:space-between}.portfolio-text{padding:10px}.portfolio-text h3{font-size:18px}.portfolio-text p{font-size:15px}}@media screen and (max-width:425px){#portfolio h2{font-size:30px;text-align:center}.container{margin:20px}.portfolio-block{flex:1 1 100%}.portfolio-text{padding:10px}.portfolio-text h3{font-size:18px}.portfolio-text p{font-size:15px}}.funfacts-section{margin:40px 83px;padding:80px 0;position:relative}.funfacts-section h2{color:#000;font-family:Space Grotesk,sans-serif;font-size:2.5rem;margin-bottom:50px;text-align:center}.funfacts-container{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1400px;padding:0 20px}.fact-card{background:#fff;border:2px solid #000;box-shadow:6px 6px 0 0 #00000040;padding:30px;position:relative;transition:all .3s ease}.fact-card:hover{background:#ffea00;box-shadow:8px 8px 0 0 #00000040;transform:translate(-2px,-2px)}.fact-content h3{font-family:Space Grotesk,sans-serif;font-size:1.5rem;margin-bottom:15px}.fact-content p{font-size:1.1rem;line-height:1.5}.corner-box{background-color:#fff;border:2px solid #000;box-shadow:4px 4px 0 0 #00000040;height:15px;position:absolute;width:15px}.top-left{left:0;top:0;transform:translate(-80%,-80%)}.top-right{right:0;top:0;transform:translate(80%,-80%)}.bottom-left{bottom:0;left:0;transform:translate(-80%,80%)}.bottom-right{bottom:0;right:0;transform:translate(80%,80%)}@media screen and (max-width:768px){.funfacts-section{margin:40px 20px}.funfacts-container{gap:30px;grid-template-columns:1fr}.fact-card{padding:25px}.fact-content h3{font-size:1.3rem}.fact-content p{font-size:1rem}}@media screen and (max-width:425px){.funfacts-section{margin:20px;padding:40px 0}.funfacts-section h2{font-size:2rem;margin-bottom:30px}.funfacts-container{gap:20px;padding:0 10px}.fact-card{padding:20px}}.contact-section{align-items:start;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin-bottom:40px;margin-top:100px}.contact-info{grid-column:1;grid-row:1}.contact-info .line{background-color:#000;border-bottom:2px solid;margin:0;position:relative;top:0;transform:translateY(100%);width:100%}.contact-form{background:#fff;border:2px solid #000;box-shadow:4px 4px 0 #00000040;display:flex;flex-direction:column;flex-grow:1;gap:20px;grid-column:2;grid-row:2;justify-content:center;margin-top:0;padding:20px;top:0;width:80%}.contact-info h2{flex-grow:2;grid-column:1/span 1;grid-row:1;margin:0}input,textarea{border:3px solid #000;box-shadow:4px 4px 0 0 #00000040;box-sizing:border-box;padding:10px;width:100%}::placeholder{padding-left:10px}textarea{height:60px}#message{height:100px}.contact-form button{align-items:center;align-self:center;background:#bae6ff;border:3px solid #000;border-radius:92px;display:inline-flex;justify-content:center;padding:10.055px 35.024px 9.42px 34.399px;width:170px}.contact-form button:hover{background:#ffea00}#result{border-radius:5px;margin-top:20px;padding:15px;text-align:center}#result.success{background-color:#27ae6033;border:1px solid #27ae60;color:#27ae60}#result.error{background-color:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c}#msg{font-size:16px;margin:0}button:disabled{cursor:not-allowed;opacity:.7}@media screen and (max-width:768px){.contact-info h2{font-size:20px}.contact-form{width:80%}}@media screen and (max-width:425px){.contact-info .line{display:none}.contact-info h2{font-size:20px}.contact-form{grid-column-end:3;grid-column-start:1;justify-self:center;margin:20px;width:75%}}.footer{align-items:center;background:#000;border-top:3.5px solid #fff;box-sizing:border-box;color:#fff;font-size:24px;height:min-content;margin-top:1em;padding:30px 40px;width:100%}.footer,.icons{display:flex;justify-content:space-between}.icons{flex-direction:row;gap:20px}.icons img{height:30px;transition:transform .2s ease;width:30px}.icons img:hover{transform:scale(1.1)}@media screen and (max-width:425px){.footer{margin:0;padding:5px}.footer,.footer p{flex-direction:column}.footer p{box-sizing:border-box;font-size:15px;justify-content:space-between;padding:0}.icons img{height:25px;width:25px}}.resume-section{background:#fff;margin:40px 83px;min-height:calc(100vh - 200px);padding:20px 0}.resume-section h2{color:#000;font-family:Space Grotesk,sans-serif;font-size:2.5rem;margin-bottom:50px;text-align:center}.resume-container{margin:0 auto}.resume-block{background:#fff;border:5px solid #000;box-shadow:4px 4px 0 0 #00000040;margin-bottom:40px;padding:30px}.resume-block:hover{box-shadow:6px 6px 0 0 #00000040;transform:translate(-2px,-2px);transition:all .3s ease}.education:hover,.skills:hover{background-color:#ff0}.resume-block h3{color:#000;font-family:Space Grotesk,sans-serif;font-size:2rem;margin-bottom:25px}.project-item{padding-left:40px}.project-item p{padding:20px 0}.projects-list{margin-top:20px}.entry{margin-bottom:30px}.entry:last-child{margin-bottom:0}.entry h4{color:#000;font-family:Space Grotesk,sans-serif;font-size:1.5rem;margin-bottom:10px}.institution{font-size:1.2rem;font-weight:700;margin-bottom:5px}.date{color:#666;font-size:1.1rem;margin-bottom:15px}.entry ul{list-style-type:none;padding-left:0}.entry li{font-size:1.1rem;line-height:1.5;margin-bottom:8px}.entry li:before{color:#000;content:"→";margin-right:10px}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.skill-category{margin-bottom:20px}.skill-category h4{color:#000;font-size:1.3rem;margin-bottom:10px}.skill-category p{font-size:1.1rem;line-height:1.5}@media screen and (max-width:768px){.resume-section{margin:20px;padding:40px 0}.skills-grid{grid-template-columns:1fr}.resume-block{padding:20px}.resume-block h3{font-size:1.8rem}.entry h4{font-size:1.3rem}}@media screen and (max-width:425px){.resume-section{margin:20px;padding:30px 0}.resume-section h2{font-size:2rem;margin-bottom:30px}.resume-block{padding:15px}.entry h4{font-size:1.2rem}.date,.entry li,.institution,.skill-category p{font-size:1rem}}.api-error-notice{background-color:#fff4e5cc;border:1px solid #ffcc80;border-radius:4px;color:#e65100;font-size:14px;margin:10px 0 20px;padding:10px 15px;text-align:center}.experience-block .description{font-size:15px;line-height:1.5;margin:8px 0}.experience-block .technologies{color:#555;font-size:14px;margin-top:8px}.experience-block .technologies span{font-weight:600}.create-sample-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;margin-left:15px;padding:5px 10px;transition:background-color .3s}.create-sample-button:hover{background-color:#3367d6}.create-sample-button:disabled{background-color:#a4c2f4;cursor:not-allowed}.experience-block{border:1px solid #eaeaea;border-radius:5px;margin-bottom:15px;overflow:hidden}.experience-header{background-color:#fff;cursor:pointer;padding:15px 20px;position:relative;transition:all .3s ease}.experience-header:hover{background-color:#fb0}.experience-header h4{font-weight:600;margin-bottom:5px}.accordion-indicator{color:#555;font-size:12px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.experience-details{animation:fadeIn .3s ease;background-color:#fff;border-top:1px solid #eaeaea;padding:0 20px 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-details{padding:40px 0}.project-details .project-container{display:flex;flex-direction:column;margin:0 auto;padding:0 20px}.project-details h2{font-size:2.5rem;margin-bottom:20px;text-align:center}.project-details h3{font-size:1.5rem;text-align:center}.project-details-image{border-radius:8px;box-shadow:0 4px 10px #0000001a;height:auto;margin-bottom:30px;width:100%}.project-description,.project-technologies{margin-bottom:30px}.project-description h3,.project-technologies h3{font-size:1.5rem;margin-bottom:15px}.project-description p{font-size:1.1rem;line-height:1.6}.project-technologies ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.project-technologies li{background-color:#f0f0f0;border-radius:20px;font-size:.9rem;padding:8px 15px}.back-btn{color:#333;display:block;font-weight:700;margin-top:40px;text-align:center;text-decoration:none}.back-btn:hover{text-decoration:underline}.project-languages{background:#000;margin:10px 0 30px;padding:20px 0}.project-languages,.project-languages-scroll{justify-content:center;position:relative;text-align:center;width:100%}.project-languages-scroll{animation:none;display:FLEX;flex-direction:row}.project-languages-scroll ul{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;list-style:none;padding:0}.project-languages-scroll li{flex-shrink:0;margin-right:0;opacity:.9;transition:opacity .3s ease,transform .3s ease}.project-languages-scroll li:hover{opacity:1;transform:translateY(-2px)}.project-languages-scroll p{border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;display:inline-block;font-size:28px;margin:0;padding:5px 15px}.project-btn{display:flex;flex-direction:row;gap:20px;justify-content:center;margin:20px 0}.project-link{background:#bae6ff}.github-link,.project-link{align-items:center;border:5px solid #000;border-radius:28px;display:flex;height:60px;justify-content:center;max-width:400px}.github-link{background:#000}.project-link:hover{background-color:#ff0}.view-live-btn{color:#000}.view-github-btn,.view-live-btn{align-items:center;display:flex;font-family:Space Grotesk;font-size:16px;font-style:normal;font-weight:700;height:100%;justify-content:center;padding:0 20px;text-align:center;text-decoration:none;width:100%}.view-github-btn{color:#fff}.github-link:hover{background-color:#cfa200}.error,.loading{font-size:1.2rem;padding:40px;text-align:center}.error{color:#d9534f}.github-link{background:#24292e;border-color:#24292e;color:#fff}.github-link .view-live-btn{color:#fff}.project-description ul{list-style-position:inside;margin-top:1rem;padding-left:1rem}.project-description li{line-height:1.5;margin-bottom:.5rem}.back-to-portfolio{display:flex;justify-content:center;margin:40px 0;width:100%}.back-to-home{border-radius:5px;color:#333;font-size:20px;font-weight:700;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.back-to-home:hover{text-decoration:underline;transform:translateY(-2px)}.project-description p li{display:list-item;margin-bottom:.75rem;margin-left:1rem}.mode-toggle-container{display:flex;justify-content:center;margin:20px 0;padding:0 83px}.mode-toggle{background:#fff;border:2px solid #000;border-radius:0;box-shadow:6px 6px 0 0 #00000040;display:flex;overflow:hidden}.toggle-btn{background:#fff;border:none;border-right:2px solid #000;color:#000;cursor:pointer;font-family:inherit;font-size:18px;padding:15px 30px;transition:all .3s ease}.toggle-btn:last-child{border-right:none}.toggle-btn.active,.toggle-btn:hover{background:#ffea00;text-decoration:underline;text-decoration-color:#000;text-decoration-thickness:3px;text-underline-offset:5px}.toggle-btn.active{font-weight:700}@media screen and (max-width:768px){.mode-toggle-container{margin:15px 0;padding:0 20px}.toggle-btn{font-size:16px;padding:12px 20px}}@media screen and (max-width:425px){.mode-toggle-container{padding:0 10px}.toggle-btn{font-size:14px;padding:10px 15px}}.admin-login-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:30px;width:100%}.admin-login-form h2{color:#333;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.admin-submit-btn{background-color:#b6eeff;border:2px solid #000;border-radius:4px;color:#000;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s;width:100%}.admin-submit-btn:hover{background-color:#fcda00}.admin-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.admin-error{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:10px}.admin-dashboard{margin:0 auto;max-width:1200px;padding:20px}.admin-header{border-bottom:1px solid #eee;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.admin-header,.admin-user-info{align-items:center;display:flex}.admin-user-info{gap:15px}.admin-welcome{color:#555;font-size:14px}.admin-username{color:#000;font-weight:700}.admin-tabs{border-bottom:1px solid #eee;display:flex;margin-bottom:20px}.admin-tab{background:none;border:none;border-bottom:3px solid #0000;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s}.admin-tab:hover{background-color:#f5f5f5}.admin-tab.active{border-bottom:3px solid #000;color:#000}.admin-section{margin-bottom:40px}.admin-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-section-header h2{margin:0}.admin-logout-btn{background-color:#dc3545;border:none;padding:8px 16px}.admin-action-btn,.admin-logout-btn{border-radius:4px;color:#fff;cursor:pointer}.admin-action-btn{background-color:#000;margin-right:10px;padding:10px 15px}.admin-action-btn:hover{background-color:#fff;color:#000}.admin-table{border-collapse:collapse;margin-top:20px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.admin-table th{background-color:#f8f9fa;font-weight:600}.admin-table tr:hover{background-color:#f5f5f5}.admin-action-buttons{display:flex;gap:8px}.admin-edit-btn{background-color:#28a745}.admin-delete-btn,.admin-edit-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.admin-delete-btn{background-color:#dc3545}.admin-form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.admin-form-title{text-align:center}.admin-form-row,.admin-form-title{margin-bottom:20px}.admin-form-row label{display:block;font-weight:500;margin-bottom:5px}.admin-form-row input,.admin-form-row select,.admin-form-row textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.admin-form-row textarea{min-height:120px}.admin-form-checkbox{align-items:center;display:flex;margin-bottom:20px}.admin-form-checkbox input{margin-right:10px;width:auto}.admin-form-actions{display:flex;gap:30px;justify-content:space-between;margin-top:30px}.admin-form-cancel{background-color:#000;border:2px solid #000;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.admin-form-cancel:hover{background-color:#fff;color:#000}.admin-tag-input{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.admin-tag{align-items:center;background-color:#e9ecef;border-radius:20px;display:flex;gap:5px;padding:5px 10px}.admin-tag-remove{background:none;border:none;color:#dc3545;cursor:pointer;font-size:16px;padding:0}.local-image-selector{border:1px solid #ddd;border-radius:4px;margin-top:15px;padding:15px}.local-image-selector p{margin-bottom:10px;margin-top:0}.image-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:300px;overflow-y:auto;padding:10px 0}.image-option{border:2px solid #0000;border-radius:4px;cursor:pointer;padding:5px;text-align:center;transition:all .2s}.image-option:hover{background-color:#007bff0d;border-color:#007bff}.image-option.selected{background-color:#007bff1a;border-color:#007bff}.image-option img{border-radius:3px;height:80px;margin-bottom:5px;object-fit:cover;width:100%}.image-option span{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-hint{color:#666;font-size:12px;margin-top:5px}.image-upload-container{margin-bottom:15px}.image-preview{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;max-width:300px;overflow:hidden}.image-preview img{display:block;height:auto;object-fit:cover;width:100%}.upload-controls{margin-bottom:15px}.upload-controls input[type=file]{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.upload-controls p{color:#007bff;font-size:14px;margin-top:8px}.storage-toggle{margin-bottom:10px}.storage-toggle label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px}.storage-toggle input[type=checkbox]{margin-right:8px}.upload-method-selector{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;margin-bottom:15px;padding:12px}.upload-method-selector label{align-items:center;cursor:pointer;display:flex;font-size:14px;margin-bottom:8px}.upload-method-selector input[type=radio]{margin-right:8px}.admin-checkbox-label{align-items:center;cursor:pointer;display:flex}.admin-checkbox-label input[type=checkbox]{margin-right:10px;width:auto}.admin-cancel-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.admin-cancel-btn:hover{background-color:#5a6268}:root{--main-color:#fff;--main-accent:#000;--second-accent:#ffec51;--tertiary-accent:#bae6ff}*{box-sizing:border-box;font-family:Space Grotesk;padding:0}*,body{margin:0}body{color:#000;font-style:normal;line-height:normal}.content{margin:0 auto;padding:0}h2{font-size:32px;padding-bottom:10px;padding-left:20px}@media screen and (max-width:768px){.content{padding:0 10px}}@media screen and (max-width:425px){.content{padding:0 5px}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e9e9ce71.css.map*/