:root{--color-bg:oklch(96% .006 235);--color-surface:oklch(97% .004 235);--color-card:#fff;--color-text:oklch(22% .02 235);--color-text-muted:oklch(48% .02 235);--color-text-faint:oklch(55% .01 235);--color-navy:oklch(24% .035 235);--color-teal:oklch(62% .1 195);--color-teal-strong:oklch(45% .1 195);--color-teal-link:oklch(56% .11 195);--color-teal-link-hover:oklch(48% .11 195);--color-teal-tint:oklch(94% .03 195);--color-border:oklch(88% .006 235);--color-border-soft:oklch(91% .006 235);--color-amber:oklch(65% .11 55);--color-amber-strong:oklch(45% .11 55);--color-amber-tint:oklch(94% .04 55);--color-error:oklch(50% .15 25);--color-error-text:oklch(35% .13 25);--color-error-border:oklch(85% .09 25);--color-error-tint:oklch(94% .05 25);--color-success:oklch(55% .14 150);--color-success-tint:oklch(94% .05 150);--font-sans:"Nunito", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:12px;--radius-md:14px;--radius-lg:16px;--radius-xl:18px;--radius-2xl:20px;--radius-3xl:24px;--shadow-card:0 2px 8px #1428320d;--shadow-modal:0 24px 60px #00000059}*{box-sizing:border-box}body{background:var(--color-bg);font-family:var(--font-sans);color:var(--color-text);margin:0}a{color:var(--color-teal-link);text-decoration:none}a:hover{color:var(--color-teal-link-hover)}::-webkit-scrollbar{width:0;height:0}.ds-field{margin-bottom:22px}.ds-field-label{letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px;font-size:12.5px;font-weight:800}.ds-field-error{color:var(--color-error);margin-top:6px;font-size:12.5px;font-weight:700}.ds-input-shell{border:1.5px solid var(--color-teal);border-radius:var(--radius-lg);background:#fff;align-items:center;gap:10px;padding:15px 16px;display:flex}.ds-input-shell--error{border-color:var(--color-error-border)}.ds-input-prefix{color:var(--color-text-muted);font-size:15px;font-weight:700}.ds-input-divider{background:var(--color-border);width:1px;height:18px}.ds-input-bare{font-size:16px;font-weight:600;font-family:var(--font-sans);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0}.ds-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:15px;font-weight:600;font-family:var(--font-sans);color:var(--color-text);background:#fff;outline:none;padding:13px 15px}.ds-input:focus{border-color:var(--color-teal)}.ds-input--error{border-color:var(--color-error-border)}.ds-button{text-align:center;border-radius:var(--radius-xl);width:100%;font-size:16px;font-weight:800;font-family:var(--font-sans);cursor:pointer;border:none;padding:16px 0;transition:opacity .15s}.ds-button:disabled{opacity:.6;cursor:not-allowed}.ds-button--primary{background:var(--color-navy);color:#fff}.ds-button--secondary{color:var(--color-text);border:1.5px solid var(--color-border);background:#fff}.ds-button--link{color:var(--color-teal-strong);background:0 0;width:auto;padding:8px 0;font-size:13.5px}.auth-portal-bg{background:var(--color-navy);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.auth-portal-bg:before,.auth-portal-bg:after{content:"";filter:blur(80px);opacity:.25;pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite alternate orbFloat;position:absolute}.auth-portal-bg:before{background:var(--color-teal);width:420px;height:420px;top:-100px;left:-80px}.auth-portal-bg:after{background:#2563eb;width:460px;height:460px;animation-duration:18s;animation-direction:alternate-reverse;bottom:-120px;right:-100px}@keyframes orbFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,35px)scale(1.08)}to{transform:translate(-30px,60px)scale(.94)}}.auth-login-card{border-radius:var(--radius-2xl);z-index:1;background:#fff;width:100%;max-width:410px;padding:40px 36px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s;animation:.45s cubic-bezier(.16,1,.3,1) forwards cardEntrance;position:relative;box-shadow:0 24px 60px #0006}@keyframes cardEntrance{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-login-card.shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both cardShake}@keyframes cardShake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.auth-login-card.exit{opacity:0;filter:blur(1px);pointer-events:none;transform:scale(.95)translateY(-16px)}.auth-button-inner{justify-content:center;align-items:center;gap:10px;display:inline-flex}.auth-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-button--success{transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 20px #10b98159;color:#fff!important;background:#10b981!important}.auth-checkmark-icon{width:20px;height:20px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.ds-dashboard{color:#112529;min-height:100vh;font-family:var(--font-sans);background:#f0f4f4;display:flex}.ds-dashboard__sidebar{background:#112327;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;box-shadow:2px 0 12px #0a14160d}.ds-dashboard__brand{align-items:center;gap:10px;padding:0 4px 22px;display:flex}.ds-dashboard__section-label{letter-spacing:.12em;color:#638287;text-transform:uppercase;padding:8px 10px 10px;font-size:10.5px;font-weight:800}.ds-dashboard__navlist{flex-direction:column;gap:4px;display:flex}.ds-dashboard__navitem{color:#87a1a5;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:flex;position:relative}.ds-dashboard__navicon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ds-dashboard__navlabel{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ds-dashboard__activedot{opacity:0;background:#00e6a8;border-radius:50%;width:6px;height:6px;transition:opacity .15s;box-shadow:0 0 6px #00e6a8}.ds-dashboard__navitem:hover{color:#fff;background:#152c31}.ds-dashboard__navitem.active{color:#fff;background:#1c393f;font-weight:700}.ds-dashboard__navitem.active .ds-dashboard__activedot{opacity:1}.ds-dashboard__navspacer{flex:1}.ds-dashboard__logout{border-top:1px solid #1a353b;border-radius:0;margin-top:8px;padding-top:14px}.ds-dashboard__main{flex-direction:column;flex:1;gap:24px;min-width:0;padding:28px 40px 40px;display:flex}.ds-dashboard__topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.ds-dashboard__title-container{flex-direction:column;gap:6px;display:flex}.ds-dashboard__badge-row{align-items:center;gap:8px;display:flex}.ds-dashboard__badge-label{letter-spacing:.08em;color:#2d6a67;text-transform:uppercase;font-size:11px;font-weight:800}.ds-dashboard__badge-tag{color:#0f766e;background:#d1fae5;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.ds-dashboard__badge-dot{background:#10b981;border-radius:50%;width:5px;height:5px;box-shadow:0 0 4px #10b981}.ds-dashboard__title{color:#112529;letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1.1}.ds-dashboard__subtitle{color:#657e83;font-size:14px;font-weight:500}.ds-dashboard__actions-row{align-items:center;gap:16px;display:flex}.ds-dashboard__userchip{cursor:pointer;background:#fff;border:1px solid #e1ebea;border-radius:24px;align-items:center;gap:10px;padding:6px 14px 6px 8px;display:flex;box-shadow:0 2px 6px #10232708}.ds-dashboard__avatar{color:#0f766e;background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.ds-dashboard__userinfo{flex-direction:column;display:flex}.ds-dashboard__username{color:#112529;font-size:13px;font-weight:700;line-height:1.2}.ds-dashboard__userrole{color:#657e83;font-size:11px;font-weight:600}.ds-dashboard__userchevron{color:#82999e;margin-left:2px}.ds-pin-row{gap:9px;margin-bottom:22px;display:flex}.ds-pin-box{aspect-ratio:1;border-radius:var(--radius-md);border:1.5px solid var(--color-border);font-size:20px;font-weight:800;font-family:var(--font-sans);text-align:center;color:var(--color-text);background:#fff;outline:none;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.ds-pin-box:focus,.ds-pin-box--filled{border:2px solid var(--color-teal);background:var(--color-teal-tint);color:var(--color-teal-strong)}.ds-pin-box--error{border-color:var(--color-error-border);background:var(--color-error-tint);color:var(--color-error-text)}