:root{--ink:#252733;--muted:#8d909b;--surface:#fff;--canvas:#f7f7f9;--line:#e8e8ed;--purple:#5e5ad9;--purple-soft:#efefff;--blue:#4478db;--blue-soft:#eaf1ff;--green:#3f9970;--green-soft:#e6f6ee;--amber:#a66d12;--amber-soft:#fff4dd;--danger:#c25858;--danger-soft:#fff0ee;font-family:Inter,"Noto Sans TC","PingFang TC",system-ui,sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-size:14px;min-width:1200px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-topbar{height:84px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:29px;position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;white-space:nowrap}.brand-mark{height:48px;width:48px;border-radius:12px;background:var(--purple);color:white;display:grid;place-items:center;font-size:28px;font-weight:900;box-shadow:0 5px 13px #deddf9}.brand strong{font-size:20px;letter-spacing:-.045em;display:block}.brand small{display:block;color:#9899a3;font-size:11px;margin-top:2px}.primary-nav{display:flex;align-items:center;gap:5px;flex:1}.nav-item{height:53px;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#34353d;padding:0 13px;border-radius:13px;font-size:16px;font-weight:760;letter-spacing:-.025em;white-space:nowrap}.nav-item:hover,.nav-item.is-active{background:var(--purple-soft);color:var(--purple)}.nav-item span{font-size:25px;line-height:1}.nav-item b{font-size:12px;color:#73747b;background:#f0f0f3;padding:3px 7px;border-radius:999px}.nav-item.is-active b{background:#deddfb;color:var(--purple)}.top-actions{display:flex;align-items:center;gap:10px}.search{height:52px;width:326px;border:1px solid #e4e4e9;border-radius:12px;background:white;display:flex;align-items:center;gap:9px;padding:0 14px;color:#9c9da5}.search span{font-size:25px;line-height:1}.search input{border:0;outline:0;width:100%;font-size:15px;color:var(--ink)}.search input::placeholder{color:#9d9ea6}.notification{height:52px;width:52px;border:1px solid #e6e6eb;border-radius:12px;background:white;font-size:25px;position:relative;color:#484a53}.notification i{position:absolute;top:-5px;right:-5px;background:#e9575d;color:#fff;border-radius:999px;font-size:12px;font-style:normal;min-width:23px;padding:3px}.button{border:0;border-radius:11px;padding:13px 18px;font-weight:760}.button-primary{background:var(--purple);color:#fff;box-shadow:0 6px 13px rgba(94,90,217,.20);font-size:16px}.button-primary:hover{background:#514ccc}.button-quiet{background:#f0f0f4;color:#53545b}.top-actions select{border:0;appearance:none;width:52px;height:52px;text-align:center;border-radius:50%;background:#efefff;color:var(--purple);font-size:20px;font-weight:800;outline:0}.main-stage{padding:37px 32px;max-width:2080px;margin:auto}.page-intro{display:flex;gap:11px;align-items:center;color:#858790;font-size:20px;margin:0 0 25px}.page-intro p{margin:0}.page-intro span{color:#c5c5cb}.overview-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.summary-card{background:#fff;border:1px solid var(--line);padding:19px 21px;border-radius:14px}.summary-card small{color:#92949c;font-weight:700}.summary-card strong{display:block;font-size:31px;letter-spacing:-.06em;margin-top:6px}.table-card{background:var(--surface);border:1px solid #e6e6eb;border-radius:21px;overflow:hidden;box-shadow:0 1px 2px rgba(32,33,42,.02)}.table-scroll{overflow-x:auto}.case-table{width:100%;border-collapse:collapse;min-width:1520px}.case-table thead{background:#fff}.case-table th{font-size:15px;color:#9a9ba4;font-weight:730;text-align:left;padding:21px 26px;border-bottom:1px solid var(--line);white-space:nowrap}.case-table td{padding:20px 26px;border-bottom:1px solid var(--line);vertical-align:middle;color:#393a42;white-space:nowrap}.case-row{cursor:pointer;transition:background .15s}.case-row:hover{background:#fafaff}.case-row:last-child td{border-bottom:0}.date-copy{font-size:17px;color:#7d7e87}.store-name,.owner{font-size:16px;font-weight:700}.case-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#6865e3;font-size:16px;font-weight:800}.sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#7d7f8a;font-size:15px}.product-title{font-size:17px;font-weight:800;max-width:270px;overflow:hidden;text-overflow:ellipsis}.product-sub{color:#aaaab2;font-size:14px;margin-top:5px;max-width:270px;overflow:hidden;text-overflow:ellipsis}.qty{text-align:center;font-size:17px}.reason{display:inline-block;padding:7px 11px;border-radius:9px;background:var(--purple-soft);color:#5c59ce;font-weight:780;font-size:14px}.reason.stock{background:#e7f8f3;color:#34886b}.case-type-badge{display:inline-block;padding:7px 11px;border-radius:9px;font-weight:780;font-size:14px}.case-type-badge.case-type-mint{background:var(--green-soft);color:var(--green)}.case-type-badge.case-type-violet{background:var(--purple-soft);color:var(--purple)}.case-type-badge.case-type-amber{background:var(--amber-soft);color:var(--amber)}.plain-status{font-size:16px;color:#7e8088}.plain-status.is-done{color:#34886b}.check{width:23px;height:23px;border:2px solid #babcc5;border-radius:5px;display:inline-grid;place-items:center;color:#fff;font-size:15px}.check.is-done{background:#4ca879;border-color:#4ca879}.empty-state{padding:80px;text-align:center;color:#81838d}.empty-state strong{display:block;color:#41424a;font-size:17px;margin-bottom:8px}.modal,.drawer{border:0;padding:0;background:transparent;max-width:none;max-height:none}.modal::backdrop,.drawer::backdrop{background:rgba(34,35,45,.4);backdrop-filter:blur(3px)}.modal form{width:760px;background:#fff;border-radius:16px;box-shadow:0 20px 65px rgba(30,31,45,.21);overflow:hidden}.modal-head{padding:21px 25px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}.modal h2{margin:4px 0 0;font-size:21px;letter-spacing:-.05em}.eyebrow{color:#7f818b;font-size:11px;letter-spacing:.08em;font-weight:800}.icon-button{width:30px;height:30px;border:0;background:#f0f0f3;border-radius:8px;font-size:20px;color:#5b5c66}.form-grid{padding:21px 25px 8px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 16px}.form-grid label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#565864}.form-grid input,.form-grid select,.form-grid textarea,.item-row input,.detail-note textarea{border:1px solid #dedee5;border-radius:8px;padding:10px 11px;color:var(--ink);background:#fff;outline:none}.form-grid textarea{resize:vertical;font:inherit}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.item-row input:focus,.detail-note textarea:focus{border-color:#8a87e8;box-shadow:0 0 0 3px #eeeeff}.items-editor{margin:12px 25px 0;border-top:1px solid var(--line);padding-top:16px}.items-heading{display:flex;justify-content:space-between;align-items:flex-start}.items-heading p{font-size:12px;color:#878992;margin:5px 0 12px}.text-action{border:0;background:none;color:var(--purple);font-weight:760;padding:4px}.item-row{display:grid;grid-template-columns:130px 1fr 76px 30px;gap:8px;margin-bottom:8px}.remove-item{border:0;border-radius:7px;background:#fff0ef;color:#bd5a57;font-size:17px}.modal-footer{padding:19px 25px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);margin-top:18px}.drawer{margin:0 0 0 auto;height:100vh}.detail-shell{background:#fff;width:540px;min-height:100vh;padding:28px;box-shadow:0 20px 65px rgba(30,31,45,.21);overflow:auto}.detail-top{display:flex;justify-content:space-between;align-items:flex-start}.detail-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#6865e3;font-weight:800}.detail-title{font-size:25px;letter-spacing:-.055em;margin:8px 0}.detail-section{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.detail-section h3{font-size:13px;letter-spacing:.03em;margin:0 0 12px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meta-block{background:#f7f7fa;padding:11px;border-radius:8px}.meta-block small{display:block;color:#858791;font-size:11px}.meta-block strong{font-size:13px;margin-top:4px;display:block}.detail-items{margin:0;padding:0;list-style:none}.detail-items li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}.detail-items .item-info{display:flex;align-items:center;gap:10px}.detail-items .item-qty{margin-left:10px}.status-control{display:grid;grid-template-columns:1fr auto;gap:8px}.status-control select{border:1px solid #d7d7e0;border-radius:8px;padding:9px}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:4px;top:4px;bottom:7px;border-left:1px solid #d9d9e3}.timeline-item{position:relative;padding:0 0 17px}.timeline-item:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#716de5;left:-20px;top:4px;box-shadow:0 0 0 3px #eeeeff}.timeline-item.close:before{background:#4ca879}.timeline-item.note:before{background:#d5a242}.timeline-item strong{font-size:13px}.timeline-item small{display:block;color:#83858e;margin-top:4px;font-size:11px}.detail-note{display:grid;grid-template-columns:1fr auto;gap:8px}.detail-note textarea{resize:none;height:40px}.notice{position:fixed;bottom:24px;right:28px;background:#2f2d75;color:white;padding:12px 15px;border-radius:9px;box-shadow:0 10px 25px #c9c8e9;font-weight:700;font-size:13px;animation:rise .2s ease-out}@keyframes rise{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@media(max-width:1500px){.app-topbar{gap:15px;padding:0 18px}.nav-item{padding:0 9px;font-size:14px}.nav-item span{font-size:21px}.search{width:245px}.main-stage{padding:31px 24px}}
