@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{color:#dce6f3;font-synthesis:none;background:#09111e;font-family:Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a.button{cursor:pointer;color:#e0eafa;background:#19273c;border:1px solid #34445d;border-radius:9px;padding:10px 15px;text-decoration:none}button:hover,a.button:hover{background:#293b55}button:disabled{opacity:.4;cursor:not-allowed}a{color:#a9d7f5;text-underline-offset:4px}main{max-width:1500px;margin:auto;padding:0 44px}header{border-bottom:1px solid #253349;justify-content:space-between;align-items:center;padding:25px 0;display:flex}.brand{color:#e8cb88;letter-spacing:2px;font-family:Georgia,serif;font-size:24px;text-decoration:none}.brand small{letter-spacing:3px;margin-top:7px;font:10px sans-serif;display:block}.headerlinks{gap:25px;font-size:13px;display:flex}.hero{background:radial-gradient(at 65% 20%,#1b304936,#0000 70%);grid-template-columns:1fr 370px;align-items:center;gap:55px;padding:62px 0 44px;display:grid}.eyebrow{color:#d6b97b;letter-spacing:2px;font-size:11px;font-weight:700}h1{margin:15px 0;font-size:clamp(32px,3.4vw,53px);line-height:1.35}h1 em{color:#87d5d3;font-style:normal}.hero p{color:#a8b9cf;line-height:1.9}.flow{text-align:center;background:linear-gradient(130deg,#24342b88,#152133);border:1px solid #52604a;border-radius:18px;flex-direction:column;gap:9px;padding:25px 30px;display:flex}.flow span{font-size:15px}.flow b{color:#6b849e}.flow strong{color:#b7e9c9}.flow small{color:#8da2b9;margin-top:9px}.toolbar{z-index:4;background:#09111ef5;border-bottom:1px solid #26364d;justify-content:space-between;gap:10px;padding:15px 0;display:flex;position:sticky;top:0}nav{flex-wrap:wrap;gap:6px;display:flex}nav button{background:0 0;border-color:#0000}nav .selected{color:#e9d298;background:#302b21;border-color:#89723d}.demo{color:#c5d8f3;font-size:12px}.demo.on{color:#ffe5a9;background:#533e19}.banner,.message{color:#f2d49d;background:#352b1a;border:1px solid #8c703e;border-radius:12px;margin-top:20px;padding:17px 22px;font-size:14px}.banner button,.message button{margin-left:15px;padding:4px 8px;font-size:11px}.message{color:#c4eff0;background:#123235;border-color:#437d7e}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0;display:grid}.stats article{background:#111e30;border:1px solid #293a52;border-radius:14px;flex-direction:column;padding:24px;display:flex}.stats b{color:#e7d19c;font-size:38px}.stats small,small{color:#91a5bd;font-size:12px;line-height:1.7}.panel{background:#101b2b;border:1px solid #2a3a51;border-radius:16px;margin:24px 0;padding:28px}h2{margin:8px 0 16px;font-size:25px}h3{margin:6px 0 12px;font-size:18px}p{color:#acbbcd;line-height:1.8}.cards{grid-template-columns:repeat(3,1fr);gap:32px;margin:24px 0;display:grid}.cards i{color:#5b8eab;font-size:28px;font-style:normal}.cards p{font-size:14px}.actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px;font-size:13px;display:flex}.primary{font-weight:700;color:#182233!important;background:#dfc38b!important;border-color:#dfc38b!important}.sectionhead{justify-content:space-between;align-items:center;margin-top:35px;display:flex}.sectionhead p{margin:5px 0}.workspace{grid-template-columns:380px 1fr;gap:24px;display:grid}.workspace .panel{min-width:0}label{color:#b7c9dd;margin:12px 0;font-size:12px;display:block}input,select,textarea{color:#e0e8f4;background:#091322;border:1px solid #3a4b62;border-radius:8px;width:100%;max-width:100%;margin-top:6px;padding:10px;display:block}textarea{resize:vertical;min-height:75px}form button{margin:8px 8px 0 0}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.filters{flex-wrap:wrap;align-items:end;gap:20px;margin-bottom:25px;display:flex}.filters label{flex:1;min-width:180px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:570px;font-size:13px}th{color:#8da6c4;text-transform:uppercase;border-bottom:1px solid #4a5c73;padding:12px;font-size:11px;font-weight:500}td{vertical-align:top;border-bottom:1px solid #28384d;padding:18px 12px}td strong{color:#e5d7b4;font-size:14px;display:block}td small{margin-top:7px;display:block}.badge{color:#bfcee2;white-space:nowrap;background:#23354c;border-radius:5px;padding:4px 8px;font-size:10px;display:inline-block}.approved{color:#a8e7c9;background:#1d4439}.pending{color:#f7d993;background:#4b3e1f}.rejected{color:#f0b4c7;background:#4c2935}.warning{color:#efb9a6;font-size:12px}.rowactions button{white-space:nowrap;margin:0 4px 5px 0;padding:6px 9px;font-size:11px}.approve{color:#a8ebcb;border-color:#62b294}.empty{text-align:center;color:#91a6be;padding:45px 15px}.empty p{font-size:13px}.audit{max-height:270px;overflow:auto}.audit p{border-bottom:1px solid #26364d;padding-bottom:12px;font-size:12px}.audit small{word-break:break-all;font-size:10px;display:block}.hours{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.hour{border-bottom:1px solid #26374d;grid-template-columns:60px 1fr;min-height:55px;padding:10px 0;display:grid}.hour b{color:#8399b6;font:12px monospace}.hour span{color:#bdece4;background:#16423f;border-left:2px solid #6cbcaf;margin-bottom:5px;padding:6px 9px;font-size:12px;display:block}.hour small{display:block}.library{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.library article{border:1px solid #304159;border-radius:12px;padding:20px}.library h3{margin-top:15px;font-size:16px}.library p{font-size:13px}.library small{display:block}.library button{font-size:12px}footer{color:#8d9db0;border-top:1px solid #29384d;flex-wrap:wrap;gap:25px;margin-top:35px;padding:35px 0;font-size:11px;display:flex}footer strong{color:#cdb984;letter-spacing:2px}footer p{width:100%;margin:0}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:3px;outline:2px solid #8bdad7}@media (max-width:1000px){main{padding:0 22px}.workspace{grid-template-columns:1fr}.hero{grid-template-columns:1fr 290px;gap:24px}.library{grid-template-columns:1fr 1fr}}@media (max-width:650px){main{padding:0 15px}header{align-items:start}.brand{font-size:18px}.headerlinks{flex-direction:column;gap:10px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:30px}.flow{display:none}.toolbar{flex-direction:column;position:static}.toolbar nav button{padding:9px;font-size:11px}.stats{gap:8px}.stats article{padding:13px}.stats span{font-size:11px}.stats b{font-size:28px}.cards,.library,.hours{grid-template-columns:1fr}.panel{padding:18px}.sectionhead{align-items:start;gap:15px}.sectionhead button{font-size:11px}.two{grid-template-columns:1fr}h2{font-size:22px}}.slots{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.slots button{text-align:left;min-height:62px}.slots b{font-size:12px;display:block}.slots small{color:#e3c88f;font-size:10px;display:block}.slots button:focus{border-color:#dfc38b}@media (max-width:650px){.slots{grid-template-columns:repeat(3,1fr)}}.today-strip{background:linear-gradient(110deg,#1e302d,#172333);border:1px solid #495041;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.today-strip small,.today-strip strong{display:block}.today-strip strong{color:#e5d29e;font-size:19px}.today-strip>span{color:#8cd7cf;font-size:13px;font-weight:700}.toolbar{align-items:start}.toolbar nav{flex:1}.toolbar nav button{padding:9px 10px;font-size:12px}.toolbar>.demo{flex-shrink:0}.month-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.month{background:#0b1524;border:1px solid #31435a;border-radius:13px;padding:20px}.month h3{color:#dbcca6;margin-bottom:18px}.month-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.weekday{text-align:center;color:#8fa1b8;padding:5px;font-size:11px}.day-cell{text-align:center;border-radius:7px;min-height:68px;padding:7px 4px;position:relative}.day-cell b{font-size:14px}.day-cell small,.day-cell em{font-size:9px;font-style:normal;line-height:1.5;display:block}.day-cell.working,.slots .working{color:#d0f6df;background:#174437;border-color:#3f8c6a}.day-cell.working small{color:#97e6ba}.day-cell.idle,.slots .idle{color:#aab4c3;background:#242b36;border-color:#3b4553}.day-cell.today{color:#ffdf8b;box-shadow:inset 0 0 0 2px #f2c86d}.day-cell.chosen{outline-offset:1px;outline:2px solid #86d7e4}.day-cell.obt em{color:#f1d184}.calendar-controls{flex-wrap:wrap;gap:7px;display:flex}.calendar-controls button{font-size:12px}.calendar-legend{color:#bac8d9;flex-wrap:wrap;gap:20px;margin:20px 0;font-size:11px;display:flex}.calendar-legend i{vertical-align:middle;border-radius:3px;width:12px;height:12px;margin-right:7px;display:inline-block}.green{background:#2f9167}.gray{background:#596271}.gold{border:2px solid #e9c16b}.multi-calendar .sectionhead{gap:20px;margin-top:0}.selected-day{border-top:1px solid #35465c;margin-top:25px;padding-top:22px}.selected-day article{background:#17332f;border-left:3px solid #54a37d;border-radius:5px;margin-top:8px;padding:13px 16px}.selected-day article strong,.selected-day article span,.selected-day article small{display:block}.selected-day article span{color:#c3d6ce;margin-top:7px;font-size:12px}.category-chips{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.category-chips .badge{border:1px solid #40516b;font-size:11px}.milestones{grid-template-columns:repeat(3,1fr);gap:20px;padding:15px 0;display:grid}.milestones article{background:#152135;border-top:2px solid #a28c55;padding:20px}.milestones b{color:#cfb878;font-size:12px}.milestones h3{margin-top:12px}.milestones p{font-size:13px}.launch-summary{background:linear-gradient(110deg,#1c2a2d,#172238);border-color:#5e5a3b}.monitor-console{background:#09161d;border:1px solid #46656b;border-radius:13px;padding:25px}.monitor-title{letter-spacing:2px;color:#81d1bd;justify-content:space-between;gap:20px;font:12px monospace;display:flex}.monitor-title span{letter-spacing:0;color:#a8bdcf;font:11px Noto Sans Thai,sans-serif}.monitor-console .stats{margin-bottom:5px}.monitor-console .date-big{font-size:27px}.monitor-console p{font-size:12px}.game-menu-preview{aspect-ratio:644/91;background:#384558;border-radius:8px;width:100%;max-width:644px;margin:25px 0 20px;position:relative;overflow:hidden}.game-menu-preview>img{width:100%;height:100%;display:block}.game-calendar{flex-direction:column;justify-content:center;align-items:center;width:12%;height:85%;line-height:1.2;display:flex;position:absolute;top:9%;left:49%;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.game-calendar svg{filter:drop-shadow(1px 2px #12141b);width:65%;height:65%}.game-calendar strong{color:#fff;text-shadow:2px 2px #08080b,-1px -1px #08080b;font-size:clamp(8px,1.5vw,14px)}.game-calendar>span{color:#fff4bc;background:#d34c2c;border:1px solid #ffd58e;border-radius:50%;width:16px;height:16px;font:700 11px sans-serif;position:absolute;top:3%;right:13%}.slots .working:hover{background:#205d49}.slots .idle:hover{background:#35404f}@media (min-width:1450px){.month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:850px){.toolbar{flex-direction:column;position:static}.month-grid,.milestones{grid-template-columns:1fr}.today-strip{flex-wrap:wrap}.today-strip strong{font-size:16px}.multi-calendar .sectionhead{flex-direction:column;align-items:stretch}}@media (max-width:450px){.month{padding:12px}.day-cell{min-height:58px;padding:5px 1px}.day-cell b{font-size:12px}.month-days{gap:4px}.calendar-controls{gap:5px}.calendar-controls button{padding:8px;font-size:10px}.calendar-legend{gap:10px}.monitor-title{flex-direction:column}.monitor-console{padding:15px}.game-calendar>span{width:10px;height:10px;font-size:8px}.game-calendar strong{font-size:8px}}.reward-picker{background:#0c1928;border:1px solid #486175;border-radius:12px;flex-basis:100%;width:100%;min-width:0;margin:22px 0;padding:18px}.reward-picker legend{color:#e3ce98;padding:0 8px;font-size:14px;font-weight:600}.reward-picker p{margin:7px 0;font-size:11px;line-height:1.7}.reward-picker .two{gap:12px}.reward-picker select{font-size:12px}.reward-add{align-items:end;gap:12px;display:flex}.reward-add label{width:130px}.reward-add button{margin-bottom:12px;font-size:12px}.reward-row{border-bottom:1px solid #30435b;grid-template-columns:1fr 90px 44px;align-items:center;gap:12px;padding:12px 0;display:grid}.reward-row>span strong{color:#e3d7b5;font-size:13px}.reward-row small{word-break:break-all;display:block}.reward-row label{margin:0;font-size:0}.reward-row input{margin:0;font-size:13px}.reward-row button{margin:0;padding:7px;font-size:11px}.reward-list{gap:6px;margin:10px 0;display:grid}.reward-list>div{background:#182d37;border:1px solid #355363;border-radius:7px;grid-template-columns:1fr auto;gap:4px 12px;padding:8px 10px;display:grid}.reward-list strong{color:#cde9e3!important;font-size:12px!important}.reward-list b{color:#edcc7f;font-size:12px}.reward-list small{grid-column:1/-1;font-size:10px;margin:0!important}.reward-picker .reward-disclaimer{color:#a6b6c9;border-top:1px solid #30435b;margin-top:15px;padding-top:12px}@media (max-width:650px){.reward-picker{padding:12px}.reward-picker .two{grid-template-columns:1fr}.reward-row{grid-template-columns:1fr 70px 38px;gap:7px}.reward-add{flex-wrap:wrap}}.reward-picker label{flex:initial!important;min-width:0!important}.reward-picker .reward-add label{width:130px;flex:0 0 130px!important}.reward-picker .reward-row label{width:100%}.reward-row input{width:100%;min-width:0}.reward-row>span{min-width:0}