:root{--accent: #2e5e95;--accent-strong: #20466e;--accent-soft: rgba(46, 94, 149, .16);--accent-softer: rgba(46, 94, 149, .08);--accent-glow: rgba(46, 94, 149, .28);--surface: rgba(255, 255, 255, .6);--surface-strong: rgba(255, 255, 255, .78);--surface-line: rgba(255, 255, 255, .78);--text: #162034;--muted: #67758f;font-family:Outfit,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(46,94,149,.16),transparent 28%),radial-gradient(circle at top right,rgba(46,94,149,.12),transparent 32%),linear-gradient(180deg,#eef4fb,#f7f9fd 42%,#eef2f9);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%;background:transparent}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:transparent;overscroll-behavior-y:none}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.82),transparent 22%),radial-gradient(circle at 85% 14%,rgba(255,255,255,.64),transparent 20%),radial-gradient(circle at 50% 100%,rgba(46,94,149,.08),transparent 34%);pointer-events:none}a{color:inherit;text-decoration:none}button,input{font:inherit}code{font-family:Consolas,SFMono-Regular,monospace}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh}.sidebar{display:none}.app-main{min-height:100vh;position:relative}.mobile-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 14px;background:#f4f8fdad;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.78)}.mobile-brand-mark,.brand-mark,.hero-icon,.package-icon,.round-icon-button,.stat-icon,.nav-item-icon,.tab-item-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.mobile-brand-mark{width:38px;height:38px}.brand-logo-image{width:100%;height:100%;display:block}.mobile-topbar-copy{display:grid;gap:2px}.mobile-topbar-copy strong{font-size:1.02rem}.mobile-topbar-copy span,.content-subtitle,.page-header p,.detail-card p,.alert-item p,.history-time p,.stat-card span,.package-copy span,.package-meta,.sync-scan span,.section-subtitle,.desktop-status-card p,.brand-copy small{color:var(--muted)}.content-pane{width:min(100%,1260px);margin:0 auto;padding:18px 18px calc(118px + env(safe-area-inset-bottom,0px))}.content-header{display:none}.eyebrow{margin:0 0 10px;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}.content-title,.page-header h1,.detail-card h1{margin:0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:.98;letter-spacing:-.05em}.notice-banner,.sidebar-panel,.desktop-status-card,.stat-card,.package-card,.package-row,.glass-card,.form-card,.sync-card,.detail-card,.tracking-map-card,.history-card,.search-shell,.alert-item,.mobile-tabbar-inner{background:var(--surface);border:1px solid var(--surface-line);box-shadow:inset 0 1px #ffffffad,0 20px 50px #8097c129;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.notice-banner{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-bottom:22px;border-radius:22px;color:#35557e}.notice-banner.warning{color:#705a39}.notice-banner.success{color:var(--accent)}.loading-state{position:relative;overflow:hidden}.loading-state:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:translate(-100%);animation:sheen-sweep 1.6s ease-in-out infinite}.page{max-width:1180px}.page-enter{animation:page-rise .42s ease both}.page.centered{display:flex;flex-direction:column;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat-card{border-radius:30px;padding:22px 20px;min-height:144px;display:grid;gap:8px}.stat-card strong{font-size:clamp(2.4rem,6vw,3.3rem);line-height:1}.stat-card.highlight{background:linear-gradient(145deg,#ffffffe0,#2e5e9521),var(--surface)}.stat-icon{width:46px;height:46px;margin-bottom:6px}.tone-blue,.tone-amber,.tone-orange,.tone-green{color:var(--accent);background:var(--accent-soft)}.overview-grid{display:grid;gap:20px}.section-title-row,.split-header,.detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-title-row h2,.history-section h2,.split-header h2{margin:0 0 16px;font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.04em}.subtle-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600}.stack-list{display:grid;gap:14px}.package-card,.package-row,.alert-item,.history-row{border-radius:28px}.package-card{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:18px}.compact{min-height:96px}.package-icon{width:46px;height:46px;color:var(--accent);background:linear-gradient(180deg,#ffffffeb,#e9f0fae0);border:1px solid rgba(255,255,255,.92);box-shadow:0 14px 26px #2e5e951f}.package-copy{display:grid;gap:6px}.package-copy strong,.alert-item strong,.history-note,.sync-card h2{font-size:1.04rem}.status-pill,.sync-chip,.badge{display:inline-flex;align-items:center;justify-content:center}.status-pill{width:fit-content;gap:8px;margin-top:10px;padding:10px 14px;border-radius:999px;font-size:.92rem;font-weight:600}.status-pill-dot{width:8px;height:8px;border-radius:999px;background:currentColor;opacity:.9}.badge{min-width:62px;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;font-size:.85rem;font-weight:700;box-shadow:0 16px 28px var(--accent-glow)}.alerts-card{border-radius:30px;padding:18px;display:grid;gap:16px}.alert-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px}.alert-item.small{padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-start;align-items:flex-start}.alert-left{display:flex;align-items:center;gap:14px}.alert-dot{width:10px;height:10px;margin-top:8px;border-radius:999px;background:#2e5e9533}.alert-dot.unread{background:var(--accent)}.search-shell{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:26px;margin-bottom:20px}.search-shell input,.form-card input{width:100%;border:0;outline:none;background:transparent;color:var(--text)}.package-row{display:flex;flex-direction:column;gap:14px;padding:18px}.package-row-left{display:flex;gap:14px}.package-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:.95rem}.package-row-right{display:flex;align-items:center;justify-content:space-between;color:#7d8699}.hero-icon{width:74px;height:74px;margin-bottom:18px;color:var(--accent);background:linear-gradient(180deg,#fffffff5,#e8f0fae6);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 38px #2e5e9529}.form-card,.sync-card{width:min(100%,620px);border-radius:34px;padding:28px 22px}.form-card{display:grid;gap:20px}.form-card label{display:grid;gap:10px;font-size:1rem;font-weight:500}.setup-copy{display:grid;gap:8px}.setup-copy p{margin:0;color:var(--muted)}.form-card input{border-radius:20px;background:#fffc;padding:16px 18px;border:1px solid rgba(227,234,246,.9)}.form-row{display:grid;gap:16px}.primary-button,.success-button,.ghost-button{border:0;border-radius:20px;font-weight:700;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.primary-button:hover,.success-button:hover,.ghost-button:hover,.round-icon-button:hover{transform:translateY(-1px)}.primary-button:disabled,.success-button:disabled,.ghost-button:disabled{cursor:wait;opacity:.7;transform:none}.button-loading-label{display:inline-flex;align-items:center;gap:10px}.loading-spinner{width:1.05rem;height:1.05rem;border-radius:999px;border:2px solid rgba(255,255,255,.28);border-top-color:currentColor;display:inline-flex;align-items:center;justify-content:center;animation:spinner-turn .85s linear infinite}.loading-spinner-dot{width:.2rem;height:.2rem;border-radius:999px;background:currentColor;opacity:.72}.primary-button,.success-button{color:#fff;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 18px 30px var(--accent-glow)}.primary-button{padding:18px 22px}.sync-card{display:grid;gap:22px;justify-items:center;text-align:center}.button-row{width:100%;display:grid;gap:12px}.sync-chip,.ghost-button{border-radius:999px;background:#ffffffd6;border:1px solid rgba(46,94,149,.14)}.sync-chip{gap:8px;padding:10px 16px;color:var(--accent)}.sync-scan{width:100%;border-radius:22px;padding:18px 20px;background:#ffffffbd;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.security-note{width:100%;display:flex;align-items:flex-start;gap:10px;border-radius:18px;padding:14px 16px;background:var(--accent-softer);color:#38557c;text-align:left}.security-note span{line-height:1.5}.form-error{margin:0;width:100%;color:#8a403f;font-weight:500}.split-header{margin-bottom:16px}.ghost-button{color:var(--accent);display:inline-flex;align-items:center;gap:8px;padding:12px 16px}.round-icon-button{width:50px;height:50px;border:1px solid rgba(255,255,255,.88);background:#fffc;color:#62708a;box-shadow:0 14px 28px #2e5e951f;cursor:pointer}.round-icon-button.destructive{color:var(--accent)}.detail-topbar{margin-bottom:20px}.detail-card{border-radius:34px;padding:28px 24px;display:grid;gap:14px;margin-bottom:24px}.detail-card strong{font-size:1.35rem}.tracking-summary-grid{display:grid;gap:12px}.tracking-summary-card{border-radius:22px;padding:16px 18px;background:#ffffffc2;display:grid;gap:6px}.tracking-summary-card span,.tracking-map-header p,.tracking-stop small,.tracking-map-empty p,.history-note p{color:var(--muted)}.tracking-map-card{border-radius:34px;padding:24px;display:grid;gap:18px;margin-bottom:24px}.tracking-map-header h2{margin:0 0 8px;font-size:1.45rem}.tracking-map-header p{margin:0}.tracking-route-strip{display:grid;gap:14px}.tracking-stop{position:relative;display:grid;gap:4px;padding:0 0 0 28px}.tracking-stop:before{content:"";position:absolute;left:7px;top:22px;bottom:-18px;width:2px;background:linear-gradient(180deg,#2e5e956b,#2e5e9514)}.tracking-stop:last-child:before{display:none}.tracking-stop-dot{position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:999px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 0 0 5px #2e5e951f}.tracking-map-empty{border-radius:24px;background:#ffffffb8;padding:18px 20px}.tracking-map-empty p{margin:0}.success-button{width:fit-content;display:inline-flex;align-items:center;gap:10px;padding:16px 22px}.history-card{border-radius:30px;padding:16px}.history-row{display:grid;gap:16px}.history-time{display:flex;align-items:flex-start;gap:12px}.history-dot{width:14px;height:14px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #2e5e951f;margin-top:6px}.history-note{border-radius:22px;background:#ffffffc2;padding:18px 20px;display:grid;gap:8px}.history-label,.tracking-source-pill{width:fit-content;border-radius:999px;padding:8px 12px;background:var(--accent-softer);color:var(--accent);font-size:.82rem;font-weight:700}.history-note strong,.history-note p{margin:0}.empty-state{padding:32px;border-radius:28px}.mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}.mobile-tabbar-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;border-radius:28px}.tab-item{display:grid;justify-items:center;gap:6px;padding:10px 6px;border-radius:20px;color:#66758e;font-size:.74rem;font-weight:600;transition:.18s ease}.tab-item-icon{width:38px;height:38px;background:#ffffffad;border:1px solid rgba(255,255,255,.84)}.tab-item.active{color:var(--accent);background:#ffffff70}.tab-item.active .tab-item-icon{color:#fff;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 16px 28px var(--accent-glow)}@keyframes spinner-turn{to{transform:rotate(360deg)}}@keyframes page-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes sheen-sweep{to{transform:translate(100%)}}@media(min-width:760px){.content-pane{padding-left:28px;padding-right:28px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-row,.history-row,.tracking-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card{grid-template-columns:52px 1fr auto;align-items:center}.package-row{flex-direction:row;align-items:center;justify-content:space-between}.package-row-right{justify-content:flex-end;gap:14px}.overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)}}@media(min-width:1040px){.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;padding:18px}.sidebar{display:block;position:sticky;top:18px;height:calc(100vh - 36px)}.sidebar-panel{height:100%;border-radius:34px;padding:24px 20px;display:grid;grid-template-rows:auto auto 1fr;gap:22px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:46px;height:46px}.brand-copy{display:grid;gap:4px}.brand-copy span{font-size:1.55rem;font-weight:700;letter-spacing:-.04em}.sidebar-nav{display:grid;gap:10px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:22px;color:#5f6d86;transition:.18s ease}.nav-item-icon{width:40px;height:40px;background:#ffffffb8;border:1px solid rgba(255,255,255,.88)}.nav-item.active{color:#fff;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 18px 30px var(--accent-glow)}.nav-item.active .nav-item-icon{background:#ffffff2e;border-color:#ffffff2e}.desktop-status-card{align-self:end;border-radius:28px;padding:20px}.desktop-status-label{display:inline-block;margin-bottom:8px;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}.desktop-status-card strong{display:block;margin-bottom:8px;font-size:1.2rem}.mobile-topbar,.mobile-tabbar{display:none}.app-main{min-width:0}.content-pane{padding:34px 24px}.content-header{display:block;margin-bottom:22px}.content-title{margin-bottom:10px}}