: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}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}*{transition:none!important;animation:none!important}}