:root{--ink-0: #ffffff;--ink-25: #fbfaf8;--ink-50: #f5f4f1;--ink-100: #ecebe6;--ink-200: #dad8d1;--ink-300: #c3c0b8;--ink-400: #8f8b82;--ink-500: #6d6a62;--ink-600: #57544d;--ink-800: #2b2a26;--ink-950: #14130f;--accent-50: #faf6ee;--accent-100: #f3e9d4;--accent-300: #ddc59a;--accent-400: #c9a66b;--accent-500: #b8925a;--accent-600: #9a7642;--accent-700: #7a5a2c;--green-100: #e4f5eb;--green-600: #157a47;--red-100: #fbeae8;--red-500: #cf372c;--red-600: #a72a21;--text-primary: var(--ink-950);--text-secondary: var(--ink-600);--text-tertiary: var(--ink-500);--surface-page: var(--ink-25);--surface-card: var(--ink-0);--surface-sunken: var(--ink-50);--surface-hover: var(--ink-50);--border-subtle: var(--ink-100);--border-default: var(--ink-200);--border-strong: var(--ink-300);--border-input: var(--ink-400);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(20, 19, 15, .05), 0 2px 6px rgba(20, 19, 15, .04);--shadow-lg: 0 4px 10px rgba(20, 19, 15, .05), 0 18px 40px rgba(20, 19, 15, .09);--focus: 0 0 0 2px var(--surface-card), 0 0 0 4px var(--accent-600);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--bar-h: 56px;--tabs-h: 60px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{font:15px/1.5 var(--font);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p,dl,dd,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}code,.mono{font-family:var(--mono);font-size:.92em}img{display:block;max-width:100%}:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--focus);border-radius:var(--radius-sm)}[tabindex="-1"]:focus{outline:none;box-shadow:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-40px;z-index:100;padding:8px 12px;background:var(--ink-950);color:var(--ink-0);border-radius:var(--radius-sm)}.skip-link:focus{top:calc(8px + var(--safe-top))}.muted{color:var(--text-secondary)}.small{font-size:13px}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.gap-sm{gap:8px}.stack{display:flex;flex-direction:column;gap:14px}.stack-tight{display:flex;flex-direction:column;gap:6px}.link{color:var(--accent-700);font-weight:550;text-decoration:underline;text-underline-offset:2px}.icon{display:inline-flex;flex:none;vertical-align:-.15em}p>.icon{margin-right:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{min-height:38px;padding:0 12px;font-size:14px;border-radius:var(--radius-sm)}.btn--block{width:100%}.btn--primary{background:var(--accent-400);color:var(--ink-950)}.btn--primary:hover:not(:disabled){background:var(--accent-500)}.btn--secondary{background:var(--surface-card);border-color:var(--border-default)}.btn--secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--ink-300)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn--danger{background:var(--red-600);color:#fff}.btn--danger:hover:not(:disabled){background:#8c231c}.btn--icon{width:44px;padding:0}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-weight:550;font-size:13.5px}.field__error{color:var(--red-600);font-size:13px}.field__hint{color:var(--text-secondary);font-size:13px}.input{min-height:46px;width:100%;padding:0 12px;background:var(--surface-card);border:1px solid var(--border-input);border-radius:var(--radius-md);font-size:16px}.input:focus{outline:2px solid transparent;border-color:var(--accent-600);box-shadow:var(--focus)}.input[aria-invalid=true]{border-color:var(--red-500)}.input:disabled{background:var(--surface-sunken);color:var(--text-tertiary)}textarea.input{min-height:110px;padding:10px 12px;resize:vertical;line-height:1.5}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-label{position:relative}.file-label:has(.file-input:focus-visible){box-shadow:var(--focus)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.card--accent{border-color:var(--accent-300);background:var(--accent-50)}.card--empty{align-items:center;text-align:center;color:var(--text-tertiary);border-style:dashed;box-shadow:none;background:var(--surface-sunken)}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:650}.section-title{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.alert{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-md);font-size:14px}.alert--error{background:var(--red-100);color:var(--red-600)}.alert--success{background:var(--green-100);color:var(--green-600)}.alert--info{background:var(--ink-100);color:var(--ink-800)}.alert .icon{margin-top:2px}.alert .link{color:inherit}.badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;background:var(--ink-100);color:var(--ink-800);white-space:nowrap}.badge--muted{background:var(--ink-50);color:var(--ink-600);font-weight:500}.badge--on{background:var(--green-100);color:var(--green-600)}.details{display:grid;grid-template-columns:1fr;row-gap:2px}.details dt{color:var(--text-secondary);font-size:13px}.details dd{overflow-wrap:anywhere}.details dd+dt{margin-top:10px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:700;letter-spacing:-.01em}.page-sub{color:var(--text-secondary);margin-top:2px}.actions{padding-top:4px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-weight:550;width:fit-content}.hero{display:flex;align-items:center;gap:14px}.hero__avatar{flex:none;border-radius:50%}.avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--accent-100)}.avatar-img--empty{display:inline-grid;place-items:center;color:var(--accent-700)}.shop__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.photo-row{display:flex;gap:14px;align-items:flex-start}.portrait{width:112px;height:112px;flex:none;border-radius:var(--radius-md);object-fit:cover;object-position:top;border:1px solid var(--border-subtle);background:var(--surface-sunken)}.portrait--empty{display:inline-grid;place-items:center;color:var(--text-tertiary);border-style:dashed}.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border-radius:var(--radius-md);background:var(--ink-950);color:var(--accent-300);font-family:var(--serif);font-size:12px;font-weight:700;letter-spacing:.06em}.brand__id{display:flex;flex-direction:column;min-width:0;line-height:1.25}.brand__name{font-family:var(--serif);font-size:15px;font-weight:700;white-space:nowrap}.brand__sub{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom))}.login__card{width:min(400px,100%);padding:24px;gap:16px;border-top:3px solid var(--accent-400)}.login__title{font-size:22px;font-weight:700;letter-spacing:-.01em}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app__bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:8px;height:calc(var(--bar-h) + var(--safe-top));padding:var(--safe-top) 8px 0 14px;background:#fbfaf8eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle)}.app__page{flex:1;width:100%;max-width:720px;margin:0 auto;padding:18px 16px calc(24px + var(--tabs-h) + var(--safe-bottom))}.app__page>:not(router-outlet){display:flex;flex-direction:column;gap:18px}.app__tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;height:calc(var(--tabs-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface-card);border-top:1px solid var(--border-subtle)}.app__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:600;color:var(--text-secondary)}.app__tab--active{color:var(--accent-700)}.toasts{position:fixed;left:16px;right:16px;bottom:calc(16px + var(--tabs-h) + var(--safe-bottom));z-index:60;display:flex;flex-direction:column;gap:8px;max-width:420px;margin:0 auto}.toast{display:flex;align-items:center;gap:10px;padding:10px 8px 10px 14px;border-radius:var(--radius-md);background:var(--ink-950);color:var(--ink-0);box-shadow:var(--shadow-lg);font-size:14px;animation:toast-in .18s ease-out}.toast>span{flex:1}.toast svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.toast .btn--ghost{color:#ffffffbf}.toast .btn--ghost:hover{background:#ffffff1a;color:#fff}.toast--error{background:var(--red-600)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@media(min-width:720px){.app__bar{padding-left:24px;padding-right:16px}.details{grid-template-columns:max-content 1fr;gap:8px 28px;align-items:baseline}.details dd+dt{margin-top:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}