:root{--bg: #FAFAFA;--panel: #FFFFFF00;--card: #F4F4F4;--fg: #333333;--muted: #555555;--line: #E2E2E2;--turquoise: #57C3C2;--ocean: #2F5D62;--copper: #C87A56;--danger: #B4453A}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:15px;line-height:1.7}a{color:var(--ocean)}h1{font-size:20px;font-weight:600;margin:0 0 20px}h2{font-size:16px;font-weight:600;margin:0 0 12px}h3{font-size:14px;font-weight:600;margin:0 0 8px}.layout{display:flex;min-height:100vh}.side{width:210px;flex:0 0 210px;background:var(--ocean);color:#fafafa;padding:20px 0;position:sticky;top:0;height:100vh;overflow-y:auto}.side .brand{padding:0 20px 18px;font-weight:600;letter-spacing:.04em}.side a{display:block;padding:9px 20px;color:#fafafacc;text-decoration:none;font-size:14px}.side a:hover{background:#ffffff14;color:#fafafa}.side a.router-link-active{background:#ffffff24;color:#fafafa;border-left:3px solid var(--turquoise);padding-left:17px}.side .foot{margin-top:18px;padding:14px 20px 0;border-top:1px solid rgba(255,255,255,.16);font-size:12px;color:#fafafaaa}.side button.link{background:none;border:0;color:#fafafaaa;padding:0;cursor:pointer;font-size:12px;text-decoration:underline}.main{flex:1;padding:26px 30px 60px;min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px}.stack{display:flex;flex-direction:column;gap:18px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.muted{color:var(--muted)}.small{font-size:13px}.right{text-align:right}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-weight:600;color:var(--muted);font-size:13px;white-space:nowrap}.table-wrap{overflow-x:auto}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fafafa;color:var(--fg);font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--turquoise);outline-offset:1px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.field{margin-bottom:12px}.btn{padding:8px 16px;border-radius:6px;border:1px solid var(--line);background:#fafafa;color:var(--fg);font:inherit;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--ocean);border-color:var(--ocean);color:#fafafa}.btn-primary:hover{background:#26494d}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fafafa}.btn-sm{padding:5px 10px;font-size:13px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--line)}.badge.paid{background:#e5f4f4;border-color:var(--turquoise);color:var(--ocean)}.badge.pending{background:#f1f1f1;color:var(--muted)}.badge.shipped{background:#eaf3ea;border-color:#7fa97f;color:#3d6b3d}.badge.done{background:#ededed;color:var(--muted)}.badge.refunded,.badge.cancel_requested{background:#f8ece8;border-color:var(--copper);color:#8a4a30}.badge.expired{background:#f1f1f1;color:#999}.toasts{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:50}.toast{padding:10px 16px;border-radius:6px;background:var(--ocean);color:#fafafa;font-size:14px;box-shadow:0 4px 14px #00000024}.toast.error{background:var(--danger)}.kpi{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.kpi .n{font-size:24px;font-weight:600;margin-top:2px}.kpi .l{font-size:13px;color:var(--muted)}.empty{padding:28px;text-align:center;color:var(--muted)}