:root{--brand-cyan: #66e8ff;--brand-slate: #495d5c;--brand-ink: #112f3b;--brand-sand: #d3b690;--brand-sage: #97a5a5;--brand-white: #fefeff;--cyan-soft: #ecfcff;--cyan-hover: #e0faff;--cyan-press: #5cd2e7;--sand-soft: #f6f2eb;--bg: #f7f9f9;--surface: var(--brand-white);--text-1: var(--brand-ink);--text-2: var(--brand-slate);--text-3: #7c8d93;--border: #e2e6e7;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--gift: var(--brand-sand);--gift-ink: #7a5a25;--font-sans: "Doran", "Vazirmatn", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 38px;--lh-xs: 1.6;--lh-sm: 1.6;--lh-base: 1.7;--lh-lg: 1.5;--lh-xl: 1.4;--lh-2xl: 1.3;--lh-3xl: 1.2;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(17, 47, 59, .06);--shadow-md: 0 4px 16px rgba(17, 47, 59, .08);--shadow-lg: 0 12px 32px rgba(17, 47, 59, .12);--motion-fast: .16s;--motion-base: .24s;--motion-slow: .32s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1);--tabbar-h: 60px}@font-face{font-family:Doran;src:url(/fonts/Doran-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Doran;src:url(/fonts/Doran-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Doran;src:url(/fonts/Doran-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-1);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;overflow-x:hidden}:focus-visible{outline:3px solid var(--brand-cyan);outline-offset:2px;border-radius:var(--radius-sm)}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-4);background:var(--brand-ink);color:var(--brand-white);padding-top:calc(var(--space-2) + env(safe-area-inset-top,0px))}.topbar__logo{height:22px;width:auto;display:block}.topbar__title{font-size:var(--text-base);line-height:var(--lh-base);font-weight:500;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;font-family:inherit;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md)}.topbar__btn:hover{background:#fefeff1f}.sidebar{display:none}.main{flex:1;width:100%;padding:var(--space-4);padding-bottom:calc(var(--tabbar-h) + var(--space-6) + env(safe-area-inset-bottom,0px))}.tabbar{position:fixed;inset-inline:0;bottom:0;z-index:30;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:var(--shadow-lg)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tabbar-h);text-decoration:none;color:var(--text-2);font-size:var(--text-xs);line-height:var(--lh-xs);font-weight:500;border-top:3px solid transparent}.tabbar__item[aria-current=page]{color:var(--brand-ink);border-top-color:var(--brand-cyan);background:var(--cyan-soft)}.tabbar__icon{font-size:var(--text-lg);line-height:1}@media(min-width:860px){.app{flex-direction:row}.topbar,.tabbar{display:none}.sidebar{display:flex;flex-direction:column;gap:var(--space-1);width:252px;flex:0 0 252px;background:var(--brand-ink);color:var(--brand-white);padding:var(--space-6) var(--space-4);min-height:100vh;position:sticky;top:0}.main{padding:var(--space-7) var(--space-6);padding-bottom:var(--space-9);max-width:1040px}}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-7)}.sidebar__brand img{height:26px;width:auto}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--brand-sage);text-decoration:none;font-size:var(--text-sm);line-height:var(--lh-sm);font-weight:500;transition:background var(--motion-fast) var(--ease-out)}.sidebar__link:hover{background:#fefeff14;color:var(--brand-white)}.sidebar__link[aria-current=page]{background:var(--brand-cyan);color:var(--brand-ink)}.sidebar__spacer{flex:1}.sidebar__who{font-size:var(--text-xs);line-height:var(--lh-xs);color:var(--brand-sage);padding-top:var(--space-4);border-top:1px solid rgba(254,254,255,.14)}.path{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);line-height:var(--lh-xs);color:var(--text-2);margin-bottom:var(--space-4)}.path a{color:var(--text-2);text-decoration:none;border-bottom:1px solid var(--border)}.path a:hover{color:var(--brand-ink)}.path__sep{color:var(--brand-sage)}.path__here{color:var(--brand-ink);font-weight:500}.page__head{margin-bottom:var(--space-5)}.page__title{font-size:var(--text-xl);line-height:var(--lh-xl);font-weight:700;color:var(--brand-ink);margin:0 0 var(--space-2)}.page__sub{font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--text-2);margin:0}@media(min-width:860px){.page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}}.steps{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.steps__dot{flex:1;height:4px;border-radius:var(--radius-full);background:var(--border)}.steps__dot--done{background:var(--brand-cyan)}.steps__dot--now{background:var(--brand-ink)}.steps__label{font-size:var(--text-xs);line-height:var(--lh-xs);color:var(--text-2);margin:0 0 var(--space-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5)}@media(min-width:860px){.card{padding:var(--space-6)}}.card+.card{margin-top:var(--space-5)}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.card__title{font-size:var(--text-lg);line-height:var(--lh-lg);font-weight:700;margin:0 0 var(--space-2);color:var(--brand-ink)}.card__hint{font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--text-2);margin:0 0 var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);line-height:var(--lh-sm);font-weight:500;cursor:pointer;text-decoration:none;transition:background var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--brand-cyan);color:var(--brand-ink);font-weight:700}.btn--primary:hover:not(:disabled){background:var(--cyan-press)}.btn--cta{min-height:52px;border-radius:var(--radius-full);padding:0 var(--space-7);font-size:var(--text-base);width:100%}.btn--ghost{background:var(--surface);color:var(--brand-slate);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--cyan-soft);border-color:var(--brand-cyan);color:var(--brand-ink)}.btn--danger{background:var(--surface);color:var(--danger);border-color:var(--border)}.btn--danger:hover:not(:disabled){border-color:var(--danger)}.btn--sm{min-height:38px;padding:0 var(--space-4);font-size:var(--text-xs)}.btn-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn-row--stack .btn{width:100%}@media(min-width:560px){.btn-row--stack .btn{width:auto}}.field{display:block;margin-bottom:var(--space-4)}.field__label{display:block;font-size:var(--text-sm);line-height:var(--lh-sm);font-weight:500;color:var(--brand-ink);margin-bottom:var(--space-2)}.field__input,.field__select,.field__textarea{width:100%;min-height:48px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-1);font-family:inherit;font-size:var(--text-base);line-height:var(--lh-base)}.field__input:focus,.field__select:focus,.field__textarea:focus{border-color:var(--brand-cyan)}.field__input::placeholder,.field__textarea::placeholder{color:var(--text-3)}.field__textarea{min-height:200px;direction:ltr;text-align:left;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-sm);line-height:var(--lh-sm)}.field__input--num{direction:ltr;text-align:start;font-variant-numeric:tabular-nums;letter-spacing:.04em}.field__hint{display:block;font-size:var(--text-xs);line-height:var(--lh-xs);color:var(--text-2);margin-top:var(--space-2)}.list{display:flex;flex-direction:column;gap:var(--space-3)}.list__row{display:block;width:100%;text-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);font-family:inherit;font-size:var(--text-base);color:var(--text-1);text-decoration:none;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out)}.list__row:hover{border-color:var(--brand-cyan);background:var(--cyan-soft)}.list__main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.list__name{font-weight:500;overflow:hidden;text-overflow:ellipsis}.list__meta{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2);font-size:var(--text-xs);line-height:var(--lh-xs);color:var(--text-2)}.list__chev{color:var(--brand-sage);flex:0 0 auto}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:var(--lh-sm)}.table th,.table td{text-align:start;padding:var(--space-3);border-bottom:1px solid var(--border);vertical-align:middle}.table th{color:var(--text-2);font-weight:500;white-space:nowrap}.table tbody tr:hover{background:var(--cyan-soft)}.td--num{font-variant-numeric:tabular-nums}.only-desktop{display:none}@media(min-width:860px){.only-desktop{display:block}.only-mobile{display:none}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);line-height:var(--lh-xs);font-weight:500;white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--text-2)}.badge--ok{color:var(--success);border-color:currentColor}.badge--warn{color:var(--warning);border-color:currentColor}.badge--bad{color:var(--danger);border-color:currentColor}.badge--gift{color:var(--gift-ink);background:var(--sand-soft);border-color:var(--gift)}.empty{background:var(--cyan-soft);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-5);text-align:center;color:var(--text-2);font-size:var(--text-sm);line-height:var(--lh-sm)}.empty__title{font-size:var(--text-lg);line-height:var(--lh-lg);font-weight:700;color:var(--brand-ink);margin:0 0 var(--space-2)}.empty .btn{margin-top:var(--space-5)}.note{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--lh-sm);margin-bottom:var(--space-4);border:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere}.note--ok{color:var(--success);border-color:currentColor}.note--bad{color:var(--danger);border-color:currentColor}.login{min-height:100%;display:grid;place-items:center;padding:var(--space-5);background:var(--brand-ink)}.login__box{width:100%;max-width:380px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-7) var(--space-5)}.login__logo{display:block;height:40px;width:auto;margin:0 auto var(--space-6)}.login__title{font-size:var(--text-lg);line-height:var(--lh-lg);font-weight:700;color:var(--brand-ink);margin:0 0 var(--space-2);text-align:center}.login__sub{font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--text-2);margin:0 0 var(--space-6);text-align:center}.muted{color:var(--text-2)}.tiny{font-size:var(--text-xs);line-height:var(--lh-xs);color:var(--text-2)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;direction:ltr;display:inline-block;overflow-wrap:anywhere}