@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#172033;font-synthesis:none;background:#f5f7fb;font-family:DM Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}aside{color:#d5dbea;z-index:20;background:#111827;flex-direction:column;width:235px;padding:26px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 28px;display:flex}.logo{color:#fff;background:linear-gradient(145deg,#f44,#d71920);border-radius:11px;place-items:center;width:38px;height:38px;font-size:19px;font-weight:800;display:grid;box-shadow:0 7px 18px #c114}.brand b{color:#fff;font-size:14px;display:block}.brand small{color:#8290a8;margin-top:2px;font-size:11px;display:block}nav{gap:5px;display:grid}nav button,.sidefoot button{color:#9aa5ba;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;display:flex}nav button:hover,nav button.active{color:#fff;background:#253047}.sidefoot{border-top:1px solid #273246;margin-top:auto;padding-top:12px}.sidefoot button{width:100%;padding:8px 12px}.close,.hamb{display:none}main{flex:1;min-width:0;margin-left:235px}header{z-index:10;background:#fff;border-bottom:1px solid #e8ebf1;justify-content:space-between;align-items:center;height:90px;padding:0 34px;display:flex;position:sticky;top:0}header h1{margin:0;font-size:22px}header p{color:#8490a4;margin:3px 0 0;font-size:12px}.primary,.outline,.danger{border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#e52c34;box-shadow:0 5px 13px #e52c3433}.primary:disabled{opacity:.45}.outline{color:#344056;background:#fff;border:1px solid #dbe0e9}.danger{color:#d92632;background:#fff0f1}.content{max-width:1600px;margin:auto;padding:28px 34px}.hero{color:#fff;background:linear-gradient(110deg,#1b2740,#27395d);border-radius:17px;justify-content:space-between;align-items:center;padding:27px 31px;display:flex;box-shadow:0 15px 35px #19264118}.hero span,.livehero small,.guideintro small{letter-spacing:1.6px;color:#91a3c5;font-size:10px;font-weight:700}.hero h2{margin:8px 0 7px;font-size:25px}.hero p{color:#c1cad9;max-width:650px;margin:0;font-size:13px}.heroStat{text-align:center;border-left:1px solid #ffffff28;padding:5px 35px}.heroStat b{font-size:32px;display:block}.heroStat small{color:#b9c4d5}.sectionTitle{margin:27px 0 12px;font-size:14px}.statgrid{grid-template-columns:repeat(8,1fr);gap:10px;display:grid}.stat{background:#fff;border:1px solid #e9edf3;border-radius:12px;min-width:0;padding:13px 14px;position:relative;overflow:hidden}.stat span{color:#738096;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;font-size:10px;display:block;overflow:hidden}.stat b{margin-top:6px;font-size:23px;display:block}.stat i{background:#e52c34;border-radius:5px;height:3px;position:absolute;bottom:0;left:0}.dashgrid{grid-template-columns:1fr 1.4fr;gap:16px;margin-top:18px;display:grid}.panel{background:#fff;border:1px solid #e8ecf2;border-radius:14px;padding:20px}.panel h3{margin:0 0 17px;font-size:14px}.mix{gap:14px;display:grid}.mixrow{align-items:center;gap:10px;display:flex}.mixrow b{margin-left:auto}.mixrow small{color:#8a95a7;width:75px}.track{background:#edf0f4;border-radius:5px;height:5px;margin-top:6px}.track i{border-radius:5px;height:100%;display:block}.pill{letter-spacing:.5px;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:800;display:inline-flex}.next,.contentrow{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.next:hover,.contentrow:hover{background:#f6f8fb}.next>span:last-child,.contentrow{min-width:0}.next b,.contentrow b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.next small,.contentrow small{color:#8c97a8;margin-top:5px;display:block}.datebox{text-align:center;border:1px solid #e2e6ed;border-radius:8px;min-width:43px;padding:5px}.datebox b{font-size:15px}.datebox small{text-transform:uppercase;margin:0;font-size:9px}.kanban{align-items:flex-start;gap:12px;padding-bottom:20px;display:flex;overflow-x:auto}.column{background:#ebeff5;border-radius:12px;width:252px;min-width:252px;min-height:290px;padding:10px}.colhead{text-transform:uppercase;color:#59667a;justify-content:space-between;padding:5px 4px 12px;font-size:10px;font-weight:700;display:flex}.colhead b{background:#dce2eb;border-radius:9px;padding:2px 7px}.column article{background:#fff;border:1px solid #e0e5ec;border-radius:10px;margin-bottom:8px;padding:13px;box-shadow:0 3px 8px #23304a0a}.column article:hover{border-color:#b7c2d3;transform:translateY(-1px)}.column h4{margin:8px 0;font-size:12px;line-height:1.45}.column p,.column small{color:#8994a5;margin:0;font-size:10px}.column small{margin-top:8px;display:block}.filters{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.filters select,.filters .outline{height:40px}.search{color:#8792a4;background:#fff;border:1px solid #dce2ea;border-radius:9px;align-items:center;min-width:250px;padding:0 11px;display:flex}.search input{border:0;outline:0;width:100%;padding:9px}.filters>select,.form select{color:#546075;background:#fff;border:1px solid #dce2ea;border-radius:9px;padding:0 11px;font-size:12px}.tablewrap{background:#fff;border:1px solid #e5e9ef;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;color:#8792a3;text-transform:uppercase;letter-spacing:.5px;background:#fafbfc;padding:13px 16px;font-size:9px}td{color:#536075;border-top:1px solid #edf0f4;padding:13px 16px;font-size:12px}tr:hover td{background:#fafbfe}td:first-child{max-width:360px}td b{color:#263248;font-size:12px;display:block}td small{color:#99a2b1;margin-top:4px;display:block}.statusdot{background:#f2994a;border-radius:50%;width:7px;height:7px;display:inline-block}.result,.hint{color:#8b96a8;font-size:11px}.calbar{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.calbar>div{align-items:center;gap:10px;display:flex}.calbar button{background:#fff;border:1px solid #dfe4ec;border-radius:7px;place-items:center;padding:5px;display:grid}.calbar svg{width:16px}.calbar b{text-transform:capitalize;text-align:center;min-width:160px;font-size:15px}.seg{background:#e8ecf2;border-radius:8px;padding:3px}.seg button{font-size:11px;background:0 0!important;border:0!important}.seg button.on{box-shadow:0 2px 6px #0001;background:#fff!important}.calendar{background:#fff;border:1px solid #e2e7ef;border-radius:12px;overflow:hidden}.weekdays,.days{grid-template-columns:repeat(7,1fr);display:grid}.weekdays b{text-align:center;color:#8b95a6;border-bottom:1px solid #e8ebf0;padding:11px;font-size:9px}.day{border-bottom:1px solid #edf0f4;border-right:1px solid #edf0f4;min-height:122px;padding:7px;position:relative}.day>span{color:#8b95a5;font-size:10px}.day button{text-align:left;background:#f5f7fa;border:0;border-left:3px solid;border-radius:5px;width:100%;margin-top:5px;padding:5px;font-size:9px;display:block}.day .pill{margin-right:3px;font-size:7px}.drop{z-index:-1;position:absolute;inset:0}.day:has(.drop):hover .drop{z-index:0;background:#3874f208}.calendar.week .days .day:nth-child(n+8){display:none}.calendar.week .day{min-height:360px}.livehero{color:#fff;background:linear-gradient(110deg,#421821,#7c222a);border-radius:16px;align-items:center;gap:17px;padding:26px 30px;display:flex}.livehero h2{margin:5px 0;font-size:24px}.livehero p{color:#e9bac0;margin:0;font-size:13px}.steps{color:#596579;padding-left:22px;font-size:12px;line-height:2}.contentrow{flex-wrap:wrap}.contentrow b{flex:1}.contentrow small{width:100%;padding-left:55px}.guideintro{text-align:center;padding:25px}.guideintro h2{margin:8px;font-size:26px}.guideintro p{color:#738096;max-width:570px;margin:auto;font-size:13px}.guidegrid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.guidegrid article{background:#fff;border:1px solid #e4e9f0;border-top:4px solid;border-radius:13px;padding:22px}.guidegrid h3{font-size:16px}.guidegrid blockquote{color:#657186;background:#f7f8fa;border-radius:8px;margin:14px 0;padding:12px;font-size:12px}.guidegrid p{color:#6c788c;font-size:12px;line-height:1.7}.guidegrid h4{text-transform:uppercase;font-size:10px}.lines{white-space:pre-line}.overlay{z-index:50;background:#11182788;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#f7f8fa;flex-direction:column;width:min(760px,94vw);height:100%;display:flex;box-shadow:-20px 0 50px #0003}.drawhead{background:#fff;border-bottom:1px solid #e5e9ef;justify-content:space-between;padding:20px 25px;display:flex}.drawhead small{color:#929cad;letter-spacing:1px;font-size:9px}.drawhead h2{margin:4px 0 0;font-size:19px}.drawhead button{background:0 0;border:0}.form{padding:20px 25px;overflow:auto}.form fieldset{border:0;margin:0 0 21px;padding:0}.form legend{text-transform:uppercase;color:#e02c35;letter-spacing:1px;margin-bottom:11px;font-size:10px;font-weight:700}.formgrid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.form label{display:block}.form label.wide{grid-column:1/-1}.form label span{color:#667287;margin:0 0 5px;font-size:10px;font-weight:600;display:block}.form input,.form textarea,.form select{color:#28344a;background:#fff;border:1px solid #dce2ea;border-radius:8px;outline:none;width:100%;padding:9px 11px;font-size:12px}.form textarea{resize:vertical;min-height:77px}.form input:focus,.form textarea:focus,.form select:focus{border-color:#668bdc;box-shadow:0 0 0 3px #3b70dd12}.drawfoot{background:#fff;border-top:1px solid #e1e6ed;gap:9px;padding:13px 22px;display:flex}.drawfoot span{flex:1}.empty{text-align:center;color:#909bac;padding:38px;font-size:12px}@media (width<=1100px){.statgrid{grid-template-columns:repeat(4,1fr)}.dashgrid{grid-template-columns:1fr}.content{padding:22px}.guidegrid{grid-template-columns:1fr 1fr}}@media (width<=760px){aside{transition:all .2s;transform:translate(-100%)}aside.open{transform:none}.close{color:#fff;background:0 0;border:0;margin-left:auto;display:block}.hamb{background:0 0;border:0;margin-right:12px;display:block}main{margin-left:0}header{justify-content:flex-start;height:76px;padding:0 16px}header>div{flex:1}header p{display:none}.content{padding:15px}.statgrid{grid-template-columns:repeat(2,1fr)}.hero{padding:20px}.heroStat{display:none}.guidegrid,.formgrid{grid-template-columns:1fr}.form label.wide{grid-column:auto}.drawer{width:100vw}.calendar{overflow:auto}.weekdays,.days{min-width:720px}}
