:root{--ink:#1d1d1f;--ink-2:#3a3a3c;--muted:#6e6e73;--line:#e5e5ea;--line-soft:#f0f0f2;--bg:#fff;--chrome:#f6f6f8;--fill:#e8e8ed;--green:#17803f;--green-ink:#0b6e33;--green-dot:#21a458;--green-soft:#e2f5e9;--amber-ink:#8a5a00;--amber-soft:#fff4db;--red-ink:#b42318;--red-soft:#fde8e7;--blue-ink:#0b5cad;--blue-soft:#e3f0ff;--purple-ink:#5b2d9e;--purple-soft:#f0e8ff;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Inter, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--green-ink)}a:hover{color:#08542a}h1,h2,h3{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline-offset:1px;border-radius:6px;outline:3px solid #17803f59}.app{flex-direction:column;min-height:100vh;display:flex}.toolbar{background:var(--chrome);z-index:5;border-bottom:1px solid #e3e3e6;flex-wrap:wrap;align-items:center;gap:12px;min-height:52px;padding:0 16px;display:flex;position:sticky;top:0}.toolbar h1{flex:auto;font-size:15px;font-weight:600}.body{flex-wrap:wrap;flex:auto;display:flex}.sidebar{background:var(--chrome);border-right:1px solid #e3e3e6;flex-direction:column;flex:220px;gap:2px;max-width:236px;padding:14px 10px;display:flex}.sidebar .logo{width:64px;height:auto;margin:4px 10px 16px}.nav-head{color:#8e8e93;padding:14px 10px 4px;font-size:11px;font-weight:600}.nav{min-height:32px;color:var(--ink);border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:13px;text-decoration:none;display:flex}.nav:hover{color:var(--ink);background:#0000000d}.nav.on{background:#17803f1f;font-weight:600}.nav.soon{color:#a1a1a6;pointer-events:none}.nav svg{flex:none}.main{flex-direction:column;flex:999 560px;gap:18px;min-width:0;padding:22px 28px 48px;display:flex}.btn{cursor:pointer;min-height:30px;color:var(--ink);white-space:nowrap;background:#ededf0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{color:var(--ink);background:#e2e2e6}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{color:#fff;background:#136c35}.btn.danger{background:var(--red-soft);color:var(--red-ink)}.btn.ghost{color:var(--muted);background:0 0}.btn:disabled{opacity:.5;cursor:default}.search-pill{background:var(--fill);width:220px;height:30px;color:var(--muted);cursor:pointer;text-align:left;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:flex}.seg{background:var(--fill);border-radius:8px;flex-wrap:wrap;gap:2px;padding:2px;display:flex}.seg a,.seg button{min-height:26px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;padding:0 12px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.seg .on{background:#fff;box-shadow:0 1px 2px #00000026}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.input,.select,.textarea{height:32px;color:var(--ink);background:#fff;border:1px solid #d1d1d6;border-radius:7px;width:100%;padding:0 10px;font-size:13px}.textarea{resize:vertical;height:auto;min-height:72px;padding:8px 10px}.input[readonly]{color:var(--ink-2);background:#f5f5f7}.card{border:1px solid var(--line);background:#fff;border-radius:12px}.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.tile{color:var(--ink);background:var(--chrome);border-radius:14px;flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;display:flex}.tile .k{color:var(--muted);font-size:12px}.tile .v{letter-spacing:-.5px;font-size:28px;font-weight:700}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}table.t{border-collapse:collapse;width:100%}table.t th{color:var(--muted);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafafb;padding:8px 10px;font-size:11px;font-weight:600}table.t td{border-bottom:1px solid var(--line-soft);vertical-align:top;padding:9px 10px;font-size:13px}table.t tr:last-child td{border-bottom:0}table.t .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.t a.row-link{color:var(--green-ink);font-variant-numeric:tabular-nums;font-weight:600;text-decoration:none}.chip{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.chip.green{color:var(--green-ink);background:var(--green-soft)}.chip.amber{color:var(--amber-ink);background:var(--amber-soft)}.chip.red{color:var(--red-ink);background:var(--red-soft)}.chip.blue{color:var(--blue-ink);background:var(--blue-soft)}.chip.purple{color:var(--purple-ink);background:var(--purple-soft)}.chip.grey{color:var(--ink-2);background:#ededf0}.muted{color:var(--muted)}.small{font-size:12px}.h2{font-size:15px;font-weight:600}.page-title{letter-spacing:-.3px;font-size:22px;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.wide{grid-column:1/-1}.notice{border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}.notice.ok{color:var(--green-ink);background:var(--green-soft)}.notice.err{color:var(--red-ink);background:var(--red-soft)}.notice.info{color:var(--blue-ink);background:var(--blue-soft)}.kv{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;display:flex}.kv .k{color:var(--muted)}.av{color:#fff;border:2px solid var(--chrome);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:600;display:inline-flex}.sheet{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;display:flex}.sheet-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.sheet-body{flex-wrap:wrap;gap:24px;padding:16px 20px;display:flex}.sheet-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.sec{color:var(--ink-2);margin:6px 0 2px;font-size:12px;font-weight:600}.palette-backdrop{z-index:50;background:#00000040;justify-content:center;align-items:flex-start;padding:80px 16px;display:flex;position:fixed;inset:0}.palette{background:#fffffffa;border-radius:16px;width:100%;max-width:720px;overflow:hidden;box-shadow:0 24px 60px #00000040}.palette input{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;width:100%;padding:16px 18px;font-size:20px}.palette .results{max-height:60vh;padding:8px;overflow-y:auto}.palette .res{color:var(--ink);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;text-decoration:none;display:flex}.palette .res.on,.palette .res:hover{color:var(--ink);background:#17803f14}.palette .group{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px 4px;font-size:11px;font-weight:600}.login{background:var(--chrome);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login .box{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:28px;display:flex}@media (max-width:720px){.main{padding:16px}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{max-width:none}}.planner{grid-template-columns:minmax(320px,430px) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (max-width:1180px){.planner{grid-template-columns:1fr}}.cline{border:1px solid var(--line-soft);background:#fcfcfd;border-radius:10px;flex-direction:column;gap:6px;padding:10px 10px 10px 8px;display:flex}.num-in{text-align:right;font-variant-numeric:tabular-nums;width:110px}.linkbtn{color:var(--green-ink);font-size:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.pick-list{z-index:5;border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;top:36px;left:0;right:0;box-shadow:0 12px 30px #0000001f}.pick-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:13px}.pick-list button:hover{background:#17803f14}.dot{vertical-align:middle;border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.cv{background:radial-gradient(120% 90% at 50% 0,#fff 0%,#f1f1f4 60%,#e9e9ee 100%);height:520px;position:relative}.cv-canvas{position:absolute;inset:0}.cv-canvas canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.cv-canvas canvas:active{cursor:grabbing}.cv-wait{color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.cv-tip{pointer-events:none;color:#fff;white-space:nowrap;z-index:3;text-overflow:ellipsis;background:#1d1d1feb;border-radius:8px;max-width:70%;padding:6px 9px;font-size:12px;position:absolute;overflow:hidden;transform:translate(14px,14px)}.glass{-webkit-backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid #0000000f;box-shadow:0 4px 16px #0000000f}.cv-tools{pointer-events:none;z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:12px;left:12px;right:12px}.cv-tools>*{pointer-events:auto}.cv-stats{border-radius:12px;flex-direction:column;gap:6px;min-width:220px;padding:10px 12px;display:flex}.meter{grid-template-columns:58px 1fr 44px;align-items:center;gap:8px;font-size:12px;display:grid}.meter span{color:var(--muted)}.meter b{text-align:right;font-variant-numeric:tabular-nums}.bar{background:#00000014;border-radius:99px;height:6px;overflow:hidden}.bar>i{background:var(--green);border-radius:inherit;height:100%;display:block}.cv-bottom{z-index:2;border-radius:12px;align-items:center;gap:12px;padding:8px 10px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.cv-bottom input[type=range]{accent-color:var(--green);flex:auto}.legend{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;display:flex}.legend-item{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.legend-item.on{border-color:var(--green);background:var(--green-soft)}.empty-plan{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:360px;padding:24px;display:flex}.print-only{display:none}@media (max-width:720px){.cv{height:420px}.cv-stats{gap:4px;width:210px;min-width:0;padding:8px 10px}.num-in{width:96px}}.sm-only{display:none}.order-count{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:132px}@media (max-width:540px){.sm-only{display:inline}.sm-hide{display:none}.order-count{min-width:0}.cv-stats .meter,.cv-stats .muted{display:none}.cv-stats{width:auto}}@media print{.sidebar,.toolbar,.no-print{display:none!important}.print-only{display:block!important}.main{padding:0!important}body{background:#fff}.print-page{break-after:page}.print-page:last-child{break-after:auto}@page{size:A4 landscape;margin:12mm}}.thumb{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:6px;width:40px;height:40px;display:block}.thumb.lg{border-radius:12px;width:160px;height:160px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.photo-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.photo-card.off{opacity:.5}.photo-card img{aspect-ratio:1;object-fit:contain;background:#fafafa;border-radius:8px;width:100%}