@font-face{font-family:OneSlot;src:url('/OneSlot.ttf') format('truetype');font-display:swap}
:root{--forest:#183b20;--forest2:#214b2a;--lime:#a4c86b;--lime2:#c3db8d;--pink:#b00062;--pink2:#d13e8f;--paper:#f4f0eb;--warm:#c4beb8;--ink:#24251f;--muted:#69665f;--line:#d9d3ca;--white:#fffdf9;--shadow:0 10px 34px rgba(31,43,27,.09);--font:OneSlot,'Trebuchet MS',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#eee9e3;color:var(--ink);font-family:var(--font);font-size:14px;letter-spacing:.1px}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh;display:flex;flex-direction:column}.top-header{background:var(--forest);color:#fffdf9;padding:18px clamp(16px,3vw,42px);display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:4px solid var(--lime)}.brand-grid{display:flex;gap:12px;align-items:stretch;min-width:0}.brand-box,.flow-box{border:1px solid rgba(164,200,107,.75);padding:10px 15px;min-width:0}.brand-box h1{margin:3px 0 4px;color:var(--lime);font-size:clamp(22px,2.5vw,30px);line-height:1.15;letter-spacing:.8px}.brand-box p{margin:0;font-size:10px;color:#fffdf9;letter-spacing:1px}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:700;color:var(--lime)}.flow-box{display:flex;flex-direction:column;justify-content:center;gap:5px}.flow-box strong{font-size:13px;color:#fff}.flow-box i{font-style:normal;color:var(--pink2);font-size:18px;padding:0 3px}.flow-box small{color:#c8d3c5;font-size:10px}.flow-label{font-size:9px;letter-spacing:1.2px;color:var(--lime)}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.connection-pill{display:flex;align-items:center;gap:7px;color:#e6e9df;font-size:10px;white-space:nowrap}.dot{width:8px;height:8px;border-radius:100%;background:#c3bdb6;display:inline-block}.dot.good{background:#6ed18d;box-shadow:0 0 0 3px rgba(110,209,141,.15)}.dot.warn{background:#efb740}.btn{border:1px solid transparent;padding:10px 14px;border-radius:5px;font-weight:700;font-size:11px;letter-spacing:.5px;transition:.15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.primary{background:var(--forest);color:#fff;border-color:var(--forest)}.btn.secondary{background:var(--lime);color:var(--forest);border-color:var(--lime)}.btn.magenta{background:var(--pink);color:#fff;border-color:var(--pink)}.btn.soft{background:#fffdf9;color:var(--forest);border-color:#c7d2bd}.btn.outline{background:transparent;color:var(--lime);border:1px solid var(--lime)}.btn.outline:hover{background:var(--lime);color:var(--forest)}.btn.ghost{background:transparent;border-color:rgba(255,255,255,.22);color:#e9ede3}.btn.full{width:100%;margin-top:8px}.tabs{display:flex;gap:4px;padding:0 clamp(16px,3vw,42px);background:#e3ded7;border-bottom:1px solid var(--line)}.tab{border:0;padding:14px 18px;background:transparent;color:#777268;font-size:11px;font-weight:800;letter-spacing:.8px;border-bottom:3px solid transparent}.tab.active{color:var(--forest);border-bottom-color:var(--pink)}main{width:min(1500px,100%);margin:0 auto;padding:26px clamp(16px,3vw,42px) 48px;flex:1}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading h2{font-size:25px;margin:4px 0;color:var(--forest)}.section-heading p{margin:3px 0 0}.heading-actions{display:flex;gap:8px}.muted{color:var(--muted)}.small{font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--lime);padding:15px 17px;box-shadow:0 3px 12px rgba(30,40,28,.035)}.stat-card:nth-child(2){border-top-color:#3b83c5}.stat-card:nth-child(3){border-top-color:#35a45c}.stat-card:nth-child(4){border-top-color:var(--pink)}.stat-label{display:block;color:#77746d;font-size:9px;font-weight:800;letter-spacing:1px}.stat-card strong{display:block;font-size:29px;color:var(--forest);margin:4px 0 1px}.stat-card small{font-size:10px;color:var(--muted)}.toolbar-card,.table-card,.settings-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow)}.toolbar-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;margin-bottom:14px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-right{margin-left:auto}.search,.select,input,textarea{background:#fff;border:1px solid #d7d1c8;border-radius:4px;padding:9px 10px;color:var(--ink);outline:none}.search{width:240px}.select{min-width:138px}.search:focus,input:focus,textarea:focus,select:focus{border-color:#83a94c;box-shadow:0 0 0 3px rgba(164,200,107,.2)}.notice{padding:11px 14px;border:1px solid #b8cba3;background:#f0f6e7;color:#31552c;margin-bottom:12px;border-radius:4px;font-size:12px}.notice.error{background:#fff0ef;border-color:#efc2bc;color:#8d2c24}.table-card{overflow:hidden}.table-head{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.table-head h3{font-size:17px;color:var(--forest);margin:0 0 2px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1120px;font-size:12px}thead{background:var(--forest);color:#fff}th{text-align:left;padding:12px 9px;font-size:9px;letter-spacing:.7px;font-weight:700;white-space:nowrap}td{padding:10px 9px;border-bottom:1px solid #ece8e2;color:#3a3b35;vertical-align:middle;background:#fffdf9}tbody tr:hover td{background:#f9f8f4}.check-col{width:36px;text-align:center}input[type=checkbox]{accent-color:var(--forest);width:15px;height:15px}.empty{text-align:center;color:#8a867f;padding:34px}.status-cell{white-space:nowrap}.status-marker{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border-radius:3px;background:var(--status-bg,#f2f2f2);color:var(--status-color,#777)}.status-marker .status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-dot,#888);box-shadow:0 0 0 2px color-mix(in srgb,var(--status-dot,#888) 15%,transparent)}.status-marker.new{--status-dot:#dfb500;--status-color:#775f00;--status-bg:#fff8d9}.status-marker.needs-review{--status-dot:#e88b2c;--status-color:#8c4a0c;--status-bg:#fff0df}.status-marker.approved{--status-dot:#2878c7;--status-color:#16558e;--status-bg:#e8f2ff}.status-marker.transferred{--status-dot:#26a653;--status-color:#176a32;--status-bg:#e4f5e8}.status-marker.error{--status-dot:#d93025;--status-color:#9a221b;--status-bg:#ffebe9}.status-marker.duplicate{--status-dot:#898989;--status-color:#585858;--status-bg:#eeeeee}.row-actions{display:flex;gap:5px}.mini-btn{border:1px solid #d7d1c8;background:#fff;border-radius:3px;padding:5px 7px;color:var(--forest);font-size:10px}.mini-btn.delete{color:#a42c29}.table-foot{display:flex;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--line);font-size:10px;color:#767268}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{padding:18px}.card-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.card-index{display:grid;place-items:center;min-width:33px;height:33px;background:#e8f0dc;color:var(--forest);font-weight:800;border:1px solid #cad9b7}.card-index.pink{background:#f8e5ee;color:var(--pink);border-color:#e8bfd1}.card-title h3{margin:1px 0 3px;font-size:17px;color:var(--forest)}.card-title p{margin:0;color:var(--muted);font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label,.login-card label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:#55534d}.form-grid input,.form-grid select,.form-grid textarea{width:100%;font-weight:400;font-size:12px}.form-grid small{font-size:9px;color:var(--muted);font-weight:400}.span-2{grid-column:span 2}.subheading{font-size:10px;font-weight:800;color:var(--pink);letter-spacing:.8px;margin:18px 0 10px;padding-top:14px;border-top:1px solid #ebe6df}.hint{color:#777268;font-size:10px;line-height:1.6;margin:15px 0 0}.integration-card{min-height:230px}.integration-status{display:flex;align-items:center;gap:10px;padding:12px;background:#f7f5f0;border:1px solid #e5dfd6;margin-bottom:12px}.status-icon{width:10px;height:10px;border-radius:50%;background:#c1bcb3}.status-icon.good{background:#32a65c;box-shadow:0 0 0 4px #e1f3e6}.integration-status strong{display:block;color:var(--forest);font-size:12px}.integration-status small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.hint-block{margin-top:12px;padding:10px 12px;border-left:3px solid var(--lime);background:#f7f8f0;color:#69665f;font-size:10px;line-height:1.6}.hint-block code{color:var(--pink);font-size:10px}.warning-hint{color:#8d4d12;background:#fff4e5;padding:9px;border-left:3px solid #e49b36}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(17,30,18,.63)}.modal-panel,.confirm-panel{position:relative;z-index:1;background:var(--paper);border:1px solid var(--lime);box-shadow:0 22px 80px rgba(0,0,0,.28);width:min(760px,100%);max-height:92vh;overflow:auto;padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.modal-header h2{margin:3px 0;color:var(--forest)}.icon-btn{border:1px solid #c8c2b8;background:#fff;width:30px;height:30px;border-radius:4px;font-size:22px;line-height:1;color:#514f49}.modal-grid{gap:10px}.modal-grid label{font-size:10px}.modal-grid input,.modal-grid select,.modal-grid textarea{padding:8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.confirm-panel{width:min(420px,100%);padding:22px}.confirm-panel h3{color:var(--forest);margin:0 0 7px}.confirm-panel p{color:var(--muted);font-size:12px;line-height:1.5}.toast{position:fixed;right:20px;bottom:20px;z-index:40;background:var(--forest);color:#fff;padding:12px 16px;border-left:4px solid var(--lime);box-shadow:var(--shadow);max-width:420px;font-size:12px}.toast.error{border-left-color:#e65c54}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#132f1b,#1e4a2a)}.login-card{width:min(390px,100%);padding:28px;background:var(--paper);border:2px solid var(--lime);box-shadow:0 24px 80px rgba(0,0,0,.3)}.pixel-mark{width:58px;height:48px;display:grid;place-items:center;background:var(--forest);border:2px solid var(--lime);color:var(--lime);font-size:20px;margin-bottom:17px;box-shadow:4px 4px 0 var(--pink)}.login-card h1{font-size:23px;color:var(--forest);margin:5px 0}.login-card p{font-size:11px}.login-card label{margin-top:12px}.login-card input{margin-top:2px}.form-error{min-height:18px;color:#a02b27;font-size:11px;margin-top:8px}footer{background:#dfd9d1;color:#767268;padding:14px clamp(16px,3vw,42px);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.6px}footer b{color:var(--pink);padding:0 4px}
@media(max-width:1050px){.top-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%;justify-content:flex-end}.toolbar-card{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{flex-wrap:wrap}.toolbar-right{margin-left:0}.search{flex:1;min-width:180px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:650px){.brand-grid{width:100%;flex-direction:column}.flow-box{min-height:auto}.header-actions{justify-content:flex-start;flex-wrap:wrap}.connection-pill{width:100%}.section-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-left .btn{flex:1}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.modal-panel{padding:15px}.modal{padding:8px}.table-foot,footer{gap:8px;flex-direction:column}}