@charset "UTF-8";:root{--paper: #f3f5f2;--paper-raised: #fcfdfb;--ink: #1c2732;--ink-soft: #51606e;--turquoise: #0e8a8c;--turquoise-deep: #0a6c6e;--turquoise-tint: #e0efee;--redpen: #b6402c;--redpen-tint: #f7e9e5;--leaf: #35703f;--line: #d8ddd6;--font-display: "Bricolage Grotesque", "Avenir Next", sans-serif;--font-dialogue: "Newsreader", Georgia, serif;--font-farsi: "Vazirmatn", Tahoma, sans-serif;--radius: 10px;--shadow: 0 1px 2px rgba(28, 39, 50, .06), 0 8px 24px -12px rgba(28, 39, 50, .18)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--font-display);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-family:var(--font-display)}a{color:var(--turquoise-deep)}:focus-visible{outline:2px solid var(--turquoise);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.9rem clamp(1rem,4vw,2.5rem);border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:7px;background:var(--ink);color:var(--paper);font-weight:700;font-size:.95rem;transform:rotate(-4deg)}.brand-name{font-weight:650;font-size:1.15rem;letter-spacing:-.01em}.brand-name em{font-style:normal;color:var(--turquoise-deep)}.shell-nav{display:flex;gap:.25rem}.shell-nav a{padding:.4rem .85rem;border-radius:999px;text-decoration:none;color:var(--ink-soft);font-weight:550;font-size:.95rem;transition:color .15s ease,background .15s ease}.shell-nav a:hover{color:var(--ink);background:#1c27320d}.shell-nav a.active{color:var(--paper-raised);background:var(--ink)}.shell-main{flex:1;display:flex;flex-direction:column}.page{width:min(760px,100%);margin-inline:auto;padding:clamp(1.25rem,4vw,2.5rem) 1rem 3rem;flex:1;display:flex;flex-direction:column}.page-header{margin-bottom:1.75rem}.page-header h1{font-size:clamp(1.6rem,4vw,2.1rem);font-weight:700;letter-spacing:-.02em}.page-sub{margin:.4rem 0 0;color:var(--ink-soft)}.empty-state{margin:auto;max-width:30rem;padding:3rem 1rem;text-align:center;color:var(--ink-soft)}.empty-state h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-bottom:.75rem}.empty-state p{margin:0;line-height:1.6}.error-banner{margin:.75rem 0 0;padding:.6rem .9rem;border-radius:var(--radius);background:var(--redpen-tint);color:var(--redpen);border:1px solid color-mix(in srgb,var(--redpen) 25%,transparent);font-size:.92rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--paper-raised);color:var(--ink);font-family:var(--font-display);font-size:.92rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:hover{border-color:var(--ink-soft)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper-raised)}.btn.primary:hover:not(:disabled){background:#2b3947}.btn.ghost{background:transparent}.btn.danger{color:var(--redpen)}.btn.danger:hover{border-color:var(--redpen);background:var(--redpen-tint)}.field-label{display:block;font-size:.82rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}input[type=text],input[type=url],input[type=password],select,textarea{width:100%;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);font-family:var(--font-display);font-size:.98rem}input[type=text]:focus,input[type=url]:focus,input[type=password]:focus,select:focus,textarea:focus{outline:none;border-color:var(--turquoise);box-shadow:0 0 0 3px color-mix(in srgb,var(--turquoise) 18%,transparent)}input[type=text]::placeholder,input[type=url]::placeholder,input[type=password]::placeholder,select::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--ink-soft) 65%,transparent)}@media(max-width:640px){.shell-header{padding-block:.7rem}.brand-name{display:none}.shell-nav a{padding:.35rem .65rem;font-size:.88rem}input[type=text],input[type=url],input[type=password],select,textarea{font-size:1rem}}