:root{--ink:#12203a;--muted:#6f7c91;--blue:#315bea;--navy:#101c36;--lime:#cfff52;--bg:#f4f6fa;--line:#e1e5ed;--white:#fff;--green:#0e9f6e;--amber:#e59b15;--red:#dd4d5d;--shadow:0 18px 55px rgba(17,29,55,.1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Thai',sans-serif;font-size:16px}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-art{background:linear-gradient(145deg,#101c36,#2545a7);padding:56px;position:relative;overflow:hidden;color:white}.auth-art:after{content:"";position:absolute;width:520px;height:520px;border:110px solid rgba(207,255,82,.12);border-radius:50%;right:-200px;bottom:-230px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope;font-weight:800;font-size:21px}.mark{width:38px;height:38px;border-radius:12px;background:var(--lime);color:var(--navy);display:grid;place-items:center;font-size:18px}.auth-copy{position:absolute;left:56px;bottom:64px;max-width:550px;z-index:1}.auth-copy h1{font-family:Manrope,'IBM Plex Sans Thai';font-size:52px;line-height:1.12;margin:0 0 20px}.auth-copy p{font-size:20px;line-height:1.7;color:#d8e1ff}.auth-panel{display:grid;place-items:center;padding:40px}.card-auth{width:min(460px,100%);background:white;border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:var(--shadow)}h2{font-size:28px;margin:0 0 8px}.sub{color:var(--muted);margin:0 0 26px}.tabs{display:flex;background:#f1f3f7;padding:4px;border-radius:12px;margin-bottom:24px}.tabs button{flex:1;border:0;background:transparent;padding:10px;border-radius:9px;color:var(--muted);font-weight:600}.tabs .active{background:white;color:var(--ink);box-shadow:0 2px 8px #dfe3eb}.field{margin-bottom:17px}.field label{display:block;font-weight:600;margin-bottom:7px}.field input,.field select{width:100%;border:1px solid #d6dce6;border-radius:11px;padding:12px 14px;outline:none;background:#fff}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #315bea18}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:700}.btn-primary{background:var(--blue);color:white}.btn-dark{background:var(--navy);color:white}.btn-ghost{background:white;border:1px solid var(--line);color:var(--ink)}.btn-lime{background:var(--lime);color:var(--navy)}.full{width:100%}.hint{text-align:center;color:var(--muted);font-size:14px;margin:16px 0 0}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--navy);color:white;padding:25px 18px;position:fixed;inset:0 auto 0 0;width:250px}.sidebar .brand{padding:0 8px 28px}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;color:#aeb9d0;text-align:left;padding:12px 14px;border-radius:11px;display:flex;gap:12px;align-items:center}.nav button.active,.nav button:hover{background:#ffffff12;color:white}.sidebar-foot{position:absolute;bottom:22px;left:20px;right:20px;border-top:1px solid #ffffff1c;padding-top:18px}.avatar{width:36px;height:36px;border-radius:50%;background:#dfe6ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.userline{display:flex;gap:10px;align-items:center}.userline small{display:block;color:#93a2bd}.main{grid-column:2;padding:0 34px 50px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:24px;margin:0}.notice{background:white;border:1px solid var(--line);border-radius:10px;padding:8px 13px;color:var(--muted)}.content{max-width:1440px;margin:auto}.grid{display:grid;gap:20px}.stats{grid-template-columns:repeat(4,1fr)}.stat,.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:22px}.stat .label{color:var(--muted);font-weight:500}.stat .value{font:800 30px Manrope;margin-top:8px}.stat .delta{font-size:13px;color:var(--green)}.progress-card{background:linear-gradient(115deg,#18284e,#274ab6);color:white;border-radius:20px;padding:28px;display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:22px}.progress-card h2{font-size:26px}.steps{display:flex;gap:5px;margin-top:22px}.step{height:7px;background:#ffffff25;border-radius:8px;flex:1}.step.done{background:var(--lime)}.step-labels{display:flex;justify-content:space-between;color:#c8d2e8;font-size:13px;margin-top:9px}.eyebrow{font:700 12px Manrope;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}.pricebox{text-align:right}.pricebox strong{font:800 32px Manrope}.two{grid-template-columns:1.6fr 1fr}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h3{margin:0;font-size:19px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.green{background:#e6f8f1;color:#087b58}.amber{background:#fff3dc;color:#a56700}.red{background:#ffe9ec;color:#b72c3e}.blue{background:#eaf0ff;color:#315bea}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-size:13px}.doc-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.doc-row:last-child{border:0}.doc-icon{width:38px;height:38px;border-radius:10px;background:#eef2ff;display:grid;place-items:center;color:var(--blue)}.company-form{grid-template-columns:1fr 1fr}.section-title{grid-column:1/-1;margin:6px 0 0}.upload{border:1.5px dashed #bfc8d8;border-radius:14px;padding:25px;text-align:center;color:var(--muted);grid-column:1/-1;background:#fafbfc}.paybox{display:grid;grid-template-columns:1fr 1fr;gap:20px}.summary-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.summary-line.total{font-size:20px;font-weight:800;border:0}.qr{aspect-ratio:1;width:200px;margin:auto;background:repeating-conic-gradient(#13203a 0 25%,white 0 50%) 0/18px 18px;border:14px solid white;box-shadow:0 0 0 1px var(--line)}.floor-wrap{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.floor-toolbar{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.legend{display:flex;gap:16px;color:var(--muted);font-size:13px}.dot{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:6px}.floor{display:grid;grid-template-columns:1fr 280px;min-height:650px}.map{padding:25px;overflow:auto;background:#f8f9fc;position:relative}.mapgrid{min-width:850px;background:white;border-radius:14px;padding:35px;display:grid;grid-template-columns:repeat(14,1fr);gap:7px;min-height:560px;position:relative}.booth{height:33px;border:1px solid #b9c4d5;background:#edf1f6;color:#637086;border-radius:4px;font:700 10px Manrope}.booth.available{background:#dff6ab;border-color:#aaca5f;color:#45600e}.booth.selected{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 0 0 3px #315bea30}.booth.sold{background:#e6e9ef;color:#a7afbd;border-color:#d7dce4;text-decoration:line-through}.stage{grid-column:11/15;grid-row:4/9;background:#263d78;color:white;border-radius:10px;display:grid;place-items:center;font-weight:800}.zone{grid-column:1/5;grid-row:5/11;background:#f3b06d55;border:1px dashed #e18d38;border-radius:10px;display:grid;place-items:center;color:#a45b19;font-weight:700}.selection{border-left:1px solid var(--line);padding:22px}.selection h3{margin-top:0}.choice{border:1px solid var(--line);padding:13px;border-radius:12px;margin:10px 0;display:flex;justify-content:space-between}.lock{text-align:center;padding:55px 15px;color:var(--muted)}.lock .big{font-size:46px}.admin-toggle{position:fixed;right:18px;bottom:18px;background:var(--navy);color:white;border:0;border-radius:999px;padding:11px 16px;box-shadow:var(--shadow);z-index:8}.kanban{grid-template-columns:repeat(4,1fr)}.kan-col{background:#eef1f6;border-radius:16px;padding:14px}.kan-col h4{margin:2px 2px 12px}.lead{background:white;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}.lead strong{display:block}.lead small{color:var(--muted)}.modal-bg{position:fixed;inset:0;background:#0d1736aa;display:grid;place-items:center;z-index:20;padding:20px}.modal{background:white;width:min(520px,100%);padding:28px;border-radius:20px;box-shadow:var(--shadow)}.modal h3{margin-top:0}.actions{display:flex;gap:10px;justify-content:flex-end}.empty{padding:45px;text-align:center;color:var(--muted)}@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.two,.floor,.paybox{grid-template-columns:1fr}.selection{border-left:0;border-top:1px solid var(--line)}.kanban{grid-template-columns:1fr 1fr}.auth-art{display:none}.auth{grid-template-columns:1fr}.shell{grid-template-columns:82px 1fr}.sidebar{width:82px}.sidebar .brand span,.nav span,.sidebar-foot .userline div{display:none}.main{grid-column:2;padding:0 18px}.sidebar .brand{justify-content:center}.nav button{justify-content:center}.sidebar-foot{left:22px}}@media(max-width:650px){.stats,.company-form,.kanban{grid-template-columns:1fr}.progress-card{grid-template-columns:1fr}.pricebox{text-align:left;margin-top:20px}.main{padding:0 12px 35px}.topbar{height:65px}.topbar h1{font-size:19px}.card-auth{padding:26px}.auth-panel{padding:18px}.table{display:block;overflow:auto}.legend{display:none}}