*{box-sizing:border-box}body{margin:0;font-family:Tahoma,"Noto Sans Thai",sans-serif;color:#eef2f7;background:#080b0f}input,textarea,button{font:inherit}.admin{background:#090d11}.app{display:grid;grid-template-columns:278px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid #7c5b1b;background:linear-gradient(180deg,#0b1015,#070a0e)}.sidebrand,.brand{display:flex;align-items:center;gap:12px}.sidebrand img,.brand img{width:70px;height:70px;object-fit:contain}.sidebrand b{font-family:Georgia,serif;font-style:italic;color:#e3b440;font-size:26px}.sidebrand small,.brand small{display:block;letter-spacing:2px;color:#b9c0cb}.brandmark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d2a235,#1b1b1b);color:#fff;font-size:30px;font-weight:900}.sidebar nav{display:grid;gap:7px;margin-top:30px}.sidebar nav a{padding:13px 15px;border-radius:9px;color:#d7dbe0;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#c69326,#e5bd57);color:#111}.contact{position:absolute;left:18px;right:18px;bottom:20px;border:1px solid #8f691d;border-radius:12px;padding:16px;display:grid;gap:8px;color:#bfc5cc}.contact b{color:#e5b84f}.content{padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:32px}.topbar h1 em{font-style:normal;font-size:14px;border:1px solid #b98a29;color:#e6b84e;border-radius:8px;padding:5px 8px}.topbar p{color:#8f98a5;margin:5px 0}.topbar a{background:#b3821e;color:#fff;text-decoration:none;padding:10px 15px;border-radius:8px}.alert{margin:15px 0;padding:12px;border-radius:8px;background:#153c28;color:#7ee2a8}.alert.bad{background:#481d22;color:#ff9ca6}.statcards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:24px 0}.statcards article,.panel{background:linear-gradient(145deg,#171c21,#101419);border:1px solid #293038;border-radius:12px;box-shadow:0 12px 30px #0004}.statcards article{padding:19px}.statcards span{color:#c4c9cf}.statcards b{display:block;font-size:32px;margin:8px 0}.statcards small{color:#7d8793}.statcards .green b{color:#35c664}.statcards .red b{color:#ff4e58}.charts{display:grid;grid-template-columns:2fr 1fr;gap:14px}.panel{padding:17px;margin-bottom:14px}.panel h2{margin:0 0 15px;font-size:18px}.bars{height:200px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #333;padding-top:20px}.bars>div{height:100%;display:flex;flex-direction:column-reverse;align-items:center;gap:6px}.bars span{width:28px;background:linear-gradient(#f0bd48,#7f5813);border-radius:5px 5px 0 0}.bars small{color:#89939f}.donutpanel{text-align:center}.donut{--p:0%;margin:20px auto;width:150px;height:150px;border-radius:50%;background:conic-gradient(#37bd5b var(--p),#ef4444 0);position:relative;display:grid;place-items:center}.donut:before{content:"";position:absolute;inset:24px;background:#14191e;border-radius:50%}.donut b,.donut small{position:relative;z-index:1}.donut b{font-size:30px}.donut small{display:block}.green-dot,.red-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.green-dot{background:#37bd5b}.red-dot{background:#ef4444}.forms{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.panel form{display:grid;gap:10px}.panel input,.panel textarea,.listhead input,.login input{width:100%;background:#11161b;color:#eef2f7;border:1px solid #343b43;border-radius:8px;padding:11px}.panel button,.listhead button,.login button{border:0;border-radius:8px;padding:11px;background:linear-gradient(90deg,#b17e18,#d7a837);color:#fff;font-weight:800;cursor:pointer}.twocol{grid-template-columns:1fr 1fr}.twocol button{grid-column:1/-1}.paste summary{cursor:pointer}.paste form{margin-top:15px}.listhead{display:flex;justify-content:space-between;gap:16px;align-items:end}.listhead h2{margin-bottom:9px}.tabs{display:flex;gap:5px}.tabs a{padding:8px 11px;background:#11161b;color:#c7cdd3;text-decoration:none;border-radius:7px}.tabs a.on{background:#b48420;color:#fff}.listhead form{display:grid;grid-template-columns:minmax(250px,450px) auto}.tablewrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse;min-width:1150px}th,td{padding:12px 10px;border-bottom:1px solid #293038;text-align:left;vertical-align:top}th{color:#aeb6bf;font-weight:600}td small{display:block;color:#7f8995;margin-top:4px}code{color:#f0b832}.opened,.notopen{display:inline-block;padding:5px 8px;border-radius:6px}.opened{background:#12462a;color:#68e391}.notopen{background:#4c1e23;color:#ff8991}.actions{display:flex;gap:5px;align-items:center}.actions button,.actions a{border:0;border-radius:6px;background:#20272e;color:#e5e7eb;padding:7px;text-decoration:none;cursor:pointer}.actions form{display:flex;gap:5px}.actions .danger{background:#542127;color:#ff9ba3}.login{width:min(420px,calc(100% - 30px));margin:13vh auto;text-align:center;background:#151a20;border:1px solid #303842;border-radius:16px;padding:28px}.login .brandmark{margin:auto}.login form{display:grid;gap:10px}.customer{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 85%,#136e66,#102637 52%,#07131c)}.track-card{width:min(560px,100%);background:#fff;color:#172033;border-radius:26px;padding:27px;box-shadow:0 28px 90px #0008}.brand{border-bottom:1px solid #dfe4ea;padding-bottom:17px}.brand b{font-size:24px}.brand img{width:62px;height:62px}.state{width:70px;height:70px;border-radius:50%;margin:22px auto 8px;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-size:36px;font-weight:900}.state.bad{background:#fee2e2;color:#b91c1c}.state.box{font-size:32px}.track-card h1{text-align:center}.track-card>p{text-align:center;color:#64748b;line-height:1.7}.status-pill{width:max-content;margin:18px auto 0;padding:7px 13px;background:#fff0c8;color:#875b00;border-radius:999px;font-weight:bold}.parcel-info{border:1px solid #e2e8f0;border-radius:15px;overflow:hidden;margin:20px 0}.parcel-info div{display:flex;justify-content:space-between;gap:15px;padding:13px;border-bottom:1px solid #e2e8f0}.parcel-info div:last-child{border:0}.parcel-info span{color:#64748b}.timeline{margin:20px 0}.timeline>div{display:flex;gap:12px;min-height:60px}.timeline i{width:15px;height:15px;border-radius:50%;background:#cbd5e1;margin-top:3px;position:relative}.timeline i:after{content:"";position:absolute;top:15px;left:6px;width:2px;height:45px;background:#e2e8f0}.timeline>div:last-child i:after{display:none}.timeline .done i{background:#16a34a}.timeline small,.steps small{display:block;color:#64748b;margin-top:4px}.goldbtn,.outline{display:block;width:100%;padding:13px;border-radius:10px;text-align:center;text-decoration:none;font-weight:800;cursor:pointer}.goldbtn{background:linear-gradient(90deg,#a87818,#242424);color:#fff;margin-top:9px}.outline{background:#fff;border:1px solid #cbd5e1;color:#1e293b}.privacy{text-align:center;color:#64748b;font-size:12px;margin-top:16px}.steps{display:grid;gap:9px;margin:20px 0}.steps>div{display:flex;gap:11px;padding:13px;border:1px solid #e2e8f0;border-radius:12px}.steps em{font-style:normal;width:27px;height:27px;border-radius:50%;background:#b17e18;color:#fff;display:grid;place-items:center;font-weight:bold}.notice{padding:12px;background:#fff7ed;color:#9a3412;border-radius:10px;margin-bottom:13px}@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.contact{display:none}.statcards{grid-template-columns:repeat(2,1fr)}.forms{grid-template-columns:1fr}.charts{grid-template-columns:1fr}}@media(max-width:650px){.content{padding:16px}.sidebar nav{grid-template-columns:1fr 1fr}.statcards{grid-template-columns:1fr 1fr}.topbar h1{font-size:24px}.listhead{flex-direction:column;align-items:stretch}.listhead form{grid-template-columns:1fr auto}.twocol{grid-template-columns:1fr}.twocol button{grid-column:auto}}
/* PIE3.141 TRACKING V7 */
.actions .editbtn{background:linear-gradient(90deg,#9b6e13,#d3a334);color:#fff;font-weight:700}
.modal-v7{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:#000a;backdrop-filter:blur(5px)}
.modal-v7.show{display:flex}
.modal-card-v7{width:min(620px,100%);background:linear-gradient(145deg,#181e24,#0e1318);border:1px solid #8b671f;border-radius:16px;box-shadow:0 30px 100px #000c;overflow:hidden}
.modal-head-v7{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid #303841}
.modal-head-v7 small{color:#dcae43;letter-spacing:1.5px}
.modal-head-v7 h2{margin:5px 0 0}
.modal-close-v7{width:38px;height:38px;border-radius:50%;border:1px solid #3d4650;background:#171d23;color:#fff;font-size:25px;cursor:pointer}
.edit-form-v7{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px}
.edit-form-v7 label{display:grid;gap:7px;color:#bfc6ce;font-size:13px}
.edit-form-v7 input{width:100%;background:#0d1217;color:#fff;border:1px solid #343d46;border-radius:9px;padding:12px}
.edit-form-v7 input:focus{outline:none;border-color:#c79327;box-shadow:0 0 0 3px #c7932725}
.modal-actions-v7{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:5px}
.modal-actions-v7 button{border:0;border-radius:9px;padding:11px 18px;background:linear-gradient(90deg,#ad7b17,#d7aa3b);color:#fff;font-weight:800;cursor:pointer}
.modal-actions-v7 .cancel-v7{background:#242b32;color:#d8dde2}
@media(max-width:620px){.edit-form-v7{grid-template-columns:1fr}.modal-actions-v7{grid-column:auto}}

/* V7.4 delete controls */
.list-tools-v74{display:flex;gap:8px;align-items:end}
.list-tools-v74>form:first-child{display:grid;grid-template-columns:minmax(250px,450px) auto}
.list-tools-v74>form:last-child{display:block}
.delete-all-v74{background:#7f1d1d!important;color:#fff!important;white-space:nowrap}
.delete-all-v74:hover{background:#991b1b!important}
@media(max-width:800px){
  .list-tools-v74{flex-direction:column;align-items:stretch}
  .list-tools-v74>form:first-child{grid-template-columns:1fr auto}
}

/* PIE3.141 TRACKING V8 PRO */
.statcards .gold b{color:#e9b83d}
.v8-insights{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.province-list-v8{display:grid;gap:12px}
.province-list-v8>div{display:grid;grid-template-columns:120px 1fr 35px;gap:10px;align-items:center}
.province-list-v8 i{height:10px;background:#252b31;border-radius:999px;overflow:hidden}
.province-list-v8 i b{display:block;height:100%;background:linear-gradient(90deg,#9c6e12,#e5b746)}
.repeat-list-v8{display:grid;gap:8px}
.repeat-list-v8 button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px;border:1px solid #2d343b;background:#10151a;color:#fff;border-radius:9px;text-align:left}
.repeat-list-v8 small{display:block;color:#7f8995;margin-top:4px}
.customer-link-v8{border:0;background:transparent;color:#fff;text-align:left;padding:0;cursor:pointer}
.customer-link-v8 small{display:block}
.line-share-v8{background:#123f25!important;color:#72e79b!important}
.customer-card-v8{width:min(760px,100%)}
.customer-summary-v8{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 22px}
.customer-summary-v8>div{background:#0d1217;border:1px solid #303841;border-radius:10px;padding:13px}
.customer-summary-v8 span{display:block;color:#8c96a1;font-size:12px}
.customer-summary-v8 b{display:block;margin-top:5px;font-size:20px}
.customer-history-v8{max-height:420px;overflow:auto;padding:0 22px 22px}
.history-item-v8{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #293038}
.history-item-v8 small{display:block;color:#7f8995;margin-top:4px}
@media(max-width:900px){.v8-insights{grid-template-columns:1fr}.customer-summary-v8{grid-template-columns:1fr 1fr}}

/* PIE3.141 TRACKING V9 PRO */
.statcards{grid-template-columns:repeat(6,1fr)}
.statcards .violet b{color:#b88cff}
.chart30-v9{margin-top:14px}
.bars30-v9{height:205px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #333;overflow-x:auto;padding:20px 5px 0}
.bars30-v9>div{min-width:22px;height:100%;display:flex;flex-direction:column-reverse;align-items:center;gap:5px}
.bars30-v9 span{width:16px;background:linear-gradient(#e9ba47,#68450a);border-radius:4px 4px 0 0}
.bars30-v9 small{font-size:9px;color:#727d88;transform:rotate(-55deg);margin-bottom:8px}
.status-form-v9 select{background:#11161b;color:#fff;border:1px solid #343d46;border-radius:7px;padding:7px;max-width:130px}
.fav-v9{color:#818b96!important}
.fav-v9.on{color:#ffd447!important;background:#3b300e!important}
.activity-v9{margin-top:14px}
.activity-v9 header p{color:#7f8995}
.activity-list-v9{display:grid;gap:8px;max-height:440px;overflow:auto}
.activity-list-v9>div{display:flex;gap:11px;align-items:center;padding:11px;border:1px solid #293038;border-radius:9px;background:#10151a}
.activity-icon-v9{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#b3811e;color:#fff;font-weight:900}
.activity-list-v9 small{display:block;color:#7f8995;margin-top:4px}
.vip-badge-v9{margin:12px auto;padding:9px 13px;width:max-content;max-width:100%;border-radius:999px;background:linear-gradient(90deg,#7b4b00,#d3a226);color:#fff;font-weight:900;text-align:center}
.vip-badge-v9.regular{background:linear-gradient(90deg,#315e3c,#1c8a4b)}
.timeline .done i{background:#16a34a!important}
@media(max-width:1250px){.statcards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.statcards{grid-template-columns:1fr 1fr}}

/* PIE3.141 TRACKING V10 ENTERPRISE */
.statcards{grid-template-columns:repeat(7,1fr)}
.statcards .blue b{color:#63a8ff}
.status-summary-v10{margin-top:14px}
.status-cards-v10{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}
.status-cards-v10>div{padding:13px;border:1px solid #303841;border-radius:10px;background:#10151a}
.status-cards-v10 span{display:block;color:#9ba5af;font-size:12px}
.status-cards-v10 b{display:block;font-size:25px;margin-top:5px}
.status-cards-v10 .preparing b{color:#eab308}
.status-cards-v10 .shipped b{color:#3b82f6}
.status-cards-v10 .accepted b{color:#06b6d4}
.status-cards-v10 .transit b{color:#a855f7}
.status-cards-v10 .out_for_delivery b{color:#f97316}
.status-cards-v10 .delivered b{color:#22c55e}
.status-cards-v10 .cancelled b{color:#ef4444}
.filters-v10{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.filters-v10 select,.filters-v10 button{background:#11161b;color:#fff;border:1px solid #343d46;border-radius:8px;padding:9px 12px}
.filters-v10 label{color:#c1c7ce}
.avatar-v10{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d9a52f,#80570c);color:#fff;font-weight:900;font-size:18px;flex:0 0 auto}
.customer-link-v8{display:flex!important;gap:9px;align-items:center}
.customer-text-v10{text-align:left}
.status-form-v9 select{font-size:12px}
.timeline-v10>div{position:relative}
.timeline-v10>div.done i{background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.14)}
.timeline-v10>div.cancelled i{background:#ef4444!important}
@media(max-width:1300px){
  .statcards{grid-template-columns:repeat(4,1fr)}
  .status-cards-v10{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .statcards{grid-template-columns:1fr 1fr}
  .status-cards-v10{grid-template-columns:1fr 1fr}
  .filters-v10{flex-direction:column;align-items:stretch}
}

/* PIE3.141 V11 */
.carrier-badge-v11{display:inline-block;padding:3px 7px;border-radius:999px;background:#111827;color:#fbbf24;font-size:11px;letter-spacing:.4px}
.qr-card-v11{margin:18px 0;padding:18px;text-align:center;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.qr-card-v11 h2{margin:0 0 10px}.qr-card-v11 img{width:180px;max-width:70%;border-radius:10px}.qr-card-v11 p{font-size:12px;color:#64748b}
.history-v11{margin:18px 0;border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden}.history-v11 summary{cursor:pointer;padding:14px;font-weight:800}.history-list-v11{padding:0 12px 12px}.history-list-v11 article{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px;border-top:1px solid #eef2f7}.history-list-v11 small{display:block;color:#64748b;margin-top:3px}.history-list-v11 a{text-decoration:none;background:#111827;color:#fff;padding:7px 10px;border-radius:8px;font-size:12px}
.status-mini-v11{font-size:11px;padding:5px 8px;border-radius:999px;background:#e2e8f0}.status-mini-v11.delivered{background:#dcfce7;color:#166534}.status-mini-v11.cancelled{background:#fee2e2;color:#991b1b}.status-mini-v11.transit,.status-mini-v11.out_for_delivery{background:#ede9fe;color:#6d28d9}
.settings-page-v11{max-width:900px;margin:40px auto;padding:24px;color:#e5e7eb}.settings-page-v11 h1{font-size:32px}.back-v11{color:#fbbf24;text-decoration:none}.api-status-v11{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.api-status-v11>div{padding:16px;border-radius:12px;background:#151b21;border:1px solid #303841}.api-status-v11 b,.api-status-v11 span{display:block}.api-status-v11 span{margin-top:6px;color:#9ca3af}.api-status-v11 .ready{border-color:#15803d}.api-status-v11 .ready span{color:#4ade80}.settings-form-v11{display:grid;gap:14px;background:#11161b;border:1px solid #303841;padding:20px;border-radius:14px}.settings-form-v11 label{display:grid;gap:7px;font-weight:800}.settings-form-v11 input,.settings-form-v11 textarea{width:100%;box-sizing:border-box;background:#0b1015;color:#fff;border:1px solid #374151;border-radius:9px;padding:12px}.settings-form-v11 button{padding:13px;background:#d4a72c;border:0;border-radius:9px;font-weight:900}.notice-v11{margin-top:18px;padding:16px;background:#2a2009;border:1px solid #7c5a0c;border-radius:12px}.manual-grid select{min-height:42px}
@media(max-width:700px){.api-status-v11{grid-template-columns:1fr}.history-list-v11 article{grid-template-columns:1fr}.history-list-v11 a{text-align:center}}

/* V12 AUTO LINE OA */
.inline-form-v12{display:inline}
.inline-form-v12 button{background:#06c755!important;color:#fff!important;border-color:#06c755!important}
.settings-test-v12 form{display:flex;gap:10px;align-items:center}
.settings-test-v12 input{flex:1;padding:12px;border-radius:9px;border:1px solid #39434d;background:#0b1116;color:#fff}
.settings-test-v12 button{padding:12px 18px;border:0;border-radius:9px;background:#06c755;color:#fff;font-weight:800}
.settings-page-v11 code{background:#111820;padding:5px 8px;border-radius:6px;color:#66e092}
.settings-form-v11 small,.settings-test-v12 small{color:#98a2ad}

/* V13 LINE PRO */
.api-status-v11{grid-template-columns:repeat(4,1fr)}
.settings-page-v11 .goldbtn{display:inline-block;text-decoration:none}
@media(max-width:800px){.api-status-v11{grid-template-columns:1fr 1fr}}

/* V13.2 Stable */
.line-system-grid-v132{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.line-system-grid-v132>div{padding:15px;border:1px solid #27313a;border-radius:12px;background:#111820}
.line-system-grid-v132 span{display:block;color:#95a0aa;font-size:13px;margin-bottom:7px}
.line-system-grid-v132 b{color:#e5b436}
.api-status-v11{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:800px){
 .line-system-grid-v132{grid-template-columns:1fr 1fr}
 .api-status-v11{grid-template-columns:1fr 1fr}
}

/* V14 Real-time */
.realtime-indicator-v14{margin:15px auto 0;text-align:center;color:#137d4a;font-size:13px;font-weight:800}
.realtime-indicator-v14 i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#19b66a;margin-right:6px;box-shadow:0 0 0 0 rgba(25,182,106,.5);animation:livePulseV14 1.8s infinite}
@keyframes livePulseV14{70%{box-shadow:0 0 0 9px rgba(25,182,106,0)}100%{box-shadow:0 0 0 0 rgba(25,182,106,0)}}