@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=block";:root{--text:#151c27;--text-h:#08060d;--bg:#f9f9ff;--border:#e2e8f8;--code-bg:#f4f3ec;--sans:"Inter", system-ui, -apple-system, sans-serif;--heading:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body{color:#151c27!important;background-color:#f9f9ff!important;width:100%!important;min-height:100svh!important;margin:0!important;padding:0!important;font-family:Inter,sans-serif!important}#root{text-align:left!important;border:none!important;flex-direction:column!important;width:100%!important;min-height:100svh!important;margin:0!important;padding:0!important;display:flex!important}.font-headline-lg,.text-headline-lg{letter-spacing:-.02em!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:32px!important;font-weight:700!important;line-height:40px!important}.font-headline-md{font-family:Plus Jakarta Sans,sans-serif!important;font-size:24px!important;font-weight:600!important;line-height:32px!important}.font-headline-sm,.text-headline-sm{font-family:Plus Jakarta Sans,sans-serif!important;font-size:20px!important;font-weight:600!important;line-height:28px!important}.font-body-lg{font-family:Inter,sans-serif!important;font-size:16px!important;line-height:24px!important}.font-body-md{font-family:Inter,sans-serif!important;font-size:14px!important;line-height:20px!important}.font-body-sm{font-family:Inter,sans-serif!important;font-size:12px!important;line-height:16px!important}.font-label-bold{letter-spacing:.05em!important;font-family:Inter,sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:16px!important}.text-primary{color:#1b3a6b!important}.bg-primary{background-color:#1b3a6b!important}.border-primary{border-color:#1b3a6b!important}.text-brand-orange{color:#f5821f!important}.bg-brand-orange{background-color:#f5821f!important}.border-brand-orange{border-color:#f5821f!important}.bg-surface{background-color:#f9f9ff!important}.text-on-surface{color:#151c27!important}.text-on-surface-variant{color:#564336!important}.bg-surface-container{background-color:#e7eefe!important}.bg-surface-container-low{background-color:#f0f3ff!important}.border-outline-variant{border-color:#ddc1b0!important}.layout-admin button,.font-body-md button{font-family:inherit}.app-container{text-align:left;flex-direction:column;width:100%;min-height:100svh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:not([class*=bg-]):not([class*=border-]):not([class*=text-]):not([class*=tab-btn]):not([class*=btn-]){cursor:pointer;border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:6px;padding:8px 16px;font-family:inherit;font-size:14px;transition:all .2s}button:not([class*=bg-]):not([class*=border-]):not([class*=text-]):not([class*=tab-btn]):not([class*=btn-]):hover{background:var(--accent-bg);border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{opacity:.9}.btn-logout{color:#fff;background:#ff4d4f;border:none}.btn-logout:hover{background:#d9363e}.layout-admin{background:var(--bg);min-height:100svh;display:flex}.sidebar-admin{border-right:1px solid var(--border);background:var(--code-bg);flex-direction:column;width:250px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:20px}.sidebar-header h2{margin:0;font-size:18px}.sidebar-nav ul{margin:0;padding:16px 0;list-style:none}.sidebar-nav li a{color:var(--text);padding:12px 20px;display:block}.sidebar-nav li a:hover{background:var(--accent-bg);color:var(--accent);text-decoration:none}.admin-container{flex-direction:column;flex:1;display:flex}.header-admin{border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;height:64px;padding:0 24px;display:flex}.header-user-info{align-items:center;gap:16px;display:flex}.main-admin-content{flex:1;padding:32px}.layout-user{flex-direction:column;min-height:100svh;display:flex}.navbar-user{border-bottom:1px solid var(--border);background:var(--code-bg);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.navbar-user .navbar-logo a{color:var(--text-h);font-size:18px;font-weight:700}.navbar-user .navbar-menu{gap:24px;display:flex}.navbar-user-actions{align-items:center;gap:16px;display:flex}.main-user-content{flex:1;padding:40px 32px}.footer-user{border-top:1px solid var(--border);text-align:center;padding:16px;font-size:14px}.auth-viewport{box-sizing:border-box;background:radial-gradient(circle at 15% 20%,#e0f2febf 0%,#fff0 55%),radial-gradient(circle at 85% 80%,#feedd5bf 0%,#fff0 55%),#fafcff;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:30px 20px;display:flex}.auth-page-container{flex-direction:column;align-items:center;width:100%;max-width:420px;margin:0 auto;display:flex}.auth-header-section{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.auth-logo-img{filter:drop-shadow(0 4px 6px #133e8714);width:auto;height:64px;margin-bottom:8px;display:block}.auth-main-title{letter-spacing:-.5px;font-size:24px;font-weight:700;line-height:1.2;color:#133e87!important;margin:4px 0 2px!important}.auth-sub-title{color:#64748b;font-size:14px;font-weight:400;margin:0!important}.admin-badge-subtitle{color:#1e40af!important;font-weight:600!important}.auth-card-box{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0cc;border-radius:18px;width:100%;padding:34px 32px;box-shadow:0 15px 35px -5px #133e8714,0 5px 15px -6px #00000008}.auth-card-box form{width:100%}.form-group{text-align:left;width:100%}.form-label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-wrapper{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;padding:0 14px;transition:all .2s;display:flex}.input-wrapper:focus-within{border-color:#133e87;box-shadow:0 0 0 3px #133e871a}.input-icon{color:#94a3b8;flex-shrink:0;margin-right:10px}.form-input{color:#1e293b;width:100%;padding:12px 0;font-size:14px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.form-input:focus,.form-input:focus-visible,.form-input:active{box-shadow:none!important;ring:0!important;border:#0000!important;outline:none!important}.form-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-input::placeholder{color:#94a3b8;font-weight:400}.btn-auth-submit{cursor:pointer;width:100%;color:#fff!important;background:#18468e!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin-top:24px!important;padding:13px 16px!important;font-size:14.5px!important;font-weight:600!important;transition:all .2s!important;display:flex!important;box-shadow:0 4px 12px #18468e40!important}.btn-auth-submit:hover{transform:translateY(-1px);background:#133e87!important;box-shadow:0 6px 16px #18468e59!important}.btn-icon{flex-shrink:0}.auth-footer-section{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:28px;display:flex}.auth-copyright{color:#94a3b8;letter-spacing:.2px;font-size:12px;margin:0!important}.auth-role-switcher{color:#64748b;font-size:13px}.auth-link{color:#18468e;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}