:root{--bg:#f4f6f9;--surface:#fff;--ink:#151a22;--muted:#747d8a;--line:#e7eaf0;--navy:#14233c;--accent:#e85d4a;--positive:#d94238;--negative:#1e8d68;--shadow:0 10px 30px rgba(20,35,60,.08);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button,label[for],.image-picker{cursor:pointer}button{border:0}.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}.topbar{height:86px;padding:18px 20px 12px;display:flex;align-items:center;justify-content:space-between;max-width:760px;margin:auto}.topbar h1,.page-heading h2{font-size:25px;margin:1px 0;letter-spacing:-.03em}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#8d96a3;margin:0}.icon-button{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--navy);font-weight:800;box-shadow:var(--shadow)}main{max-width:760px;margin:auto;padding:0 16px 112px}.view{display:none}.view.is-active{display:block;animation:fade .18s ease}@keyframes fade{from{opacity:.4;transform:translateY(3px)}}.hero-card{background:linear-gradient(145deg,#172842,#0d182a);color:#fff;border-radius:24px;padding:24px;box-shadow:0 16px 36px rgba(13,24,42,.2);overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-80px;top:-75px;box-shadow:0 0 0 35px rgba(255,255,255,.025)}.hero-card>p{color:#b7c1d0;font-size:13px;margin:0 0 6px}.hero-card>strong{font-size:36px;letter-spacing:-.04em;display:block}.hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13)}.hero-grid div{display:flex;flex-direction:column;gap:4px}.hero-grid span{font-size:11px;color:#9daabd}.hero-grid b{font-size:16px}.gain{color:var(--positive)!important}.loss{color:var(--negative)!important}.hero-card .gain{color:#ff8d7e!important}.hero-card .loss{color:#65d2aa!important}.section-block{margin-top:26px}.section-heading,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 12px}.section-heading h2{font-size:18px;margin:0}.section-heading>span,.page-heading>span{font-size:12px;color:var(--muted)}.text-button{background:none;color:#476286;font-size:12px;padding:6px}.ranking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rank-card{background:#fff;border-radius:17px;padding:14px;min-width:0;border:1px solid var(--line)}.rank-top{display:flex;justify-content:space-between;gap:5px}.rank-number{font-size:11px;color:#9ca5b0;font-weight:800}.rank-card strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 5px}.rank-card b{font-size:16px}.empty-state{background:#fff;border:1px dashed #d6dbe3;border-radius:18px;padding:30px 20px;text-align:center;color:var(--muted);grid-column:1/-1}.product-list{display:flex;flex-direction:column;gap:9px}.product-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;background:#fff;padding:11px;border:1px solid var(--line);border-radius:18px;text-align:left;color:inherit;width:100%}.product-thumb{width:54px;height:54px;border-radius:13px;object-fit:cover;background:linear-gradient(145deg,#e4e9f1,#cfd6e2);display:grid;place-items:center;color:#6d7888;font-size:21px;font-weight:800;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-copy{min-width:0}.product-copy strong{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-copy span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.product-value{text-align:right}.product-value b{font-size:14px;display:block}.product-value small{font-size:11px;font-weight:700;margin-top:4px;display:block}.page-heading{margin:8px 2px 18px}.search-box{height:46px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 14px}.search-box input{border:0;outline:0;width:100%;background:transparent}.chip-row{display:flex;gap:7px;overflow:auto;padding:12px 0 15px;scrollbar-width:none}.chip{white-space:nowrap;padding:8px 13px;border-radius:100px;background:#e9edf3;color:#657080;font-size:12px}.chip.is-active{background:var(--navy);color:#fff}.image-picker{display:grid;place-items:center;height:154px;border:1.5px dashed #cbd2dc;border-radius:20px;background:#fafbfc;overflow:hidden;text-align:center;color:#647083}.image-picker input{display:none}.image-picker img{width:100%;height:100%;object-fit:cover}.image-picker b{font-size:24px;display:block}.image-picker small{display:block;margin-top:4px;color:#9aa3af}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-top:20px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field-wide{grid-column:1/-1}.field>span{font-size:12px;font-weight:700;color:#505a68}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe3e9;border-radius:12px;background:#fff;padding:12px;color:var(--ink);outline:none;min-height:46px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#788ba8;box-shadow:0 0 0 3px rgba(71,98,134,.1)}.suffix-input{position:relative}.suffix-input input{padding-right:32px}.suffix-input span{position:absolute;right:12px;top:14px;font-size:12px;color:var(--muted)}.form-error{color:#c63d35;font-size:12px;min-height:18px}.form-actions{display:flex;gap:9px}.primary-button,.secondary-button,.danger-button{border-radius:13px;min-height:48px;padding:0 18px;font-weight:700}.primary-button{background:var(--navy);color:#fff;flex:1}.secondary-button{background:#e8ecf2;color:#536071}.danger-button{background:#c9453a;color:#fff}.notice-card{background:#eef3f8;border-radius:18px;padding:17px;border-left:4px solid #476286}.notice-card b{font-size:14px}.notice-card p{font-size:12px;line-height:1.65;color:#596678;margin:6px 0 0}.settings-list{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.settings-list button,.settings-list label{width:100%;padding:17px;display:flex;justify-content:space-between;align-items:center;background:#fff;text-align:left;border-bottom:1px solid var(--line)}.settings-list>*:last-child{border-bottom:0}.settings-list input{display:none}.settings-list b,.settings-list small{display:block}.settings-list b{font-size:14px}.settings-list small{font-size:11px;color:var(--muted);margin-top:4px}.settings-list i{font-size:24px;color:#a0a8b2;font-style:normal}.danger-row b{color:#c9453a}.version{text-align:center;color:#a0a7b1;font-size:11px;margin-top:28px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:78px;padding:7px max(14px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-top:1px solid rgba(220,224,230,.85);display:flex;justify-content:center;gap:5px}.bottom-nav button{width:min(25%,110px);background:transparent;color:#8b94a1;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:3px}.bottom-nav span{font-size:20px;line-height:24px}.bottom-nav .is-active{color:var(--navy);font-weight:800}.bottom-nav .add-nav span{width:37px;height:30px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:#fff}dialog{border:0;padding:0;background:transparent;width:min(100% - 24px,540px);max-height:90vh}dialog::backdrop{background:rgba(12,19,31,.55);backdrop-filter:blur(3px)}.dialog-shell,.confirm-card{background:#fff;border-radius:24px;padding:20px;max-height:86vh;overflow:auto}.dialog-close{float:right;background:#edf0f4;border-radius:50%;width:34px;height:34px;font-size:19px}.detail-hero{height:180px;border-radius:18px;background:linear-gradient(145deg,#e4e9f1,#cbd4e1);display:grid;place-items:center;font-size:52px;color:#68778b;overflow:hidden;margin-top:42px}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-title h2{font-size:21px;margin:17px 0 4px}.detail-title p{font-size:12px;color:var(--muted);margin:0}.detail-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0}.metric{background:#f5f7fa;border-radius:13px;padding:12px}.metric span{font-size:10px;color:var(--muted);display:block}.metric b{font-size:16px;display:block;margin-top:4px}.detail-meta{font-size:12px;line-height:1.7;color:#525e6d}.detail-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.detail-links a{text-decoration:none;text-align:center;padding:10px;border-radius:11px;background:#eef2f6;color:#31445f;font-size:12px;font-weight:700}.detail-actions{display:flex;gap:8px}.detail-actions button{min-height:44px;border-radius:12px;flex:1;font-weight:700}.edit-button{background:var(--navy);color:#fff}.delete-button{background:#fdeceb;color:#bb4037}.confirm-card h2{margin-top:0}.confirm-card p{color:var(--muted);line-height:1.6}.confirm-card>div{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;z-index:30;left:50%;bottom:98px;transform:translate(-50%,20px);background:#172337;color:#fff;border-radius:100px;padding:11px 17px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:700px){.hero-grid{grid-template-columns:repeat(4,1fr)}.full-list{display:grid;grid-template-columns:repeat(2,1fr)}.topbar{padding-left:16px;padding-right:16px}}
@media(max-width:390px){.hero-card{padding:20px}.hero-card>strong{font-size:32px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.ranking{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}