:root{--bg: #0e1216;--bg-shift: #10211e;--bg-depth: #1a1720;--panel: #f6fafb;--panel-strong: #ffffff;--panel-soft: #eef7f7;--ink: #15212b;--muted: #637487;--line: #d5e4e7;--line-strong: #bdd4d9;--accent: #00a896;--accent-strong: #007f8f;--accent-deep: #07585f;--accent-soft: #e5fbf7;--accent-soft-strong: #c9f2ec;--selection: #5d6bff;--selection-soft: #eef0ff;--danger: #c53d55;--button-dark: #263241;--shadow: 0 18px 45px rgba(4, 13, 18, .22);--focus: rgba(0, 168, 150, .18);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:#effaf8;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(0,168,150,.12),transparent 38%),linear-gradient(135deg,var(--bg) 0%,var(--bg-shift) 48%,var(--bg-depth) 100%);background-size:32px 32px,32px 32px,auto}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:20px;padding:22px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);border:1px solid rgba(218,239,242,.28);border-radius:8px;background:linear-gradient(180deg,var(--panel-strong),var(--panel));color:var(--ink);padding:20px;box-shadow:var(--shadow)}.auth-card label+label{margin-top:12px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 16px}.auth-tabs button,.user-strip button{border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);color:#304050;font-weight:800}.auth-tabs button{padding:9px 10px}.auth-tabs button.active{border-color:#00a8968c;background:var(--accent-soft);color:var(--accent-deep)}.control-pane,.module-pane{min-height:0;border:1px solid rgba(218,239,242,.24);border-radius:8px;box-shadow:var(--shadow)}.control-pane{background:linear-gradient(180deg,var(--panel-strong),var(--panel));color:var(--ink);padding:18px;overflow-y:auto}.module-pane{background:#f6fafbf7;color:var(--ink);padding:18px;overflow:hidden;display:flex;flex-direction:column}.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-strong) 58%,var(--selection));color:#fff;font-weight:800;font-size:22px}h1,h2,p{margin:0}h1{font-size:25px;line-height:1.1}h2{font-size:23px;line-height:1.1}.brand-row p,.module-toolbar p{margin-top:4px;color:var(--muted);font-size:13px}.status-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fbfefe;margin-bottom:14px}.user-strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fbfefe;margin-bottom:12px}.user-strip span{display:block;color:var(--muted);font-size:11px;font-weight:800}.user-strip strong{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.user-strip small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:800}.user-strip button{padding:8px 10px;white-space:nowrap}.sam-api-box{margin-top:12px;margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfefe;display:grid;gap:10px}.sam-api-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.sam-api-head span{display:block;color:var(--muted);font-size:11px;font-weight:800}.sam-api-head strong{display:block;margin-top:2px;font-size:13px}.sam-api-head small,.sam-api-box>p,.sam-api-notice{color:var(--muted);font-size:12px;line-height:1.4}.sam-api-notice{color:var(--accent-deep);font-weight:800}.purchase-box,.admin-panel,.admin-section{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfefe;display:grid;gap:10px}.purchase-head,.admin-title,.admin-section-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.purchase-head span,.admin-title span,.admin-section-head span{display:block;color:var(--muted);font-size:11px;font-weight:800}.purchase-head strong,.admin-title strong,.admin-section-head strong{display:block;margin-top:2px;font-size:13px}.purchase-head small,.admin-title small,.admin-section-head small{color:var(--muted);font-size:12px;text-align:right}.admin-panel{gap:12px;background:#f1f8f9;font-size:13px}.admin-panel input,.admin-panel select,.admin-panel button{min-height:34px;font-size:12px}.admin-panel input,.admin-panel select{padding:7px 9px}.admin-panel label{font-size:11px}.admin-title{padding-bottom:2px;align-items:center}.admin-title strong{font-size:14px}.admin-title small{max-width:190px;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-section{gap:9px}.admin-section-head{align-items:center}.admin-section-head small{font-size:11px;white-space:nowrap}.purchase-qr{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start}.purchase-qr img,.admin-qr-preview{width:120px;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong)}.qr-placeholder{width:120px;aspect-ratio:1;display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:8px;background:var(--panel-soft);color:var(--muted);font-size:12px;text-align:center;padding:8px}.purchase-copy{min-width:0;display:grid;gap:8px;align-content:start}.purchase-copy strong{color:var(--ink);font-size:13px;line-height:1.35}.purchase-rules{display:grid;gap:6px}.purchase-rules span{display:block;width:fit-content;max-width:100%;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:#304050;font-size:12px;font-weight:800;line-height:1.25}.admin-user-search,.admin-credit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.admin-credit-row{grid-template-columns:84px 90px minmax(0,1fr)}.admin-user-search button,.admin-credit-row select,.admin-credit-row input,.mini-file{margin-top:0}.mini-file{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;font-weight:800;cursor:pointer}.mini-file input{display:none}.admin-user-list{display:grid;gap:6px;max-height:248px;overflow:auto}.admin-user-row{display:grid;grid-template-columns:minmax(0,1fr) 66px 56px;gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.admin-user-row>div{min-width:0}.admin-user-row strong,.admin-user-row span{display:block}.admin-user-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25}.admin-user-row span{color:var(--muted);font-size:11px;margin-top:2px}.admin-user-row button{border:1px solid var(--accent-soft-strong);border-radius:8px;background:var(--accent-soft);color:var(--accent-deep);padding:7px 8px;font-weight:800}.sam-api-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sam-api-actions button{border:1px solid var(--accent-soft-strong);border-radius:8px;background:var(--accent-soft);color:var(--accent-deep);padding:8px 10px;font-weight:800}.status-line span{color:var(--muted)}.upload-zone{position:relative;display:grid;place-items:center;min-height:96px;padding:14px;border:1px dashed rgba(0,168,150,.52);border-radius:8px;background:linear-gradient(rgba(0,168,150,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,150,.05) 1px,transparent 1px),#f0fbfa;background-size:18px 18px;color:#285f5d;font-weight:700;text-align:center}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.preview{display:block;width:100%;max-height:220px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fbfefe}.preview-button{display:block;width:100%;padding:0;margin-top:12px;border:0;border-radius:8px;background:transparent;text-align:left}.preview-button:disabled{cursor:default;opacity:.98}.primary-button,.run-button{width:100%;border:0;border-radius:8px;color:#fff;font-weight:800}.primary-button{margin-top:12px;padding:11px 14px;background:var(--button-dark)}.run-button{margin-top:14px;padding:14px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 12px 24px #007f8f38}.progress-box{margin-top:12px;padding:11px 12px;border:1px solid var(--accent-soft-strong);border-radius:8px;background:var(--accent-soft);display:grid;gap:8px}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--accent-deep)}.progress-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.progress-head strong{font-size:13px;font-weight:900}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#c9f2ec}.progress-fill{display:block;height:100%;min-width:4px;border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),var(--accent),#4dd6c6);transition:width .24s ease}.progress-box p{color:#285f5d;font-size:12px;line-height:1.4}.field-grid{display:grid;grid-template-columns:1fr 110px;gap:10px;margin-top:16px}.prompt-field{margin-top:12px}label{display:block;color:#415466;font-size:12px;font-weight:800}select,input{width:100%;margin-top:6px;border:1px solid var(--line-strong);border-radius:8px;padding:10px 11px;background:#fbfefe;color:var(--ink)}select:focus,input:focus{outline:3px solid var(--focus);border-color:var(--accent)}.job-box,.info-banner,.error-banner,.log-box{margin-top:14px;border-radius:8px}.job-box{border:1px solid var(--line);background:#fbfefe;padding:12px}.job-box div{color:var(--muted);font-size:12px;font-weight:800;margin-bottom:5px}code{word-break:break-all;color:var(--accent-deep)}.info-banner{border:1px solid var(--accent-soft-strong);background:var(--accent-soft);color:var(--accent-deep);padding:11px 12px;font-size:13px}.error-banner{border:1px solid #f4c7d0;background:#fff3f5;color:var(--danger);padding:11px 12px;font-size:13px}.log-box{border:1px solid var(--line);background:#fbfefe;padding:10px 12px}.log-box summary{cursor:pointer;font-weight:800;color:#304050}.log-box pre{max-height:220px;overflow:auto;margin:10px 0 0;white-space:pre-wrap;color:#526274;font-size:12px;line-height:1.45}.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.module-toolbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px}.module-toolbar-controls input{width:min(300px,40vw);margin:0}.module-toolbar-controls select{width:104px;margin:0}.module-map-scroll{min-height:0;flex:1;overflow:auto;padding:14px;background:#e9f2f3}.module-map-canvas{position:relative;min-width:720px;margin:0 auto;border:1px solid var(--line-strong);border-radius:8px;background:#fbfefe;box-shadow:inset 0 0 0 1px #fff9}.module-map-image,.module-map-placeholder{position:absolute;inset:0;width:100%;height:100%;border-radius:8px}.module-map-image{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.module-map-placeholder{background:linear-gradient(45deg,#eef7f7 25%,transparent 25%),linear-gradient(-45deg,#eef7f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef7f7 75%),linear-gradient(-45deg,transparent 75%,#eef7f7 75%);background-color:#fbfefe;background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.module-marker{position:absolute;z-index:2;min-width:16px;min-height:16px;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;cursor:pointer;transition:filter .12s ease,transform .12s ease}.module-marker:hover{z-index:5;filter:drop-shadow(0 0 5px rgba(0,168,150,.64));transform:scale(1.02)}.module-marker.selected{z-index:8;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px rgba(93,107,255,.76))}.module-marker img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 0 1px rgba(12,20,28,.3))}.module-marker span{position:absolute;top:-18px;left:-1px;display:none;min-width:18px;height:16px;place-items:center;border-radius:5px;background:#17222c;color:#fff;font-size:10px;font-weight:800;line-height:1}.module-marker:hover span,.module-marker.selected span{display:grid}.module-action-panel{position:absolute;z-index:20;width:154px;display:grid;gap:7px;padding:10px;border:1px solid var(--line-strong);border-radius:8px;background:#fbfefe;box-shadow:0 18px 34px #040d122e}.module-action-head{min-width:0;display:grid;gap:3px;padding-bottom:7px;border-bottom:1px solid var(--line)}.module-action-head strong,.module-action-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-action-head strong{color:var(--ink);font-size:13px}.module-action-head span{color:var(--muted);font-size:11px}.module-action-panel button{width:100%;border:1px solid var(--accent-soft-strong);border-radius:8px;background:var(--accent-soft);color:var(--accent-deep);padding:8px 10px;font-size:12px;font-weight:800}.module-grid{min-height:0;flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;padding-top:14px;align-content:start}.module-card{border:1px solid var(--line);border-radius:8px;background:#fbfefe;padding:10px;min-width:0;display:grid;gap:9px;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.module-card:hover{border-color:#00a89680;box-shadow:0 10px 24px #040d1214;transform:translateY(-1px)}.module-card.selected{border-color:#5d6bff9e;box-shadow:0 0 0 2px #5d6bff1f}.module-preview{height:132px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:linear-gradient(45deg,#eef7f7 25%,transparent 25%),linear-gradient(-45deg,#eef7f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef7f7 75%),linear-gradient(-45deg,transparent 75%,#eef7f7 75%);background-color:#fbfefe;background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.module-preview img{max-width:100%;max-height:100%;object-fit:contain}.module-meta{min-width:0;display:grid;gap:4px}.module-meta strong,.module-meta span,.module-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-meta strong{font-size:14px}.module-meta span,.module-meta small{color:var(--muted);font-size:12px}.module-card-actions{display:grid;grid-template-columns:1fr;gap:7px}.module-card button{border:1px solid var(--accent-soft-strong);border-radius:8px;background:var(--accent-soft);color:var(--accent-deep);padding:8px 10px;font-weight:800;min-width:0}.empty-state{margin-top:14px;border:1px dashed var(--line-strong);border-radius:8px;background:#fbfefe;padding:28px;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);margin-bottom:6px}@media(max-width:920px){.app-shell{grid-template-columns:1fr;padding:14px}.module-pane{min-height:520px}.module-toolbar{align-items:stretch;flex-direction:column}.module-toolbar-controls{justify-content:stretch}.module-toolbar-controls input{width:100%}.module-map-canvas{min-width:680px}}@media(max-width:560px){.field-grid{grid-template-columns:1fr}.user-strip{grid-template-columns:1fr;align-items:stretch}.module-grid{grid-template-columns:1fr}.module-toolbar-controls{flex-direction:column;align-items:stretch}.module-toolbar-controls select{width:100%}.purchase-qr,.admin-user-search,.admin-credit-row,.admin-user-row{grid-template-columns:1fr}.purchase-qr img,.admin-qr-preview,.qr-placeholder{width:100%}}