*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#07111f;color:#eaf2ff;min-height:100vh}a{color:inherit;text-decoration:none}.orb{position:fixed;border-radius:999px;filter:blur(80px);opacity:.2;pointer-events:none}.o1{width:420px;height:420px;background:#1366ff;left:-120px;top:-120px}.o2{width:520px;height:520px;background:#14b8a6;right:-180px;bottom:-180px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid #1e3148;background:rgba(5,13,24,.86);backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#2563eb,#14b8a6);box-shadow:0 8px 28px #0b64ff44}.brand b{display:block}.brand span,.muted{color:#8ca1bb;font-size:12px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#b7c8dc}.sidebar nav a:hover{background:#122238;color:#fff}.sidefoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#8ca1bb}.logout{color:#ff8d8d}.content{padding:30px;max-width:1600px;width:100%}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#67e8f9;font-weight:800}.top h1{font-size:30px;margin:5px 0 6px}.top p{margin:0;color:#8ca1bb}.glass{border:1px solid #1c3550;background:linear-gradient(180deg,rgba(17,34,55,.88),rgba(10,23,39,.88));box-shadow:0 14px 42px rgba(0,0,0,.24);backdrop-filter:blur(16px)}.modebox{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px}.modebox small{display:block;color:#8ca1bb}.modebox b{font-size:13px}.modebox select,.modebox button,input{height:38px;border:1px solid #27435f;border-radius:9px;background:#091727;color:#eaf2ff;padding:0 10px}.modebox button,.primarybtn{background:#1769e0;border:0;color:#fff;padding:10px 16px;border-radius:9px;font-weight:800;cursor:pointer}.dangerbtn{background:#9f2d3b;border:0;color:white;padding:10px 16px;border-radius:9px;font-weight:800;cursor:pointer}.stats{display:grid;gap:12px;margin:14px 0 20px}.stats.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:17px;border-radius:14px}.stat span,.stat em{display:block;color:#8ca1bb;font-size:12px;font-style:normal}.stat strong{font-size:28px;display:block;margin:5px 0}.panel{border-radius:16px;padding:17px;margin-bottom:18px}.panelhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panelhead h2{margin:0;font-size:17px}.panelhead a,.panelhead span{color:#7dd3fc;font-size:12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#7990aa;font-size:10px;letter-spacing:.7px;padding:9px;border-bottom:1px solid #1d344e}td{padding:11px 9px;border-bottom:1px solid #142a40;white-space:nowrap}code{background:#07131f;border:1px solid #1a3854;padding:3px 6px;border-radius:6px;color:#91e9ff}.pill{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.pill.active{background:#123d30;color:#75efbd}.pill.blocked,.pill.inactive{background:#4a1e29;color:#ff9bad}.actions{display:flex;gap:6px}.mini{border:0;padding:6px 9px;border-radius:7px;color:white;cursor:pointer}.mini.ok{background:#167453}.mini.danger{background:#9f2d3b}.grid2{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.feed{display:grid;gap:12px}.feed>div{display:flex;gap:9px}.feed span{display:grid}.feed small{color:#8095ad}.dot{width:8px;height:8px;border-radius:50%;background:#22d3ee;margin-top:6px}.toolgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.toolcard{display:flex;align-items:center;gap:12px;border:1px solid #21415e;background:#0b1b2d;padding:14px;border-radius:13px}.toolcard:hover{border-color:#2d83dd;transform:translateY(-1px)}.toolcard>div:nth-child(2){min-width:0;flex:1}.toolcard b,.toolcard small{display:block}.toolcard small{color:#8095ad;margin-top:3px;font-size:11px}.toolicon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0d6efd,#12b8a6);font-weight:900}.formgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.formgrid label{display:block;color:#8ca1bb;font-size:11px;margin-bottom:6px}.formgrid input{width:100%}.wide{grid-column:1/-1}.flash{padding:11px 14px;border-radius:10px;margin-bottom:12px}.flash.success{background:#123d30}.flash.error{background:#4a1e29}@media(max-width:1000px){.shell{grid-template-columns:72px 1fr}.brand>div:last-child,.sidebar nav span,.sidefoot small{display:none}.stats.five{grid-template-columns:repeat(2,1fr)}.toolgrid,.grid2{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.content{padding:18px}}

