:root{--color-teal-900: #075a66;--color-teal-700: #0b7887;--color-teal-500: #2aa0b9;--color-teal-300: #a2c1c5;--color-teal-50: #f3f8f9;--color-ink: #212529;--color-ink-muted: #555a60;--color-mute: #777;--color-line: #e3eaec;--color-bg: #ffffff;--color-bg-elevated: #ffffff;--color-bg-page: #f7fafb;--color-success: #178a4d;--color-warn: #b8740f;--color-error: #c63838;--font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--lh-tight: 1.2;--lh-base: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: 48px;--sp-10: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(7, 90, 102, .06), 0 1px 4px rgba(7, 90, 102, .04);--shadow-md: 0 4px 10px rgba(7, 90, 102, .08), 0 2px 4px rgba(7, 90, 102, .04);--shadow-lg: 0 10px 30px rgba(7, 90, 102, .12), 0 4px 8px rgba(7, 90, 102, .06);--container-max: 1120px;--header-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (min-width: 768px){:root{--fs-2xl: 32px;--fs-3xl: 44px;--header-height: 72px}}@media (min-width: 1200px){:root{--fs-3xl: 56px}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-base);color:var(--color-ink);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:var(--color-teal-700);text-decoration:none;font-weight:500}a:hover{color:var(--color-teal-900);text-decoration:underline}h1,h2,h3,h4{margin:0 0 var(--sp-3);line-height:var(--lh-tight);color:var(--color-ink);font-weight:700;letter-spacing:-.01em}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{margin:0 0 var(--sp-3)}button{font-family:inherit}button,.btn,a.btn{min-height:44px;min-width:44px}.layout{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:50;height:var(--header-height);display:flex;align-items:center;background:#ffffffeb;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--color-line)}.app-header__inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--sp-4);display:flex;align-items:center;gap:var(--sp-4)}.brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;color:var(--color-ink);font-size:var(--fs-lg)}.brand__mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--color-teal-700),var(--color-teal-500));display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:-.02em}.app-header__spacer{flex:1 1 auto}.app-header__user{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--color-ink-muted)}.avatar{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:var(--color-teal-50);color:var(--color-teal-700);font-weight:700}.main{flex:1 1 auto;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--sp-5) var(--sp-4) calc(var(--sp-10) + var(--safe-bottom))}.hero{position:relative;border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-5);color:#fff;background:radial-gradient(120% 100% at 0% 0%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,var(--color-teal-900),var(--color-teal-700) 55%,var(--color-teal-500));box-shadow:var(--shadow-md);overflow:hidden;isolation:isolate}.hero:after{content:"";position:absolute;inset:auto -40% -60% auto;width:380px;height:380px;border-radius:999px;background:#ffffff14;z-index:-1}.hero__kicker{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-bottom:var(--sp-3)}.hero h1{color:#fff;font-size:clamp(28px,6vw,44px);margin-bottom:var(--sp-3)}.hero p{color:#ffffffeb;margin:0;max-width:56ch}.hero__cta{margin-top:var(--sp-5);display:flex;gap:var(--sp-3);flex-wrap:wrap}@media (min-width: 768px){.hero{padding:var(--sp-8) var(--sp-6)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:12px 20px;border-radius:var(--radius-pill);border:1px solid transparent;background:var(--color-teal-700);color:#fff;font-weight:600;font-size:var(--fs-md);cursor:pointer;transition:transform .04s ease,background .15s ease,border-color .15s ease;text-decoration:none}.btn:hover{background:var(--color-teal-900)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-teal-500);outline-offset:2px}.btn--ghost{background:transparent;color:var(--color-teal-700);border-color:var(--color-teal-300)}.btn--ghost:hover{background:var(--color-teal-50);color:var(--color-teal-900)}.btn--on-dark{background:#fff;color:var(--color-teal-900)}.btn--on-dark:hover{background:var(--color-teal-50)}.btn--block{width:100%}.card{background:var(--color-bg-elevated);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--sp-4)}.card__title{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.card__title h2{font-size:var(--fs-lg);margin:0}.card__title .badge{margin-left:auto}.stats{display:grid;grid-template-columns:1fr;gap:var(--sp-4);margin-top:var(--sp-5)}@media (min-width: 560px){.stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--sp-4)}.stat__value{font-size:var(--fs-2xl);font-weight:700;color:var(--color-teal-700);line-height:1}.stat__label{color:var(--color-ink-muted);font-size:var(--fs-sm);margin-top:var(--sp-2)}.orders{display:grid;gap:var(--sp-3)}.order-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-md)}.order-row__id{font-size:var(--fs-xs);color:var(--color-mute);margin-bottom:var(--sp-1)}.order-row__desc{font-weight:600;color:var(--color-ink)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;background:var(--color-teal-50);color:var(--color-teal-900)}.badge--success{background:#178a4d1a;color:var(--color-success)}.badge--warn{background:#b8740f1a;color:var(--color-warn)}.badge--error{background:#c638381a;color:var(--color-error)}.centered{min-height:calc(100dvh - var(--header-height));display:grid;place-items:center;padding:var(--sp-5) var(--sp-4)}.login-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-5);box-shadow:var(--shadow-md);text-align:center}.login-card__mark{width:56px;height:56px;margin:0 auto var(--sp-4);border-radius:16px;background:linear-gradient(135deg,var(--color-teal-700),var(--color-teal-500))}.login-card h1{font-size:var(--fs-2xl)}.login-card p{color:var(--color-ink-muted);margin-bottom:var(--sp-5)}.app-footer{margin-top:auto;padding:var(--sp-5) var(--sp-4) calc(var(--sp-5) + var(--safe-bottom));color:var(--color-mute);font-size:var(--fs-sm);text-align:center;border-top:1px solid var(--color-line);background:#fff}.skeleton{background:linear-gradient(90deg,#eef3f4 25%,#f7fafb,#eef3f4 75%);background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--line{height:14px;margin:6px 0}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.app-nav{display:flex;align-items:center;gap:var(--sp-1)}.app-nav__link{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-3);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--fs-sm);font-weight:600}.app-nav__link:hover{color:var(--color-teal-900);background:var(--color-teal-50);text-decoration:none}.app-nav__link--active{color:var(--color-teal-700);background:var(--color-teal-50)}.page-head h1{font-size:var(--fs-2xl);margin-bottom:var(--sp-2)}.page-head p{color:var(--color-ink-muted);max-width:64ch;margin-bottom:0}.tabs{display:flex;gap:var(--sp-2);margin:var(--sp-5) 0 var(--sp-4);border-bottom:1px solid var(--color-line)}.tab{appearance:none;border:0;background:none;padding:var(--sp-3) var(--sp-4);font:inherit;font-weight:600;color:var(--color-ink-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--color-teal-900)}.tab:focus-visible{outline:2px solid var(--color-teal-500);outline-offset:-2px}.tab--active{color:var(--color-teal-700);border-bottom-color:var(--color-teal-700)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;padding:var(--sp-2) var(--sp-3);color:var(--color-ink-muted);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-line);white-space:nowrap}.table td{padding:var(--sp-3);border-bottom:1px solid var(--color-line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-xs)}.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}.form-grid{display:grid;gap:var(--sp-4)}.field{display:grid;gap:var(--sp-1)}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--color-ink)}.field__hint{font-size:var(--fs-xs);color:var(--color-mute)}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-sm);font:inherit;color:var(--color-ink);background:#fff;min-height:44px}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--color-teal-500);outline-offset:1px}.textarea{min-height:140px;resize:vertical}.check{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--color-ink);cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--color-teal-700)}.lookup-form{display:grid;gap:var(--sp-3)}@media (min-width: 560px){.lookup-form{grid-template-columns:180px 1fr auto;align-items:end}}.alert{padding:var(--sp-3) var(--sp-4);border:1px solid;border-radius:var(--radius-sm);font-size:var(--fs-sm)}.alert--error{background:#c6383814;border-color:#c6383859;color:var(--color-error)}.empty-state{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--color-ink-muted);font-size:var(--fs-sm)}.modal-overlay{position:fixed;inset:0;z-index:100;background:#075a6659;display:grid;place-items:center;padding:var(--sp-4)}.modal{width:100%;max-width:540px;max-height:calc(100dvh - var(--sp-8));overflow-y:auto;background:#fff;border-radius:var(--radius-md);padding:var(--sp-5);box-shadow:var(--shadow-lg)}.modal__header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.modal__header h3{margin:0;font-size:var(--fs-xl)}.modal__close{margin-left:auto;appearance:none;border:0;background:none;font-size:var(--fs-xl);line-height:1;color:var(--color-mute);cursor:pointer;border-radius:var(--radius-sm)}.modal__close:hover{color:var(--color-ink)}.modal__actions{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-5)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--sp-5) + var(--safe-bottom));z-index:200;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-pill);background:var(--color-ink);color:#fff;font-size:var(--fs-sm);font-weight:500;box-shadow:var(--shadow-lg);max-width:calc(100vw - var(--sp-6))}.toast--success{background:var(--color-success)}.toast--error{background:var(--color-error)}.badge--neutral{background:var(--color-line);color:var(--color-ink-muted)}.badge--accent{background:#0b78871f;color:var(--color-teal-700)}.btn--sm{padding:8px 14px;font-size:var(--fs-sm)}.btn--danger{background:var(--color-error)}.btn--danger:hover{background:var(--color-error);filter:brightness(.85)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}*{transition:none!important;animation:none!important}}