:root{--brand: #0a0b0a;--brand-2: #16181a;--green-light: #7ac943;--green: #3db54a;--green-deep: #0fa04e;--green-ink: #15803d;--green-soft: #e8f7ec;--green-border: #b7e3c4;--bg: #f4f6f4;--surface: #ffffff;--surface-2: #f8faf8;--border: #e3e7e3;--border-strong: #c8cfc8;--text: #0f1410;--text-muted: #5f6b62;--text-faint: #949e97;--brand-accent: var(--green-ink);--brand-accent-soft: var(--green-soft);--ok: #15803d;--ok-soft: #dcfce7;--warn: #b45309;--warn-soft: #fef3c7;--danger: #b91c1c;--danger-soft: #fee2e2;--info-soft: #ede9fe;--info: #6d28d9;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgb(10 11 10 / 6%), 0 4px 12px rgb(10 11 10 / 6%);--shadow-lg: 0 8px 32px rgb(10 11 10 / 16%);--header-h: 56px;--nav-h: 60px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-weight:600;cursor:pointer;text-decoration:none;transition:background .12s,border-color .12s,opacity .12s;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.btn-primary:hover:not(:disabled){background:#116e34}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#991b1b}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-lg{min-height:54px;font-size:17px;padding:12px 22px}.btn-sm{min-height:34px;padding:6px 12px;font-size:13px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:13px;font-weight:600;color:var(--text-muted)}.input,.select,.textarea{min-height:44px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--brand-accent);outline-offset:-1px;border-color:var(--brand-accent)}.textarea{min-height:80px;resize:vertical}.input-xl{min-height:64px;font-size:26px;font-weight:700;text-align:center;letter-spacing:.5px;font-variant-numeric:tabular-nums}.checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}.checkbox input{width:20px;height:20px;accent-color:var(--brand-accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px}.stack{display:flex;flex-direction:column;gap:12px}.stack-lg{display:flex;flex-direction:column;gap:20px}.row{display:flex;align-items:center;gap:10px}.row-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge-pending{background:var(--surface-2);color:var(--text-muted)}.badge-counted{background:var(--green-soft);color:var(--green-ink)}.badge-done{background:var(--ok-soft);color:var(--ok)}.badge-recount{background:var(--warn-soft);color:var(--warn)}.badge-diff-neg{background:var(--danger-soft);color:var(--danger)}.badge-diff-pos{background:var(--info-soft);color:var(--info)}.list{display:flex;flex-direction:column;gap:10px}.item{display:block;width:100%;text-align:left;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);cursor:pointer}.item:hover{border-color:var(--border-strong)}.item-title{font-weight:650;line-height:1.35}.item-meta{margin-top:5px;font-size:13px;color:var(--text-muted)}.num{font-variant-numeric:tabular-nums;font-weight:700}.num-neg{color:var(--danger)}.num-pos{color:var(--info)}.num-zero{color:var(--ok)}.tile{padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.tile-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.tile-value{margin-top:6px;font-size:26px;font-weight:750;font-variant-numeric:tabular-nums}.tile-hint{margin-top:2px;font-size:12px;color:var(--text-faint)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th,table.data td{padding:10px 12px;text-align:left;white-space:nowrap}table.data thead th{position:sticky;top:0;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}table.data tbody tr+tr td{border-top:1px solid var(--border)}table.data tbody tr:hover td{background:var(--surface-2)}table.data td.n{text-align:right;font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#0f172a73;padding:0}.modal{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow-lg);padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}@media(min-width:640px){.modal-backdrop{align-items:center;padding:20px}.modal{border-radius:var(--radius)}}.modal-title{margin:0 0 4px;font-size:18px;font-weight:700}.modal-sub{margin:0 0 16px;font-size:13px;color:var(--text-muted)}.alert{padding:11px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:500}.alert-error{background:var(--danger-soft);color:var(--danger)}.alert-ok{background:var(--ok-soft);color:var(--ok)}.alert-info{background:var(--green-soft);color:var(--green-ink)}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 16px);transform:translate(-50%);z-index:60;min-width:240px;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-weight:600;text-align:center;box-shadow:var(--shadow-lg);animation:toast-in .18s ease-out}.toast-ok{background:var(--ok)}.toast-error{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:13px}.tiny{font-size:12px}.bold{font-weight:700}.center{text-align:center}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:40px 20px;text-align:center;color:var(--text-faint)}.progress{height:6px;border-radius:999px;background:var(--border);overflow:hidden}.progress>span{display:block;height:100%;background:var(--ok);border-radius:inherit}.spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-title{margin:0 0 4px;font-size:20px;font-weight:750}.page-sub{margin:0 0 16px;font-size:14px;color:var(--text-muted)}.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}.rows-scroll{overflow-x:auto;padding-bottom:4px}.prow{display:grid;gap:6px;align-items:end;grid-template-columns:22px minmax(130px,2.2fr) 84px 128px 128px minmax(100px,1.3fr) minmax(100px,1.2fr) 96px 112px;margin-bottom:8px}.prow>.f{min-width:0;display:flex;flex-direction:column;gap:4px}.prow .f>label{font-size:10px;font-weight:700;letter-spacing:.3px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow input,.prow select{min-height:38px;padding:8px 9px;font-size:14px}.prow input[type=date]{min-width:0}.prow-num{font-size:11px;font-weight:700;color:var(--text-faint);font-variant-numeric:tabular-nums;padding-bottom:11px;text-align:right}.prow .chk{display:flex;align-items:center;gap:7px;height:38px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}.prow .chk input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--brand-accent)}.prow .chk:has(input:checked){border-color:var(--green-ink);background:var(--green-soft);color:var(--green-ink);font-weight:600}.prow-acts{display:flex;gap:3px}.prow-acts button{height:38px;width:33px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent}.prow-acts .r-add{background:var(--brand-accent-soft);color:var(--brand-accent);font-size:19px}.prow-acts .r-add:hover{background:var(--brand-accent);color:#fff}.prow-acts .r-copy{background:var(--surface-2);color:var(--text);font-size:14px}.prow-acts .r-copy:hover{background:var(--brand-accent);color:#fff}.prow-acts .r-del{background:var(--danger-soft);color:var(--danger);font-size:14px}.prow-acts .r-del:hover{background:var(--danger);color:#fff}@media(min-width:901px){.prow:not(:first-child)>.f>label:not(.chk){display:none}}@media(max-width:900px){.rows-scroll{overflow-x:visible}.prow{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:34px 12px 12px;margin-bottom:10px}.prow .f-wide{grid-column:1 / -1}.prow input,.prow select{font-size:16px;min-height:42px}.prow .f>label{font-size:12px}.prow-num{position:absolute;top:10px;left:12px;padding:0;text-align:left}.prow>.f-acts{position:absolute;top:6px;right:8px}.prow>.f-acts>label{display:none}.prow-acts button{width:32px;height:30px;font-size:13px}.prow-acts .r-add{font-size:17px}}.logo{display:inline-flex;align-items:center;gap:10px}.logo-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.logo-word{font-weight:800;letter-spacing:.14em;text-transform:uppercase}.logo-sub{font-size:11px;letter-spacing:.04em;opacity:.65;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-screen{min-height:100%;display:grid;place-items:center;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));background:radial-gradient(80% 55% at 50% 0%,#172119 0%,transparent 70%),var(--brand)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:26px;color:#fff}.login-brand .logo-word{font-size:30px}.login-tagline{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.login-card{width:100%;max-width:400px;background:var(--surface);border-radius:16px;box-shadow:0 18px 50px #00000073;padding:22px}:root{--sidebar-w: 236px;--topbar-h: 52px}.shell{display:flex;min-height:100%}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:20px 16px 40px}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;width:var(--sidebar-w);display:flex;flex-direction:column;background:var(--brand);color:#fff;padding-top:env(safe-area-inset-top,0px)}.sidebar-head{display:flex;align-items:center;gap:8px;height:58px;padding:0 14px;border-bottom:1px solid rgb(255 255 255 / 8%)}.sidebar-close{display:none}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:2px}.snav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:#ffffffc7;font-size:14px;font-weight:500;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.snav-item:hover{background:#ffffff12;color:#fff}.snav-item.active{background:linear-gradient(90deg,var(--green),var(--green-deep));color:#fff;font-weight:650}.snav-item.has-active{color:#fff}.snav-icon{display:flex;flex:0 0 auto}.snav-icon svg{width:18px;height:18px}.snav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snav-chevron{display:flex;flex:0 0 auto;transition:transform .15s;opacity:.55}.snav-chevron svg{width:14px;height:14px}.snav-chevron.is-open{transform:rotate(90deg)}.snav-children{display:flex;flex-direction:column;gap:1px;padding:2px 0 4px}.snav-child{display:block;padding:8px 10px 8px 42px;border-radius:var(--radius-sm);color:#ffffffa8;font-size:13.5px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snav-child:hover{background:#ffffff12;color:#fff}.snav-child.active{background:#ffffff1a;color:#fff;font-weight:600}.sidebar-foot{display:flex;align-items:center;gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid rgb(255 255 255 / 8%)}.sidebar-user{flex:1;min-width:0}.btn-logout{background:#ffffff14;border-color:#ffffff38;color:#fff}.btn-logout:hover:not(:disabled){background:#ffffff29}.sidebar-backdrop{display:none}@media(max-width:899px){.sidebar{transform:translate(-100%);transition:transform .2s ease-out;box-shadow:var(--shadow-lg)}.sidebar.is-open{transform:none}.sidebar-close{display:block;margin-left:auto;padding:6px 10px;border:0;border-radius:var(--radius-sm);background:#ffffff1a;color:#fff;font-size:15px;cursor:pointer}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0;background:var(--brand);color:#fff}.topbar-menu{display:flex;padding:7px;border:0;border-radius:var(--radius-sm);background:#ffffff1a;color:#fff;cursor:pointer}.topbar-menu svg{width:20px;height:20px}.topbar-title{font-weight:800;letter-spacing:.14em;font-size:14px}@media(min-width:900px){.shell-main{margin-left:var(--sidebar-w)}.topbar{display:none}}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.settings-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-decoration:none;color:inherit}.settings-card:hover{border-color:var(--green-border)}.settings-card-icon{display:flex;flex:0 0 auto;padding:9px;border-radius:10px;background:var(--green-soft);color:var(--green-ink)}.settings-card-icon svg{width:20px;height:20px}.settings-card-title{display:block;font-weight:650}.settings-card-text{display:block;margin-top:3px;font-size:13px;color:var(--text-muted)}table.data th.center,table.data td.center{text-align:center}table.perm-table td,table.perm-table th{vertical-align:top}.perm-module td{background:var(--surface-2);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.perm-block{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.perm-block-head{padding:8px 12px;background:var(--surface-2);border-bottom:1px solid var(--border);gap:4px}.perm-row{display:flex;align-items:center;gap:12px;padding:9px 12px}.perm-row+.perm-row{border-top:1px solid var(--border)}.perm-row>div:first-child{flex:1;min-width:0}.perm-choice{display:flex;flex:0 0 auto;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.perm-opt{padding:7px 11px;border:0;background:var(--surface);color:var(--text-muted);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}.perm-opt+.perm-opt{border-left:1px solid var(--border)}.perm-opt:hover:not(:disabled){background:var(--surface-2)}.perm-opt.active{background:var(--green-ink);color:#fff}.perm-opt:disabled{opacity:.35;cursor:not-allowed}@media(max-width:560px){.perm-row{flex-direction:column;align-items:stretch;gap:8px}.perm-choice{width:100%}.perm-opt{flex:1;text-align:center}}.widget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}.widget-toggle{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.widget-toggle:has(input:checked){border-color:var(--green-border);background:var(--green-soft)}.widget-toggle input{width:17px;height:17px;accent-color:var(--green-ink)}.link{color:var(--green-ink);font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.th-sort{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.th-sort:hover{color:var(--text)}.th-arrow{color:var(--green-ink)}.item-thumb{display:block;width:34px;height:34px;border-radius:6px;object-fit:cover;background:var(--surface-2)}.item-thumb-empty{border:1px dashed var(--border-strong)}.chip-x{margin-left:2px;padding:0 0 0 4px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;opacity:.65}.chip-x:hover:not(:disabled){opacity:1}.item-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:20px;align-items:start}@media(max-width:860px){.item-head{grid-template-columns:minmax(0,1fr)}}.radio-row{display:flex;gap:8px;flex-wrap:wrap}.radio-opt{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:14px;cursor:pointer}.radio-opt input{width:16px;height:16px;accent-color:var(--green-ink)}.radio-opt:has(input:checked){border-color:var(--green-ink);background:var(--green-soft);color:var(--green-ink);font-weight:600}.money-field{display:flex}.money-field .money-cur{width:auto;min-width:86px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;background:var(--surface-2)}.money-field .input{border-top-left-radius:0;border-bottom-left-radius:0}.form-actions{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;gap:10px;margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--surface);box-shadow:0 -4px 16px #0a0b0a12}.image-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-slot{display:flex;flex-direction:column;gap:6px}.image-others{grid-column:1 / -1;display:flex;flex-direction:column;gap:6px}.image-frame{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden}.image-frame img{width:100%;height:100%;object-fit:cover}.image-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);text-align:center}.image-drop.is-dragging{border-color:var(--green-ink);background:var(--green-soft)}.image-pick{padding:8px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--green-ink);font-size:13px;font-weight:600;cursor:pointer}.image-pick:disabled{opacity:.5;cursor:not-allowed}.image-frame .image-pick{padding:12px}.image-thumbs{display:flex;flex-wrap:wrap;gap:8px}.image-thumb{position:relative;width:64px;height:64px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.image-thumb img{width:100%;height:100%;object-fit:cover}.image-del{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#0a0b0ab3;color:#fff;font-size:12px;line-height:1;cursor:pointer}.image-del:hover{background:var(--danger)}.master-detail{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.master{display:flex;flex-direction:column;max-height:calc(100vh - 80px);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;position:sticky;top:16px}.master-head{display:flex;flex-direction:column;gap:8px;padding:12px;border-bottom:1px solid var(--border)}.master-list{flex:1;overflow-y:auto}.master-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-left:3px solid transparent;background:transparent;text-align:left;cursor:pointer}.master-row+.master-row{border-top:1px solid var(--border)}.master-row:hover{background:var(--surface-2)}.master-row.active{border-left-color:var(--green-ink);background:var(--green-soft)}.master-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.master-row-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.master-row-price{flex:0 0 auto;font-size:13px}.detail-pane{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.detail-pane-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px}.detail-head{display:flex;align-items:flex-start;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border)}.detail-title{margin:0;font-size:19px;font-weight:750;line-height:1.25}.detail-sub{margin-top:4px;gap:8px}.detail-tabs{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid var(--border);overflow-x:auto}.detail-tab{padding:11px 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-muted);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.detail-tab:hover{color:var(--text)}.detail-tab.active{color:var(--green-ink);border-bottom-color:var(--green-ink)}.detail-body{padding:16px;background:var(--bg);border-radius:0 0 var(--radius) var(--radius)}.detail-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:16px;align-items:start}@media(max-width:1100px){.detail-top{grid-template-columns:minmax(0,1fr)}}.detail-rows{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:7px 16px;margin:0;font-size:14px}.detail-rows dt{color:var(--text-muted)}.detail-rows dd{margin:0;overflow-wrap:anywhere}.detail-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-thumbs{grid-column:1 / -1}.detail-image{margin:0}.detail-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2)}.detail-thumbs{display:flex;flex-wrap:wrap;gap:6px}.detail-thumbs img{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.history-changes{margin:2px 0 0;padding-left:18px;font-size:13px;line-height:1.7}.more-menu{position:relative;flex:0 0 auto}.more-list{position:absolute;top:calc(100% + 4px);right:0;z-index:25;min-width:206px;padding:5px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lg)}.more-list button{display:block;width:100%;padding:9px 11px;border:0;border-radius:6px;background:none;color:var(--text);font-size:14px;text-align:left;cursor:pointer}.more-list button:hover{background:var(--green-soft);color:var(--green-ink)}.more-list button.danger{color:var(--danger)}.more-list button.danger:hover{background:var(--danger-soft);color:var(--danger)}.more-sep{height:1px;margin:5px 0;background:var(--border)}@media(max-width:900px){.master-detail{grid-template-columns:minmax(0,1fr)}.master{position:static;max-height:none}.master-detail.has-selection .master,.detail-pane-empty{display:none}.detail-top{grid-template-columns:minmax(0,1fr)}.detail-head{flex-wrap:wrap}.detail-head>:first-child{flex:1 0 100%}.detail-title{font-size:17px}.detail-rows{grid-template-columns:minmax(96px,40%) minmax(0,1fr)}}