.primary,.secondary,.widebtn{border:0;border-radius:9px;padding:9px 13px;color:#fff;font-weight:800;cursor:pointer}.primary{background:#1769e0}.primary.red{background:#9f2d3b}.secondary{background:#243b53}.widebtn{width:100%;background:#1769e0}.detailform label{display:grid;gap:6px;margin:11px 0;color:#9db0c6;font-size:12px}.detailform input,.detailform textarea{width:100%;border:1px solid #27435f;border-radius:9px;background:#091727;color:#eaf2ff;padding:9px}.devices{display:grid;gap:9px}.device{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid #1d3954;border-radius:11px;background:#0a1a2b}.deviceicon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#173a5c;font-weight:800}.device small{display:block;color:#8095ad;margin-top:3px}.search{display:flex;gap:7px}.search button{border:0;border-radius:9px;background:#1769e0;color:#fff;padding:0 14px;font-weight:800}.three{grid-template-columns:repeat(3,minmax(0,1fr))}

select{height:38px;border:1px solid #27435f;border-radius:9px;background:#091727;color:#eaf2ff;padding:0 10px}.stats.six{grid-template-columns:repeat(6,minmax(0,1fr))}.stats.four{grid-template-columns:repeat(4,minmax(0,1fr))}.money{font-size:20px!important}.billing-free{background:#123d30;color:#75efbd}.billing-paid{background:#4a2d0d;color:#ffd37d}.billing-hybrid{background:#173a5c;color:#91e9ff}.pill.expired,.pill.cancelled,.pill.failed,.pill.refunded{background:#4a1e29;color:#ff9bad}.pill.pending{background:#4a3d12;color:#ffe58a}.pill.paid{background:#123d30;color:#75efbd}.badges,.licensechips{display:flex;gap:6px;flex-wrap:wrap}.toolbadge{padding:4px 7px;border-radius:7px;background:#173a5c;color:#c9efff;font-size:10px}.toolbadge.blocked,.toolbadge.expired,.toolbadge.cancelled{background:#4a1e29;color:#ffb2bd}.licensechips{max-width:520px}.licensechip{display:grid;gap:2px;padding:7px 9px;border-radius:9px;background:#102a42;border:1px solid #1f4868}.licensechip small{color:#88a0b9;font-size:10px}.licensechip.blocked,.licensechip.expired,.licensechip.cancelled{background:#351923;border-color:#65303d}.linkbtn{background:#1769e0;display:inline-block}.licensegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.licensecard{border:1px solid #21415e;background:#0a1a2b;border-radius:14px;padding:14px}.lichead{display:flex;align-items:flex-start;justify-content:space-between}.lichead h3{margin:3px 0 10px}.licmeta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.licmeta span{color:#8298b1;font-size:11px}.licmeta b{color:#eaf2ff}.compact label{margin:7px 0}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:8px}.licactions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.licactions form{display:flex;gap:6px}.licactions input{width:80px;height:31px}.plangrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.plancard{display:grid;gap:5px;padding:12px;border:1px solid #21415e;border-radius:12px;background:#0a1a2b}.plancard strong{font-size:18px}.plancard small,.blockmuted{display:block;color:#8095ad;font-size:10px;margin-top:3px}.checkrow{display:flex!important;align-items:center;gap:8px;color:#b9c7d6!important}.checkrow input{width:16px;height:16px}@media(max-width:1200px){.stats.six{grid-template-columns:repeat(3,1fr)}.plangrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.licensegrid,.plangrid,.twocol{grid-template-columns:1fr}.stats.six,.stats.four{grid-template-columns:repeat(2,1fr)}}

hr.soft{border:0;border-top:1px solid #1e3852;margin:18px 0}.flowbox{display:grid;gap:6px}.flowbox b{margin-top:8px}.flowbox span{color:#8ca1bb;font-size:13px}

.stats.seven{grid-template-columns:repeat(7,minmax(0,1fr))}.stat.live{border-color:#145a48;box-shadow:inset 0 0 0 1px rgba(34,197,94,.08),0 14px 42px rgba(0,0,0,.24)}.stat.live strong{color:#76f7bd}.pill.online{background:#123d30;color:#75efbd}.duration{font-size:22px!important}.activityfilters{display:flex;align-items:end;gap:12px}.activityfilters>div{min-width:180px}.activityfilters .grow{flex:1}.activityfilters label{display:block;color:#8ca1bb;font-size:11px;margin-bottom:6px}.activityfilters input,.activityfilters select{width:100%}.activitygrid .toolcard{min-height:76px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#52677e;margin-right:5px}.online-dot.on{background:#32d583;box-shadow:0 0 10px #32d583}.eventlevel{font-size:10px;padding:4px 7px;border-radius:7px;background:#173a5c;color:#bfeaff;font-weight:800}.eventlevel.success{background:#123d30;color:#75efbd}.eventlevel.error{background:#4a1e29;color:#ff9bad}.eventlevel.warning{background:#4a3d12;color:#ffe58a}.detailcell{max-width:420px;overflow:hidden;text-overflow:ellipsis}@media(max-width:1400px){.stats.seven{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){.activityfilters{display:grid;grid-template-columns:1fr}.stats.seven{grid-template-columns:repeat(2,1fr)}}

/* Software Center admin */
.catalog-form textarea{width:100%;border:1px solid #27435f;border-radius:9px;background:#091727;color:#eaf2ff;padding:9px;resize:vertical}.catalog-switches{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.catalog-switches label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #21405c;background:#0a1a2b;border-radius:9px;font-size:11px;color:#a8bbcf}.catalog-switches input{width:15px;height:15px}.smalladmin{padding:6px 9px;border-radius:7px;font-size:10px}.admin-guide-list{display:grid;gap:9px}.admin-guide{position:relative;padding:12px;border:1px solid #1d3954;background:#091927;border-radius:11px}.admin-guide b{font-size:12px}.admin-guide p{color:#8298b1;font-size:11px;white-space:pre-line;padding-right:45px}.admin-guide form{position:absolute;right:10px;top:10px}.admin-shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.admin-shot-grid>div{padding:8px;border:1px solid #1d3954;border-radius:10px;background:#091927}.admin-shot-grid img{width:100%;height:110px;object-fit:cover;border-radius:7px}.admin-shot-grid small{display:block;color:#7d94ad;margin:6px 0;font-size:9px}.admin-shot-grid form{text-align:right}@media(max-width:900px){.admin-shot-grid{grid-template-columns:1fr 1fr}}
.admin-guide.editable{padding-right:12px}.guide-edit-form{display:grid;gap:8px}.guide-edit-form label{display:grid;gap:4px;color:#8ca1bb;font-size:10px}.guide-edit-form input,.guide-edit-form textarea{width:100%;border:1px solid #27435f;border-radius:8px;background:#071727;color:#eaf2ff;padding:7px}.guide-delete{position:absolute!important;right:10px!important;top:10px!important}.guide-edit-form .ok{justify-self:start;margin-top:2px}

/* Package selector */
.checkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:8px 0 14px}.checkgrid .checkrow{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid rgba(120,130,160,.18);border-radius:12px;background:rgba(255,255,255,.45)}

/* Admin Command Center + User 360 */
.command-top{align-items:stretch}.command-actions{display:flex;align-items:center;gap:12px}.liveclock{min-width:138px;padding:12px 14px;border:1px solid #214a3f;background:#0c211e;border-radius:14px;display:grid;grid-template-columns:10px 1fr;column-gap:8px;align-items:center}.liveclock i{width:8px;height:8px;border-radius:50%;background:#38d996;box-shadow:0 0 12px #38d996}.liveclock b{font-size:11px;letter-spacing:1px;color:#87f2ca}.liveclock small{grid-column:2;color:#759787;font-size:9px;margin-top:2px}.command-kpis,.user360-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.command-kpi,.u360-kpi{padding:16px;border-radius:15px;min-height:108px}.command-kpi span,.u360-kpi span{font-size:10px;letter-spacing:.8px;color:#7f96ae;font-weight:800}.command-kpi strong,.u360-kpi strong{display:block;font-size:27px;margin:8px 0 4px}.command-kpi small,.u360-kpi small{color:#7790aa;font-size:10px}.command-kpi.live,.u360-kpi.live{border-color:#1d6d58}.command-kpi.alert{border-color:#713640}.command-kpi.warn{border-color:#66541e}.command-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.75fr);gap:18px}.command-span2{min-width:0}.health-list{display:grid;gap:4px}.health-list div{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:9px;background:#0a1a2b;border:1px solid #17334d}.health-list span{color:#89a0b8;font-size:11px}.goodtext{color:#6fe7b5!important}.badtext{color:#ff8f9f!important}.version-old{display:inline-block;padding:4px 7px;border-radius:7px;background:#4a1e29;color:#ffadb8;font-size:10px;font-weight:800}.version-ok{color:#84e9c2;font-weight:700}.emptyrow{text-align:center;color:#7f94aa!important;padding:30px!important}.ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ops-card{border:1px solid #1d3b58;background:#091927;border-radius:14px;padding:13px;transition:.15s}.ops-card:hover{border-color:#2d83dd;transform:translateY(-1px)}.ops-head{display:flex;gap:10px;align-items:center}.ops-head>div:nth-child(2){min-width:0;flex:1}.ops-head b,.ops-head small{display:block}.ops-head small{color:#7590aa;font-size:10px;margin-top:3px}.ops-online{font-size:9px;color:#8195aa;padding:5px 7px;border-radius:999px;background:#152b41}.ops-online.on{background:#123d30;color:#75efbd}.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px}.ops-metrics span{font-size:9px;color:#71879e;border-top:1px solid #17344e;padding-top:7px}.ops-metrics b{display:block;color:#eaf2ff;font-size:12px}.ops-warning{margin-top:9px;padding:7px 8px;border-radius:8px;background:#443a14;color:#ffe18c;font-size:9px}.trend-chart{height:190px;display:flex;align-items:flex-end;gap:9px;padding:18px 8px 0;border-bottom:1px solid #21384f}.trend-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.trend-bars{height:145px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.trend-bars i{display:block;width:16px;min-height:2px;border-radius:5px 5px 0 0}.trend-user{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.trend-event{background:linear-gradient(180deg,#2dd4bf,#0f766e)}.trend-col b{font-size:10px}.trend-col span{font-size:9px;color:#758ca4}.trend-legend{display:flex;gap:14px;margin-top:10px;color:#7f95ab;font-size:10px}.trend-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.legend-user{background:#3b82f6}.legend-event{background:#2dd4bf}.error-feed{display:grid;gap:8px;max-height:245px;overflow:auto}.error-feed>a,.error-feed>div{display:flex;align-items:flex-start;gap:9px;padding:9px;border-radius:10px;background:#0a1a2b;border:1px solid #24374a}.error-feed i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#4a1e29;color:#ff9bad;font-weight:900;font-style:normal;flex:none}.error-feed span{flex:1;min-width:0}.error-feed b,.error-feed small{display:block}.error-feed b{font-size:11px}.error-feed small{font-size:9px;color:#8298ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.error-feed time{font-size:8px;color:#71869c;white-space:nowrap}.customer-list{display:grid;gap:7px}.customer-list>a{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #17344d;border-radius:10px;background:#091927}.customer-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#153b5d;color:#bfeaff;font-size:10px;font-weight:900}.customer-list span{flex:1}.customer-list b,.customer-list small{display:block}.customer-list small,.customer-list time{font-size:9px;color:#7890a9}.error-dot{background:#f04438!important}.command-bottom{grid-template-columns:1fr 1fr}
.user360-top{align-items:center}.user360-actions{flex-wrap:wrap;justify-content:flex-end}.user360-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.user360-main{grid-template-columns:1fr 1fr}.entitlement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ent-card{padding:12px;border-radius:12px;border:1px solid #1c3b58;background:#091927}.ent-card.allowed{border-color:#205143}.ent-card.denied{opacity:.66}.ent-card>div{display:flex;justify-content:space-between;gap:8px;align-items:start}.ent-card b,.ent-card small{display:block}.ent-card>div small{font-size:9px;color:#6e869f}.ent-card p{font-size:10px;color:#8fa4ba;margin:10px 0 4px}.note-compose{display:grid;gap:8px}.note-compose textarea{width:100%;border:1px solid #27435f;border-radius:10px;background:#091727;color:#eaf2ff;padding:10px;resize:vertical}.note-compose button{justify-self:end}.note-history{display:grid;gap:8px;margin-top:12px;max-height:320px;overflow:auto}.note-history article{position:relative;padding:10px 42px 10px 10px;border-radius:10px;background:#091927;border:1px solid #1d3954}.note-history article>div{display:flex;justify-content:space-between}.note-history b{font-size:10px;color:#81e6d9}.note-history time{font-size:8px;color:#728aa1}.note-history p{font-size:11px;color:#bfd0df;white-space:pre-line;margin:7px 0 0}.note-history form{position:absolute;right:8px;top:8px}.package-stack{display:grid;gap:8px}.package-stack article{padding:10px;border:1px solid #1d3954;background:#091927;border-radius:10px}.package-stack article>div{display:flex;justify-content:space-between}.package-stack small{display:block;color:#8198ae;font-size:9px;margin:5px 0 8px}.package-inline{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}.package-inline select,.package-inline input{width:100%;height:31px}.grant-card{border-style:dashed}.session-list{display:grid;gap:7px;max-height:375px;overflow:auto}.session-list article{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid #193750;border-radius:10px;background:#091927}.session-state{width:8px;height:8px;border-radius:50%;background:#6b7280;margin-top:5px;flex:none}.session-state.on{background:#32d583;box-shadow:0 0 10px #32d583}.session-list article>div{flex:1;min-width:0}.session-list b,.session-list small{display:block}.session-list small{font-size:9px;color:#7890a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.session-list time{font-size:8px;color:#6f879e}.usage-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.usage-tool-grid>div{display:grid;gap:4px;padding:12px;border-radius:11px;background:#091927;border:1px solid #1d3954}.usage-tool-grid b{font-size:11px;color:#9ec6e6}.usage-tool-grid strong{font-size:20px}.usage-tool-grid small{font-size:9px;color:#7790a8}.audit-list{display:grid;gap:7px;max-height:330px;overflow:auto}.audit-list>div{padding:9px;border-radius:9px;background:#091927;border:1px solid #1a384f}.audit-list b{font-size:10px}.audit-list span{float:right;color:#70d7c2;font-size:9px}.audit-list small{display:block;color:#7890a8;font-size:9px;margin-top:3px}.user-errors{max-height:330px}.user-live-panel{border-color:#1f5748}
@media(max-width:1400px){.command-kpis,.user360-kpis{grid-template-columns:repeat(3,1fr)}.ops-grid{grid-template-columns:repeat(2,1fr)}.entitlement-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.command-grid,.command-bottom,.user360-main{grid-template-columns:1fr}.command-actions{flex-wrap:wrap;justify-content:flex-end}.entitlement-grid,.usage-tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.command-kpis,.user360-kpis,.ops-grid,.entitlement-grid,.usage-tool-grid{grid-template-columns:1fr}.command-top,.user360-top{display:grid}.command-actions,.user360-actions{justify-content:flex-start}.package-inline{grid-template-columns:1fr}.ops-metrics{grid-template-columns:repeat(2,1fr)}}
/* Guide management */
.guide-builder-head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 12px}.guide-builder-head h2{font-size:28px;margin:5px 0}.guide-builder-head p{color:#7f95ad;font-size:11px;margin:0}.guide-builder-grid{align-items:start}.stage5-sortable{display:grid;gap:12px}.stage5-guide-card{position:relative;border:1px solid #24445f!important;transition:.16s}.stage5-guide-card.dragging{opacity:.48;transform:scale(.99);border-color:#4a8fc4!important}.drag-handle{cursor:grab;user-select:none;display:flex;align-items:center;gap:8px;margin:-2px -2px 12px;padding:9px 10px;border-radius:9px;background:#0a1d2d;border:1px solid #1b3b55;color:#8db0cd;font-size:10px}.drag-handle:active{cursor:grabbing}.drag-handle b{color:#d5e6f4}.guide-type-pill,.guide-draft-pill{margin-left:auto;padding:4px 7px;border-radius:6px;font-size:7px;font-weight:900;text-transform:uppercase}.guide-type-pill{background:#143653;color:#79cbff}.guide-draft-pill{margin-left:0;background:#472934;color:#f0a2b2}.mono-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:11px!important}.checkline{display:flex!important;align-items:center!important;gap:8px!important;align-self:end;min-height:42px}.checkline input{width:auto!important;height:auto!important}.stage5-add-step{position:sticky;top:20px}.pill.danger{background:#4b202b;color:#ffb3bf}

/* ===== Đại Sơn Orange Commerce Skin — visual refresh only ===== */
:root{--ds-orange:#ff5b1f;--ds-orange2:#ff7a1a;--ds-panel:#151a20;--ds-panel2:#101419;--ds-line:#30343a;--ds-muted:#8e98a5}
body{background:radial-gradient(circle at 88% -10%,rgba(255,86,25,.18),transparent 30%),#0b0e12;color:#f5f7fa}
.o1{background:#ff5a1f;opacity:.16}.o2{background:#ff8a22;opacity:.10}
.sidebar{border-right-color:rgba(255,255,255,.08);background:rgba(10,12,16,.9)}
.logo,.toolicon{background:linear-gradient(135deg,var(--ds-orange2),#ff3d00);box-shadow:0 8px 28px rgba(255,83,24,.22)}
.brand span,.muted,.top p,.stat span,.stat em,.modebox small,.formgrid label,.detailform label,.activityfilters label{color:var(--ds-muted)}
.sidebar nav a{color:#a9b0ba}.sidebar nav a:hover{background:rgba(255,90,31,.10);color:#fff}.logout{color:#ff9a7a}
.eyebrow{color:#ff9a63}.glass{border-color:rgba(255,255,255,.085);background:linear-gradient(180deg,rgba(24,29,36,.94),rgba(14,18,23,.94));box-shadow:0 18px 50px rgba(0,0,0,.28)}
.modebox select,.modebox button,input,select,.detailform input,.detailform textarea,.note-compose textarea{border-color:rgba(255,255,255,.1);background:#0f141a;color:#f4f6f8}
.modebox button,.primarybtn,.primary,.widebtn,.search button,.linkbtn{background:linear-gradient(135deg,var(--ds-orange2),#ff4307)}
.panelhead a,.panelhead span{color:#ff955f}th{color:#7f8996;border-bottom-color:rgba(255,255,255,.08)}td{border-bottom-color:rgba(255,255,255,.055)}code{background:#0b1015;border-color:#343941;color:#ffb487}
.toolcard,.device,.licensecard,.plancard,.ops-card,.customer-list>a,.session-list article,.package-stack article,.ent-card,.usage-tool-grid>div,.audit-list>div,.health-list div,.error-feed>a,.error-feed>div,.note-history article{border-color:rgba(255,255,255,.075);background:#11161c}
.toolcard:hover,.ops-card:hover{border-color:rgba(255,103,36,.4)}
.deviceicon,.toolbadge,.eventlevel,.customer-avatar,.ops-online{background:rgba(255,91,24,.10);color:#ffb087}.licensechip{background:#151b21;border-color:#343a42}.billing-hybrid{background:rgba(255,91,24,.11);color:#ffb087}
.pill.online,.pill.active,.billing-free,.eventlevel.success,.ops-online.on{background:rgba(55,201,142,.12);color:#77e1af}.pill.pending{background:rgba(255,179,55,.12);color:#ffd27b}
.command-kpi.live,.u360-kpi.live,.stat.live{border-color:rgba(55,201,142,.34)}.command-kpi.alert{border-color:rgba(255,102,118,.28)}.command-kpi.warn{border-color:rgba(255,177,58,.26)}
.trend-user{background:linear-gradient(180deg,#ff8a3c,#ff4a0b)}.trend-event{background:linear-gradient(180deg,#ffc26d,#d97b15)}.legend-user{background:#ff6827}.legend-event{background:#eda13f}
.liveclock{border-color:rgba(61,205,147,.25);background:rgba(29,88,67,.10)}.ops-warning{background:rgba(202,145,40,.12);color:#ffd887}.drag-handle{background:#10161c;border-color:rgba(255,255,255,.08);color:#a2adb8}.guide-type-pill{background:rgba(255,91,24,.12);color:#ffb087}.stage5-guide-card{border-color:rgba(255,255,255,.09)!important}


/* Software Catalog: current uploaded cover preview */
.field-help{display:block;margin-top:6px;color:#6f879f;font-size:9px;line-height:1.5}.field-help b{color:#ff8b4d}
.current-cover-box{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px;align-items:center;padding:13px;border:1px solid #244058;border-radius:12px;background:#081724}.current-cover-box>div b,.current-cover-box>div small{display:block}.current-cover-box>div b{font-size:12px;color:#eaf2ff}.current-cover-box>div small{margin-top:5px;font-size:9px;color:#71879c;word-break:break-all}.current-cover-box a{display:block;border-radius:10px;overflow:hidden;border:1px solid #2a465d;background:#07121d}.current-cover-box img{display:block;width:100%;max-height:220px;object-fit:cover;aspect-ratio:16/9}
@media(max-width:700px){.current-cover-box{grid-template-columns:1fr}.current-cover-box>div{order:2}}

/* ===== Premium Admin Login ===== */
.admin-login-body{min-height:100vh;background:radial-gradient(circle at 82% 8%,rgba(255,89,26,.17),transparent 30%),linear-gradient(160deg,#090c10,#0f1318 56%,#0a0d11);overflow:hidden;position:relative}.admin-login-glow{position:fixed;border-radius:50%;filter:blur(85px);pointer-events:none}.admin-login-glow.g1{width:520px;height:520px;right:-180px;top:-180px;background:rgba(255,84,21,.14)}.admin-login-glow.g2{width:430px;height:430px;left:-190px;bottom:-180px;background:rgba(255,132,48,.07)}.admin-login-stage{min-height:100vh;display:grid;place-items:center;padding:24px}.admin-login-card{width:min(460px,100%);padding:40px;border-radius:26px;position:relative;overflow:hidden}.admin-login-card:before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,#ff6a26,transparent)}.admin-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:33px}.admin-login-brand .logo{width:50px;height:50px;border-radius:16px}.admin-login-brand b,.admin-login-brand span{display:block}.admin-login-brand b{font-size:13px;letter-spacing:1.4px}.admin-login-brand span{font-size:8px;letter-spacing:2px;color:#7e8792;margin-top:4px}.admin-secure{display:inline-flex;align-items:center;gap:7px;font-size:8px;font-weight:900;letter-spacing:1.3px;color:#818a95}.admin-secure i{width:7px;height:7px;border-radius:50%;background:#3bd293;box-shadow:0 0 10px #3bd293}.admin-login-card h1{font-size:32px;letter-spacing:-1.3px;margin:16px 0 8px}.admin-login-card>p{font-size:11px;line-height:1.7;color:#858e99;margin:0 0 24px}.admin-login-form{display:grid;gap:15px}.admin-login-form label{display:grid;gap:7px}.admin-login-form label>span{font-size:9px;font-weight:800;color:#a5acb5}.admin-login-form input{width:100%;height:50px;border-radius:13px;padding:0 14px;border:1px solid rgba(255,255,255,.09);background:#0d1217;outline:0}.admin-login-form input:focus{border-color:rgba(255,101,38,.55);box-shadow:0 0 0 4px rgba(255,90,25,.08)}.admin-pass-wrap{position:relative}.admin-pass-wrap input{padding-right:48px}.admin-pass-wrap button{position:absolute;right:7px;top:6px;width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#78818c;cursor:pointer}.admin-pass-wrap button:hover{background:rgba(255,255,255,.05);color:#fff}.admin-login-submit{height:52px;border:0;border-radius:13px;margin-top:4px;background:linear-gradient(135deg,#ff7d2b,#ff450c);box-shadow:0 14px 34px rgba(255,75,13,.22);color:#fff;font-weight:900;letter-spacing:.4px;cursor:pointer;transition:.2s}.admin-login-submit:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(255,75,13,.3)}.admin-login-submit span{margin-left:8px}.admin-login-foot{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);font-size:8px;color:#68717c}.admin-login-foot span:first-child{display:flex;align-items:center;gap:6px}.admin-login-foot i{width:6px;height:6px;border-radius:50%;background:#3bd293;box-shadow:0 0 8px #3bd293}@media(max-width:520px){.admin-login-card{padding:30px 22px}.admin-login-card h1{font-size:28px}}
/* Persistent admin assets */
.saved-state-note{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:8px 11px;border:1px solid rgba(67,197,132,.22);border-radius:9px;background:rgba(45,153,101,.08);color:#9de1bd;font-size:9px;font-weight:800;letter-spacing:.2px}
.current-asset-mini,.current-guide-image{display:flex!important;align-items:center;gap:9px;margin-top:8px;padding:7px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0a1118;color:#aab5c0!important;text-decoration:none}
.current-asset-mini img{width:44px;height:44px;object-fit:contain;border-radius:9px;background:#111820}
.current-guide-image img{width:110px;height:66px;object-fit:contain;border-radius:8px;background:#111820}
.current-asset-mini span,.current-guide-image span{font-size:9px;font-weight:800}
.persist-path{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#9fb1c4}
.persist-ok{display:inline-flex;align-items:center;gap:7px;color:#8de0b5;font-weight:800;font-size:10px}