:root{--bg: #fafbfc;--surface: #ffffff;--footer-bg: #f3f4f6;--text: #474747;--muted: #718096;--more: #3F38B7;--less: #eeeeee;--accent: #154383;--accent-bg: rgba(21, 67, 131, .6);--accent-rgb: 21, 67, 131;--accent-contrast: #ffffff;--accent-hover: #003980;--accent-rgb-hover: 26, 86, 163;--profile-border: #003d92de;--secondary-accent: #2a8386;--secondary-accent-rgb: 42, 131, 134;--secondary-accent-contrast: #ffffff;--border: #cccccc;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: 8px;--transition: all .3s ease;--card-bg: #ffffff;--card-hover-bg: #f9fafb;--navbar-bg: rgba(250, 251, 252, .95);--navbar-scrolled-bg: rgba(250, 251, 252, .98);--input-bg: #ffffff;--input-border: #e5e7eb;--badge-bg: rgba(21, 67, 131, .1);--badge-text: #154383;--skill-tag-bg: #f3f4f6;--skill-tag-text: #4b5563}.theme-dark{--bg: #1a202c;--surface: #2d3748;--footer-bg: #0f1419;--text: #e2e8f0;--muted: #a0aec0;--more: #3F38B7;--less: #eeeeee;--accent: #1f6fd1;--accent-bg: rgba(31, 111, 209, .6);--accent-rgb: 31, 111, 209;--accent-contrast: #ffffff;--accent-hover: #3b82f6;--accent-rgb-hover: 59, 130, 246;--secondary-accent: #3aa8ac;--secondary-accent-rgb: 58, 168, 172;--secondary-accent-contrast: #ffffff;--border: #4a5568;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--card-bg: #2d3748;--card-hover-bg: #374151;--navbar-bg: rgba(26, 32, 44, .95);--navbar-scrolled-bg: rgba(26, 32, 44, .98);--input-bg: #2d3748;--input-border: #4a5568;--badge-bg: rgba(31, 111, 209, .2);--badge-text: #a5b4fc;--skill-tag-bg: #374151;--skill-tag-text: #d1d5db}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text);background-color:var(--bg);transition:var(--transition);margin:0;min-height:100vh}@media(prefers-reduced-motion:no-preference){*{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:.3s;transition-timing-function:ease}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:all .3s ease;border:none;cursor:pointer;text-align:center}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn-secondary:hover{background:var(--accent);color:var(--accent-contrast);transform:translateY(-2px)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow-x:hidden}.login-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(var(--accent-rgb),.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(var(--accent-rgb),.02) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(var(--accent-rgb),.025) 0%,transparent 50%);background-size:300px 300px,250px 250px,350px 350px;background-position:0% 0%,100% 0%,50% 100%;background-repeat:no-repeat;pointer-events:none;z-index:1}.theme-dark .login-container:before{background-image:radial-gradient(circle at 20% 50%,rgba(var(--accent-rgb),.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(var(--accent-rgb),.06) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(var(--accent-rgb),.07) 0%,transparent 50%)}.login-card{background:var(--surface);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:400px;border:1px solid var(--border);position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-title{text-align:center;margin-bottom:2rem;color:var(--text);font-size:1.8rem;font-weight:600}.form-label{display:block;margin-bottom:.5rem;color:var(--text);font-weight:500;font-size:.95rem}.form-input{width:100%;padding:.875rem;border:2px solid var(--input-border);border-radius:var(--radius);background:var(--input-bg);color:var(--text);font-size:1rem;transition:var(--transition);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.form-input:disabled{opacity:.7;cursor:not-allowed}.password-input-container{position:relative;display:flex;align-items:center}.password-input{padding-right:3rem}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:1rem}.password-toggle-btn:hover{color:var(--accent);background:rgba(var(--accent-rgb),.1)}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn{width:100%;height:3rem;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;transition:all .3s ease}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.login-footer{text-align:center;margin-top:2rem;color:var(--muted);font-size:.85rem}.custom-swal-popup{border-radius:16px!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border)!important}.custom-swal-title{font-weight:600!important;font-size:1.5rem!important;margin-bottom:.5rem!important}.custom-swal-content{font-size:1rem!important;line-height:1.5!important}.custom-swal-confirm{border-radius:8px!important;font-weight:600!important;padding:.75rem 2rem!important;font-size:1rem!important;transition:all .3s ease!important}.custom-swal-confirm:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}@media(max-width:768px){.login-card{margin:1rem;padding:1.75rem;max-width:100%;width:calc(100% - 2rem)}.login-title{font-size:1.6rem;margin-bottom:1.75rem}.form-input{padding:.8rem;font-size:1rem}.password-input{padding-right:3rem}.password-toggle-btn{right:.6rem;font-size:.9rem}.login-btn{height:2.75rem;font-size:1rem}}@media(max-width:480px){.login-container{padding:1rem}.login-card{padding:1.5rem;margin:.5rem;width:calc(100% - 1rem)}.login-title{font-size:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{font-size:.9rem;margin-bottom:.4rem}.form-input{padding:.75rem;font-size:.95rem}.password-toggle-btn{right:.5rem;padding:.4rem;font-size:.85rem}.login-btn{height:2.5rem;font-size:.95rem}.login-footer{font-size:.8rem;margin-top:1.5rem}}@media(max-width:360px){.login-card{padding:1.25rem;margin:.25rem;width:calc(100% - .5rem)}.login-title{font-size:1.4rem}.form-input{padding:.7rem;font-size:.9rem}.password-toggle-btn{right:.4rem;padding:.35rem;font-size:.8rem}.login-btn{height:2.25rem;font-size:.9rem}}@media(min-width:1200px){.login-card{max-width:450px;padding:2.5rem}.login-title{font-size:2rem}}@media(min-width:769px)and (max-width:1024px){.login-card{max-width:420px}}@media(min-height:900px){.login-container{align-items:flex-start;padding-top:5vh}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spinner{animation:spin 1s linear infinite}.App{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-layout{display:flex;min-height:100vh;background:var(--bg);width:100%}.admin-container{display:flex;width:100%;min-height:100vh;background:var(--surface);border-radius:0;box-shadow:none;border:none;overflow:visible}.admin-sidebar{width:280px;flex-shrink:0;position:fixed;top:0;left:0;height:100vh;z-index:100}.admin-main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.logout-btn{position:fixed;top:1rem;right:5rem;width:3rem;height:3rem;border-radius:var(--radius);background:var(--secondary-accent);color:var(--secondary-accent-contrast);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:var(--shadow-md);z-index:1000;transition:var(--transition);outline:none}.logout-btn:hover{background:var(--secondary-accent);transform:scale(1.05);box-shadow:var(--shadow-lg)}.logout-btn:active{transform:scale(.95)}@media(max-width:768px){.logout-btn{right:5rem;top:1rem;width:2.5rem;height:2.5rem;font-size:1rem}}@media(max-width:480px){.logout-btn{right:4rem;top:.8rem;width:2.3rem;height:2.3rem;font-size:.9rem}}@media(max-width:1199px){.admin-container{flex-direction:column;min-height:100vh}.admin-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000}.admin-main{margin-left:0;width:100%}}@media(max-width:768px){.admin-container{height:100vh}}.theme-toggle{right:1.5rem!important}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:20px}.login-card{background:var(--card-bg);padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border);width:100%;max-width:450px;position:relative}.login-title{color:var(--text);text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.login-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo img{height:60px;width:auto;object-fit:contain}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text);font-size:.9rem}.form-input{width:100%;padding:12px 16px;border:2px solid var(--input-border);border-radius:8px;font-size:16px;transition:all .3s ease;background:var(--input-bg);color:var(--text);font-family:inherit;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51a}.form-input:disabled{opacity:.6;cursor:not-allowed}.password-input-container{position:relative}.password-input{padding-right:50px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;padding:5px;border-radius:4px;transition:color .3s ease;font-size:1rem}.password-toggle-btn:hover{color:var(--accent)}.password-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn{width:100%;justify-content:center;position:relative;margin-top:1rem;padding:15px 24px;font-size:1.1rem;border:none;border-radius:8px;background:var(--accent);color:var(--accent-contrast);cursor:pointer;transition:all .3s ease;font-weight:600;letter-spacing:.5px}.login-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.login-btn:disabled{cursor:not-allowed!important;opacity:.6;transform:none;box-shadow:none}.login-btn i{margin-right:8px}.login-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.login-footer p{color:var(--muted);font-size:.85rem;margin:0}.recaptcha-container{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0}.recaptcha{display:flex;justify-content:center;width:100%}.recaptcha>div{transform:scale(.85);transform-origin:center}.theme-dark .recaptcha>div{filter:invert(.1)}.g-recaptcha{display:flex!important;justify-content:center!important;width:100%!important;overflow:hidden!important;background:var(--surface)!important;border-radius:8px!important;border:1px solid var(--border)!important}.g-recaptcha>div{width:100%!important;background:var(--surface)!important}.g-recaptcha iframe{max-width:100%!important;transform-origin:center center!important;background:var(--surface)!important}.recaptcha-error{color:var(--accent-hover);font-size:.9rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.recaptcha-error i{font-size:1rem}@media(max-width:480px){.login-card{padding:2rem 1.5rem;margin:10px}.login-title{font-size:1.8rem}.login-logo img{height:50px}.recaptcha>div{transform:scale(.75)}}@media(max-width:360px){.login-card{padding:1.5rem 1rem}.login-logo img{height:45px}.recaptcha>div{transform:scale(.7)}}.sidebar{width:100%;height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.1rem;color:var(--text)}.sidebar-logo i{font-size:1.4rem;color:var(--accent)}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin:.25rem 0}.sidebar-menu-link{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;background:none;border:none;color:var(--muted);text-decoration:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition);position:relative;text-align:left}.sidebar-menu-link:hover{background:var(--card-hover-bg);color:var(--text);transform:translate(4px)}.sidebar-menu-link.active{background:var(--accent);color:var(--accent-contrast);font-weight:600}.sidebar-menu-link.active:hover{background:var(--accent-hover);transform:none}.sidebar-menu-link i{font-size:1.1rem;width:1.2rem;text-align:center}.menu-label{flex:1}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:1rem}.sidebar-admin-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted);font-weight:500}.sidebar-admin-info i{color:var(--accent);font-size:1rem}.sidebar-logout-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);text-align:left}.sidebar-logout-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.sidebar-logout-btn:active{transform:translateY(0)}.sidebar-logout-btn i{font-size:1rem}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:var(--transition)}.sidebar-overlay.visible{opacity:1;visibility:visible}@media(min-width:1440px){.sidebar{width:300px}.sidebar-header{padding:2rem}.sidebar-logo{font-size:1.2rem}.sidebar-logo i{font-size:1.5rem}.sidebar-menu-link{padding:1rem 2rem;font-size:1rem}.sidebar-footer{padding:2rem}}@media(min-width:1200px)and (max-width:1439px){.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;box-shadow:none;border-right:1px solid var(--border)}.sidebar-overlay{display:none}}@media(max-width:1199px)and (min-width:992px){.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--shadow-md)}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{opacity:1;visibility:visible}}@media(max-width:991px)and (min-width:769px){.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--shadow-md)}.sidebar.open{transform:translate(0)}.sidebar-header,.sidebar-footer{padding:1.25rem}}@media(max-width:768px)and (min-width:481px){.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--shadow-md)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1.25rem}.sidebar-logo{font-size:1.05rem}.sidebar-logo i{font-size:1.3rem}.sidebar-menu-link{padding:.8rem 1.25rem;font-size:.9rem}.sidebar-footer{padding:1.25rem}.sidebar-admin-info{font-size:.85rem}}@media(max-width:480px)and (min-width:361px){.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--shadow-md)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1.25rem}.sidebar-menu-link{padding:.8rem 1.25rem;font-size:.9rem}.sidebar-footer{padding:1.25rem}}@media(max-width:360px){.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--shadow-md)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1rem}.sidebar-logo{font-size:1rem;gap:.625rem}.sidebar-logo i{font-size:1.2rem}.sidebar-menu-link{padding:.75rem 1rem;font-size:.875rem;gap:.625rem}.sidebar-menu-link i{font-size:1rem}.menu-label{font-size:.875rem}.sidebar-footer{padding:1rem}.sidebar-admin-info{font-size:.8rem}}@media(max-width:319px){.sidebar{width:240px}.sidebar-header{padding:.875rem}.sidebar-logo{font-size:.95rem}.sidebar-menu-link{padding:.65rem .875rem;font-size:.825rem}.sidebar-footer{padding:.875rem}.sidebar-admin-info{font-size:.75rem}}@media(max-width:896px)and (orientation:landscape)and (max-height:500px){.sidebar{width:260px;height:calc(100vh - 1rem);top:.5rem;left:0;border-radius:var(--radius);overflow:hidden}.sidebar.open{left:.5rem}.sidebar-header{padding:.875rem 1rem}.sidebar-logo{font-size:1rem}.sidebar-nav{padding:.5rem 0}.sidebar-menu-link{padding:.65rem 1rem;font-size:.875rem}.sidebar-footer{padding:.875rem 1rem}.sidebar-admin-info{font-size:.8rem}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.sidebar{border-right-width:.5px}.sidebar-header{border-bottom-width:.5px}.sidebar-footer{border-top-width:.5px}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-menu-link,.sidebar-overlay{transition:none}.sidebar-menu-link:hover{transform:none}}@media print{.sidebar-overlay{display:none}.sidebar{position:relative;width:100%;height:auto;border-right:1px solid #000;box-shadow:none;page-break-inside:avoid}.sidebar-header,.sidebar-footer{border-color:#000}.sidebar-menu-link:hover{transform:none;background:none}.sidebar-menu-link.active{background:#f0f0f0;color:#000}}.content-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.content-header-left{display:flex;align-items:center;gap:1rem}.menu-toggle-btn{display:none;width:2.5rem;height:2.5rem;border-radius:var(--radius);background:var(--accent);color:var(--accent-contrast);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:var(--transition)}.menu-toggle-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.menu-toggle-btn:active{transform:scale(.95)}.page-title{font-size:1.75rem;font-weight:700;color:var(--text);margin:0}.content-header-right{display:flex;align-items:center;gap:1rem}@media(min-width:1200px){.content-header{padding:1.5rem 2rem}.page-title{font-size:1.75rem}.menu-toggle-btn{display:none}}@media(max-width:1199px)and (min-width:769px){.content-header{padding:1.25rem 1.5rem}.page-title{font-size:1.5rem}.menu-toggle-btn{display:flex}}@media(max-width:768px){.content-header{padding:1rem 1.25rem}.page-title{font-size:1.4rem}.menu-toggle-btn{display:flex;width:2.25rem;height:2.25rem;font-size:.9rem}}@media(max-width:360px){.content-header{padding:.875rem 1rem}.content-header-left{gap:.75rem}.page-title{font-size:1.25rem}.menu-toggle-btn{width:2rem;height:2rem;font-size:.8rem}}@media(prefers-reduced-motion:reduce){.content-header,.menu-toggle-btn{transition:none}.menu-toggle-btn:hover,.menu-toggle-btn:active{transform:none}}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--surface);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;align-items:center;gap:1rem;transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:3rem;height:3rem;border-radius:var(--radius);background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.stat-info h3{font-size:.9rem;color:var(--muted);margin:0 0 .25rem;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 .25rem}.stat-change{font-size:.8rem;font-weight:600;padding:.125rem .5rem;border-radius:.25rem}.stat-change.positive{background:#22c55e1a;color:#16a34a}.stat-change.negative{background:#ef44441a;color:#dc2626}.dashboard-charts{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.chart-card{background:var(--surface);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.chart-card h2{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:1rem}.chart-placeholder{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);background:var(--card-bg);border-radius:var(--radius);border:2px dashed var(--border)}.chart-placeholder i{font-size:2rem;margin-bottom:.5rem}.chart-placeholder p{margin:0;font-size:.9rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border)}.activity-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.activity-content{flex:1}.activity-content p{margin:0 0 .25rem;font-size:.9rem;color:var(--text);font-weight:500}.activity-content span{font-size:.8rem;color:var(--muted)}@media(min-width:1200px){.dashboard-stats{grid-template-columns:repeat(4,1fr)}.dashboard-charts{grid-template-columns:2fr 1fr}}@media(max-width:1199px)and (min-width:769px){.admin-content{margin-left:0;padding:1.5rem}.content-header h1{font-size:1.75rem}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem;gap:.75rem}.stat-icon{width:2.5rem;height:2.5rem;font-size:1rem}.stat-value{font-size:1.25rem}.dashboard-charts{grid-template-columns:1fr;gap:1rem}.chart-card{padding:1.25rem}}@media(max-width:768px){.admin-content{margin-left:0;padding:1rem}.content-header{margin-bottom:1.5rem}.content-header h1{font-size:1.5rem}.content-header p{font-size:.9rem}.dashboard-stats{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem;gap:.75rem}.stat-icon{width:2.25rem;height:2.25rem;font-size:.9rem}.stat-info h3{font-size:.85rem}.stat-value{font-size:1.1rem}.stat-change{font-size:.75rem}.chart-card{padding:1rem}.chart-card h2{font-size:1.1rem}.chart-placeholder{height:150px}.activity-item{padding:.6rem;gap:.6rem}.activity-icon{width:2rem;height:2rem;font-size:.8rem}.activity-content p{font-size:.85rem}.activity-content span{font-size:.75rem}}@media(max-width:360px){.admin-content{padding:.75rem}.content-header h1{font-size:1.3rem}.dashboard-stats{gap:.75rem}.stat-card{padding:.875rem}.stat-icon{width:2rem;height:2rem;font-size:.8rem}.stat-value{font-size:1rem}}.admin-content{flex:1;padding:2rem;background:var(--bg);min-height:100vh;transition:var(--transition)}.content-header{margin-bottom:2rem}.content-header h1{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.content-header p{color:var(--muted);font-size:1rem;margin:0}.page-content{display:flex;justify-content:center;align-items:center;min-height:400px;padding:1rem}.placeholder-card{background:var(--surface);padding:3rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;max-width:600px;width:100%;transition:var(--transition)}.placeholder-card i{font-size:3rem;color:var(--accent);margin-bottom:1rem;display:block}.placeholder-card h2{font-size:1.5rem;color:var(--text);margin-bottom:1rem;font-weight:600}.placeholder-card p{color:var(--muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.placeholder-card ul{list-style:none;padding:0;margin:0;text-align:left}.placeholder-card li{padding:.5rem 0;border-bottom:1px solid var(--border);color:var(--text);font-size:.95rem;display:flex;align-items:center}.placeholder-card li:last-child{border-bottom:none}.placeholder-card li:before{content:"✓";color:var(--accent);font-weight:700;margin-right:.5rem;flex-shrink:0}@media(min-width:1440px){.admin-content{padding:2.5rem}.content-header h1{font-size:2.25rem}.placeholder-card{padding:3.5rem;max-width:700px}}@media(min-width:1200px)and (max-width:1439px){.admin-content{padding:2rem}.placeholder-card{max-width:600px}}@media(max-width:1199px)and (min-width:992px){.admin-content{margin-left:0;padding:2rem 1.5rem}.content-header h1{font-size:1.85rem}.placeholder-card{padding:2.5rem;max-width:580px}.placeholder-card i{font-size:2.75rem}.placeholder-card h2{font-size:1.4rem}}@media(max-width:991px)and (min-width:769px){.admin-content{margin-left:0;padding:1.5rem}.content-header{margin-bottom:1.75rem}.content-header h1{font-size:1.75rem}.content-header p{font-size:.95rem}.page-content{min-height:350px;padding:.75rem}.placeholder-card{padding:2rem;max-width:540px}.placeholder-card i{font-size:2.5rem}.placeholder-card h2{font-size:1.3rem}.placeholder-card p{font-size:.95rem}.placeholder-card li{font-size:.9rem}}@media(max-width:768px)and (min-width:481px){.admin-content{margin-left:0;padding:1.25rem}.content-header{margin-bottom:1.5rem}.content-header h1{font-size:1.6rem}.content-header p{font-size:.9rem}.page-content{min-height:320px;padding:.5rem}.placeholder-card{padding:1.75rem;max-width:100%}.placeholder-card i{font-size:2.25rem}.placeholder-card h2{font-size:1.25rem;margin-bottom:.875rem}.placeholder-card p{font-size:.9rem;margin-bottom:1.25rem}.placeholder-card li{font-size:.9rem;padding:.45rem 0}}@media(max-width:480px)and (min-width:361px){.admin-content{margin-left:0;padding:1rem}.content-header{margin-bottom:1.5rem}.content-header h1{font-size:1.5rem}.content-header p{font-size:.9rem}.page-content{min-height:300px;padding:.5rem}.placeholder-card{padding:1.5rem}.placeholder-card i{font-size:2rem;margin-bottom:.875rem}.placeholder-card h2{font-size:1.2rem;margin-bottom:.75rem}.placeholder-card p{font-size:.9rem;margin-bottom:1rem;line-height:1.5}.placeholder-card li{font-size:.9rem;padding:.4rem 0}}@media(max-width:360px){.admin-content{padding:.75rem}.content-header{margin-bottom:1.25rem}.content-header h1{font-size:1.3rem}.content-header p{font-size:.85rem}.page-content{min-height:280px;padding:.25rem}.placeholder-card{padding:1.25rem}.placeholder-card i{font-size:1.75rem;margin-bottom:.75rem}.placeholder-card h2{font-size:1.1rem;margin-bottom:.625rem}.placeholder-card p{font-size:.85rem;margin-bottom:.875rem;line-height:1.4}.placeholder-card li{font-size:.85rem;padding:.35rem 0}.placeholder-card li:before{font-size:.9rem}}@media(max-width:319px){.admin-content{padding:.5rem}.content-header h1{font-size:1.2rem}.content-header p{font-size:.8rem}.placeholder-card{padding:1rem}.placeholder-card i{font-size:1.5rem}.placeholder-card h2{font-size:1rem}.placeholder-card p{font-size:.8rem}.placeholder-card li{font-size:.8rem;padding:.3rem 0}}@media(max-width:896px)and (orientation:landscape)and (max-height:500px){.admin-content{padding:1rem;min-height:auto}.content-header{margin-bottom:1rem}.content-header h1{font-size:1.3rem}.content-header p{font-size:.85rem}.page-content{min-height:200px;padding:.5rem}.placeholder-card{padding:1.25rem;max-width:500px}.placeholder-card i{font-size:1.5rem;margin-bottom:.5rem}.placeholder-card h2{font-size:1.1rem;margin-bottom:.5rem}.placeholder-card p{font-size:.85rem;margin-bottom:.75rem}.placeholder-card li{font-size:.85rem;padding:.3rem 0}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.placeholder-card{border-width:.5px}.placeholder-card li{border-bottom-width:.5px}}@media(prefers-reduced-motion:reduce){.admin-content,.placeholder-card{transition:none}}@media print{.admin-content{padding:1rem;background:#fff}.placeholder-card{border:1px solid #000;box-shadow:none;page-break-inside:avoid}}.theme-toggle{position:fixed!important;right:1.5rem;bottom:1.5rem;width:3rem;height:3rem;border-radius:50%;background:var(--accent);color:var(--accent-contrast);border:none;cursor:pointer;display:flex!important;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:var(--shadow-lg);z-index:99999!important;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;-webkit-tap-highlight-color:transparent;visibility:visible!important;opacity:1!important;max-width:3rem;max-height:3rem;flex-shrink:0}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:var(--shadow-lg)}.theme-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.theme-toggle:active{transform:scale(.95)}.theme-toggle i{animation:iconRotate .5s cubic-bezier(.4,0,.2,1);pointer-events:none;display:block}@keyframes iconRotate{0%{transform:rotate(-180deg) scale(0);opacity:0}50%{transform:rotate(-90deg) scale(.5);opacity:.5}to{transform:rotate(0) scale(1);opacity:1}}body,body *{transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1),fill .4s cubic-bezier(.4,0,.2,1),stroke .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}body *:not(.theme-toggle):not(.theme-toggle *){transition-property:background-color,border-color,color,fill,stroke,box-shadow,opacity}@media(prefers-reduced-motion:reduce){body,body *,.theme-toggle,.theme-toggle i{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:768px)and (max-height:799px){.theme-toggle{right:1rem;bottom:1rem;width:2.75rem;height:2.75rem;font-size:1.15rem;box-shadow:0 4px 12px #00000026}}@media(max-width:480px)and (max-height:799px){.theme-toggle{right:.8rem;bottom:.8rem;width:2.5rem;height:2.5rem;font-size:1.1rem}}@media(max-width:360px){.theme-toggle{right:.6rem;bottom:.6rem;width:2.3rem;height:2.3rem;font-size:1rem}}@media(max-height:600px){.theme-toggle{bottom:.8rem!important}}@media(max-width:896px)and (orientation:landscape){.theme-toggle{right:.8rem!important;bottom:.8rem!important;width:2.3rem!important;height:2.3rem!important}}@media(max-width:768px){.theme-toggle{bottom:calc(1rem + env(safe-area-inset-bottom,0))!important;right:calc(1rem + env(safe-area-inset-right,0))!important}}.theme-toggle{contain:layout style paint!important;will-change:transform!important}