: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}.phone-frame-backdrop{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.phone-frame{background:var(--color-surface);border:10px solid var(--color-navy);width:402px;height:874px;max-height:90vh;box-shadow:var(--shadow-modal);border-radius:44px;flex-shrink:0;position:relative;overflow:hidden}.phone-frame-notch{background:var(--color-navy);z-index:2;border-radius:0 0 16px 16px;width:120px;height:26px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-frame-screen{height:100%;overflow:auto}@media (width<=480px){.phone-frame-backdrop{padding:0}.phone-frame{border:none;border-radius:0;width:100%;height:100vh;max-height:none}.phone-frame-notch{display:none}}.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}.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)}.ds-card{background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ds-dashboard{background:var(--color-surface);min-height:100vh;color:var(--color-text);display:flex}.ds-dashboard__sidebar{background:var(--color-navy);flex-direction:column;flex-shrink:0;gap:3px;width:230px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.ds-dashboard__brand{align-items:center;gap:9px;padding:0 8px 20px;display:flex}.ds-dashboard__navitem{color:oklch(80% .01 235);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:9px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.ds-dashboard__navitem.active{color:#fff;background:oklch(30% .045 235);font-weight:700}.ds-dashboard__navitem svg{flex-shrink:0}.ds-dashboard__navspacer{flex:1}.ds-dashboard__logout{border-top:1px solid oklch(35% .02 235);margin-top:4px;padding-top:10px}.ds-dashboard__main{flex-direction:column;flex:1;gap:22px;min-width:0;padding:30px 36px 36px;display:flex}.ds-dashboard__topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.ds-dashboard__title{font-size:23px;font-weight:800}.ds-dashboard__subtitle{color:var(--color-text-muted);margin-top:4px;font-size:13.5px}.ds-dashboard__userchip{flex-shrink:0;align-items:center;gap:10px;display:flex}.ds-dashboard__avatar{background:var(--color-teal-tint);width:34px;height:34px;color:var(--color-teal-strong);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}