:root{color-scheme:dark;--bg:#080a12;--panel:#111523;--panel2:#171b2c;--panel3:#1d2235;--border:#282d44;--text:#eff1fc;--sub:#929ab7;--primary:#9272ff;--primary2:#6b50d8;--cyan:#5bd3e4;--ok:#49d6a0;--warn:#ffbe68;--bad:#ff728c;font-family:'DM Sans',system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--cyan)}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:linear-gradient(170deg,#13162a,#0f1220 75%);border-right:1px solid var(--border);z-index:20;display:flex;flex-direction:column;padding:24px 13px}.brand{padding:4px 13px 24px;display:flex;align-items:center;gap:12px}.brandmark{height:40px;width:40px;display:grid;place-items:center;background:linear-gradient(135deg,#8d71fb,#5bceef);box-shadow:0 10px 26px #7b64fd50;border-radius:13px;font-size:21px;color:white;font-weight:900}.brand strong{font-family:'Space Grotesk';font-size:19px;letter-spacing:-.5px}.brand small{display:block;color:var(--sub);font-size:10px;letter-spacing:1.8px;font-weight:800}.nav-group{font-size:10px;letter-spacing:1.6px;color:#707a9e;font-weight:800;margin:17px 14px 9px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 13px;margin:2px 0;border:1px solid transparent;border-radius:10px;color:#a6aecb;background:transparent;text-align:left;width:100%;font-size:13px;font-weight:700}.nav-item .ico{width:20px;text-align:center;font-size:17px}.nav-item:hover{background:#22253a;color:#fff}.nav-item.active{background:linear-gradient(90deg,#654de94c,#543fc51a);color:#ded5ff;border:1px solid #7157e44d}.sidebar-foot{margin-top:auto;padding:15px 10px;border-top:1px solid var(--border);display:grid;gap:9px}.identity{display:flex;gap:10px;align-items:center}.avatar{background:#40336b;color:#d5c7ff;width:35px;height:35px;border-radius:12px;display:grid;place-items:center;font-size:14px;font-weight:800}.identity div{overflow:hidden}.identity b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity span{color:var(--sub);font-size:11px}.shell{margin-left:254px;min-height:100vh}.header{height:77px;border-bottom:1px solid var(--border);background:#0d101bdb;display:flex;align-items:center;padding:0 36px;gap:17px;position:sticky;top:0;z-index:12;backdrop-filter:blur(12px)}.header-title{font-size:14px;font-weight:800;letter-spacing:.1px}.crumb{color:var(--sub);font-size:12px}.head-space{flex:1}.live-pill{display:flex;align-items:center;gap:7px;padding:8px 12px;background:#172239;border:1px solid #263954;color:#b9d8fd;border-radius:50px;font-size:11px;font-weight:800}.live-pill.demo{background:#4733173d;border-color:#75572c;color:#ffd89c}.pulse{width:8px;height:8px;background:var(--ok);border-radius:50%;box-shadow:0 0 0 4px #49d6a019}.demo .pulse{background:var(--warn);box-shadow:0 0 0 4px #ffbe6819}.icon-btn{background:#1b2030;color:#cad0e6;border:1px solid #32374d;width:37px;height:37px;border-radius:10px;display:grid;place-items:center}.mobile-toggle{display:none}main{padding:35px 38px 60px;max-width:1650px;margin:auto}.eyebrow{color:var(--primary);letter-spacing:2px;text-transform:uppercase;font-weight:800;font-size:10px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:28px}.page-title h1{font-family:'Space Grotesk',sans-serif;letter-spacing:-1.2px;font-weight:700;font-size:30px;margin:9px 0}.page-title p{color:var(--sub);font-size:13px;margin:0;line-height:1.6}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{background:#22283b;border:1px solid #3b425c;color:var(--text);border-radius:10px;padding:10px 15px;font-size:12px;font-weight:800;display:inline-flex;gap:7px;align-items:center;justify-content:center;transition:.15s}.btn:hover{background:#303751}.btn.primary{background:linear-gradient(135deg,#9774ff,#6555e1);border-color:#a38aff;color:#fff;box-shadow:0 7px 24px #6855df2d}.btn.primary:hover{filter:brightness(1.13)}.btn.danger{background:#522b3c;color:#ffa3b5;border-color:#764052}.btn.ghost{background:transparent;border-color:transparent;color:#aeb7d2}.btn.small{font-size:11px;padding:7px 10px}.btn svg{width:15px;height:15px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stat{background:linear-gradient(135deg,#161a2a,#111523);padding:23px;border:1px solid var(--border);border-radius:17px;min-height:141px;position:relative;overflow:hidden}.stat:after{content:'';position:absolute;right:-35px;top:-35px;width:120px;height:120px;background:#765cf313;border-radius:50%}.stat .sl{font-size:12px;color:#9fa9c3;font-weight:700}.stat strong{font-family:'Space Grotesk';font-size:35px;display:block;margin:14px 0 4px;letter-spacing:-1px}.stat small{font-size:11px;color:#808baa}.stat .symbol{position:absolute;right:21px;top:20px;color:#b8a8ff;font-size:21px}.twocol{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:17px;margin-top:18px}.card{background:linear-gradient(155deg,#14182a,#101421);border:1px solid var(--border);border-radius:16px;overflow:hidden;min-width:0}.cardhead{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #272b42}.cardhead h2{font-size:14px;margin:0;font-weight:800}.cardhead p{color:var(--sub);margin:5px 0 0;font-size:11px}.cardbody{padding:21px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;background:#2d3148;color:#b7bfd8;white-space:nowrap}.status:before{content:'';background:currentColor;width:6px;height:6px;border-radius:50%}.status.green{background:#123b35;color:var(--ok)}.status.yellow{background:#4e3825;color:var(--warn)}.status.red{background:#492737;color:var(--bad)}.status.violet{background:#3a2c5b;color:#bba9ff}.status.gray{background:#2d3148;color:#b7bfd8}.table-scroll{overflow:auto}.table{border-collapse:collapse;width:100%;min-width:560px}.table th{text-align:left;color:#8390ad;text-transform:uppercase;font-size:10px;letter-spacing:.8px;padding:13px 20px;border-bottom:1px solid var(--border)}.table td{padding:15px 20px;border-bottom:1px solid #262b3e;font-size:12px;color:#c4cce2}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#1b203133}.table td b{color:#eff1fc;font-weight:800}.table td small{display:block;color:#77839f;margin-top:4px}.mono{font-family:ui-monospace,monospace;font-size:11px!important;color:#a4add1}.server-name{display:flex;align-items:center;gap:10px}.server-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:#beb2ff;background:#2f2a4c;font-size:16px}.progress{background:#2b3045;height:6px;border-radius:9px;width:95px;margin-top:7px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#7254f3,#60d6ec);border-radius:9px}.toolbar{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:16px;align-items:center}.search{min-width:220px;max-width:420px;flex:1}.input,.select,.textarea{width:100%;background:#101422;border:1px solid #363c57;border-radius:10px;padding:11px 13px;color:#f0f1fa;font-size:12px;outline:0}.input:focus,.select:focus,.textarea:focus{border-color:#9075fe;box-shadow:0 0 0 3px #8d71ff21}.textarea{min-height:80px;resize:vertical}.select{max-width:240px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#bfc7dc}.field .select{max-width:none}.form-help{font-size:11px;line-height:1.6;color:var(--sub)}.alert{padding:13px 16px;border-radius:10px;background:#493b252b;color:#e6c998;border:1px solid #80673555;font-size:12px;line-height:1.65;margin-bottom:15px}.alert.info{background:#25365b42;color:#b7cdf8;border-color:#405f9955}.alert.red{background:#5b2a3440;color:#ffb3c3;border-color:#8a455455}.empty{color:#8e99b5;text-align:center;padding:48px 20px;font-size:13px}.empty strong{display:block;color:#d9ddf1;font-size:16px;margin-bottom:8px}.report-reason{max-width:220px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.server-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.srv{padding:18px;background:linear-gradient(140deg,#191e31,#141829);border:1px solid var(--border);border-radius:15px}.srvtop{display:flex;align-items:center;justify-content:space-between;gap:10px}.srvname{font-weight:800;font-size:16px}.srvmeta{display:grid;grid-template-columns:repeat(3,1fr);margin:19px 0;gap:9px}.srvmeta span{display:block;font-size:10px;color:var(--sub)}.srvmeta b{display:block;font-size:17px;margin-top:5px}.srvfoot{display:flex;gap:7px;flex-wrap:wrap}.quick{display:grid;gap:10px}.quick button{display:flex;justify-content:space-between;align-items:center;border:1px solid #303651;background:#1b2033;color:#d8def4;padding:14px;border-radius:10px;font-size:12px;font-weight:800}.quick button:hover{background:#292e49}.activity{display:grid;gap:0}.activity-row{padding:14px 20px;border-bottom:1px solid #272b42;display:flex;align-items:center;gap:12px}.activity-row:last-child{border-bottom:0}.event-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px #9272ff15}.activity-row b{font-size:12px}.activity-row small{display:block;color:var(--sub);font-size:11px;margin-top:3px}.activity-row time{margin-left:auto;font-size:10px;color:#8090b1;white-space:nowrap}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.daylabel{text-align:center;font-size:11px;color:var(--sub);padding:10px 0;font-weight:800}.day{min-height:95px;background:#15192a;border:1px solid #2a3047;border-radius:10px;padding:10px;overflow:hidden}.day.off{opacity:.4}.day .date{font-size:11px;color:#b4bed7;font-weight:800}.day.today{border-color:#886bff}.event-chip{display:block;width:100%;border:0;border-radius:5px;background:#3c326d;color:#dcd2ff;padding:5px 6px;text-align:left;font-size:9px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-chip.live{background:#145c53;color:#a7f7d9}.calendar-controls{display:flex;gap:8px;align-items:center}.calendar-controls b{min-width:160px;text-align:center;font-size:12px}.consoles{display:grid;grid-template-columns:225px minmax(0,1fr);gap:15px}.console-list{padding:10px;display:grid;align-content:start;gap:6px}.console-list button{padding:12px;text-align:left;border:1px solid transparent;background:transparent;color:#adb8d4;border-radius:8px;font-size:12px;font-weight:800}.console-list button.active{background:#302952;border-color:#6450ac;color:#f0eaff}.terminal{background:#060913;padding:20px;border-radius:0 0 15px 15px;min-height:425px;max-height:58vh;overflow:auto;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;color:#b9d3ce;white-space:pre-wrap;word-break:break-word}.terminal .time{color:#5e7380}.terminal .warning{color:#e8c783}.terminal .error{color:#ff9aa9}.terminal-input{display:flex;gap:10px;padding:13px;background:#101522;border-top:1px solid #2f3750}.terminal-input .input{background:#080e1b;font-family:monospace}.console-top{padding:13px 20px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a1abc9}.form-card{max-width:550px;margin:45px auto;padding:30px;background:#151a2b;border:1px solid #313950;border-radius:20px;box-shadow:0 25px 85px #0008}.form-card h1{font:700 27px 'Space Grotesk';margin:20px 0 8px}.form-card p{color:var(--sub);font-size:13px;line-height:1.7}.form-card form{display:grid;gap:16px;margin-top:25px}.form-card .btn{width:100%}.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 0%,#40276a45,transparent 55%),radial-gradient(ellipse at 0% 100%,#20547738,transparent 55%),#080a12;padding:20px}.login-bg .form-card{width:min(100%,470px);margin:0}.login-bg .brand{padding:0}.login-bg .brand small{margin-top:3px}.modal-bg{position:fixed;inset:0;background:#02040abd;display:grid;place-items:center;z-index:60;padding:20px;backdrop-filter:blur(5px)}.modal{background:#171c2d;border:1px solid #434767;border-radius:18px;width:min(620px,100%);max-height:92vh;overflow:auto;box-shadow:0 24px 100px #0009}.modal-head{display:flex;justify-content:space-between;align-items:start;padding:23px 25px;border-bottom:1px solid #343a52}.modal-head h2{margin:0;font:700 20px 'Space Grotesk'}.modal-head p{font-size:11px;color:var(--sub);margin:5px 0 0}.modal-body{padding:24px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #333a52}.tiny{color:#7b88a9;font-size:11px}.stat-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stat-header .symbol{position:static}.metric-line{display:flex;justify-content:space-between;padding:11px 0;font-size:12px;border-bottom:1px solid #2b3046}.metric-line:last-child{border:0}.metric-line span{color:var(--sub)}#toasts{position:fixed;bottom:20px;right:20px;z-index:90;display:grid;gap:9px}.toast{border:1px solid #4b6a6b;background:#18373c;color:#d3fcf9;padding:13px 17px;border-radius:10px;box-shadow:0 15px 40px #0008;max-width:370px;font-size:12px}.toast.error{border-color:#854a59;background:#4f2738;color:#ffd3da}.code-reveal{background:#090d1a;border:1px dashed #8873f1;border-radius:9px;padding:13px;color:#d9cfff;font:700 17px monospace;letter-spacing:1px;word-break:break-all}.mobile-scrim{display:none}.note-panel{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#9dadd0;line-height:1.65;margin-top:15px}.note-panel b{color:#fff}.stack{display:grid;gap:15px}.skeleton{opacity:.5} @media(max-width:1250px){main{padding:28px 24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.twocol{grid-template-columns:1fr}}@media(max-width:880px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.shell{margin-left:0}.header{padding:0 17px}.mobile-toggle{display:grid}.mobile-scrim.visible{display:block;position:fixed;inset:0;background:#000a;z-index:19}.consoles{grid-template-columns:1fr}.console-list{display:flex;overflow:auto}.console-list button{white-space:nowrap}.page-title{align-items:flex-start;flex-direction:column}}@media(max-width:590px){main{padding:22px 13px 40px}.header{height:64px}.header .crumb{display:none}.grid{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:17px;min-height:120px}.stat strong{font-size:27px}.stat .symbol{right:13px}.page-title h1{font-size:25px}.form-grid{grid-template-columns:1fr}.form-card{padding:20px}.day{min-height:64px;padding:4px;border-radius:5px}.day .date{font-size:9px}.event-chip{font-size:0;height:6px;padding:0}.calendar{gap:3px}.cardhead{padding:15px}.cardbody{padding:14px}.btn{padding:10px 11px}.terminal{font-size:10px}.live-pill{padding:7px;font-size:10px}}

body:has(.login-bg) .shell{margin-left:0}body:has(.login-bg) .header{display:none}
/* ========================= AERIA ANALYTICS v0.4 ========================= */
.analytics-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 19px;padding:14px 17px;background:linear-gradient(115deg,#1a1d32,#111827);border:1px solid #3a3a61;border-radius:15px}
.analytics-controls label{font-size:11px;font-weight:700;color:#aeb8d1;display:flex;gap:9px;align-items:center}.analytics-controls .select{min-width:150px;max-width:210px;background:#101423}
.period-control{display:flex;gap:4px;padding:4px;background:#090f20;border-radius:12px;border:1px solid #363657}.period-control .btn{border:0;background:transparent}.period-control .btn.primary{background:linear-gradient(125deg,#6d5ed6,#9072ed);box-shadow:0 3px 15px #7062d633}
.analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.mini-stat{background:linear-gradient(135deg,#1e2340 0%,#13192b 83%);border:1px solid #333953;border-radius:16px;padding:20px;min-width:0;position:relative;overflow:hidden}.mini-stat:after{content:'';position:absolute;right:-26px;top:-26px;border:1px solid #7261c82a;width:96px;height:96px;border-radius:50%;pointer-events:none}.mini-label{font-size:12px;font-weight:700;color:#a1adc9}.mini-value{font:700 28px 'Space Grotesk',system-ui,sans-serif;letter-spacing:-1px;margin:12px 0 3px;color:#f4f3ff}.mini-sub{font-size:11px;color:#818eac}
.analytics-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;margin-bottom:17px}.analytics-grid>.card,.analytics-grid>div>.card{height:100%}.chart-card-body{padding:16px 20px 22px}.chart-scroll{width:100%;overflow:hidden}.trend-chart{width:100%;height:auto;min-height:190px;display:block;overflow:visible}.trend-chart circle:focus,.trend-chart circle:hover{fill-opacity:1;stroke:white;stroke-width:1;outline:none}.analytics-empty{height:225px;display:flex;flex-direction:column;justify-content:center}.analytics-empty small{display:block;margin-top:12px;font-size:11px;color:#6e7e9e}
.hour-chart{height:240px;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:stretch;gap:4px;padding:10px 0 0}.hour-col{display:flex;flex-direction:column;align-items:center;min-width:0;height:100%;gap:8px;justify-content:flex-end}.hour-val{font-size:9px;color:#8c9dbc;height:12px;white-space:nowrap;opacity:0;max-width:36px;overflow:visible;text-align:center}.hour-col:hover .hour-val{opacity:1;color:#e9e6ff}.hour-track{height:182px;width:100%;max-width:30px;position:relative;display:flex;align-items:flex-end;background:linear-gradient(0deg,#202a4433,#1e254028);border-radius:5px 5px 0 0;border-bottom:1px solid #3b4462}.hour-track>i{display:block;width:100%;background:linear-gradient(0deg,#6551c9,#9b86ff 75%,#5ad2e7);border-radius:4px 4px 0 0;min-height:0;transition:filter .2s}.hour-col:hover .hour-track>i{filter:brightness(1.35)}.hour-tick{font-size:9px;height:14px;color:#8e9bb9}
.mode-bars{display:grid;gap:20px;margin:9px 0}.mode-line{display:grid;gap:9px}.mode-title{display:flex;align-items:center;justify-content:space-between;font-size:12px}.mode-title b{color:#e7e9fc}.mode-title span{font:700 12px 'Space Grotesk',sans-serif;color:#b8c9e2}.bar-track{height:10px;background:#2b314c;border-radius:20px;overflow:hidden}.bar-color{height:100%;border-radius:20px;background:linear-gradient(90deg,#715aeb,#b59afd)}.bar-color.tone-1{background:linear-gradient(90deg,#329db6,#6fdaea)}.bar-color.tone-2{background:linear-gradient(90deg,#e3956f,#ffd19a)}.bar-color.tone-3{background:linear-gradient(90deg,#5684a9,#92b4e1)}
.stats-table .table{min-width:440px}.stats-table td{padding:13px 11px;font-size:11px}.stats-table th{padding:11px;font-size:9px}
.player-hero{display:flex;align-items:center;gap:20px;border-radius:18px;border:1px solid #44416d;background:radial-gradient(ellipse at top right,#503f9645,transparent 60%),linear-gradient(100deg,#1a1c37,#131a2c);padding:24px;margin-bottom:20px}.player-bust{width:76px;height:76px;min-width:76px;border-radius:22px;display:grid;place-items:center;color:#eadfff;font-size:38px;font-weight:900;background:linear-gradient(145deg,#463a83,#2d4d68);box-shadow:0 14px 30px #0004}.player-intro{flex:1;min-width:0}.player-intro h2{margin:7px 0;font-size:28px;font-family:'Space Grotesk',sans-serif}.player-intro p{font-size:11px;color:#9caaca;margin:12px 0 0}.player-intro .eyebrow{overflow-wrap:anywhere;font-size:9px}.player-actions{display:flex;gap:7px;flex-wrap:wrap}.chips{display:flex;gap:6px;flex-wrap:wrap}.small-metric{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #2c3147;padding:13px 0;font-size:12px}.small-metric span{color:#bbc5da}.small-metric b{color:#f4f2ff}.small-metric:last-child{border:0}
@media(max-width:1280px){.analytics-grid{grid-template-columns:1fr}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.analytics-metrics{gap:9px}.mini-stat{padding:15px}.mini-value{font-size:24px}.analytics-controls{padding:11px;align-items:stretch}.analytics-controls label{flex:1;justify-content:space-between}.analytics-controls .select{min-width:0;max-width:none}.analytics-grid{gap:12px}.chart-card-body{padding:9px}.hour-chart{gap:2px;height:200px}.hour-track{height:150px}.hour-val{display:none}.player-hero{flex-wrap:wrap;padding:16px;gap:13px}.player-bust{width:55px;height:55px;min-width:55px;font-size:26px;border-radius:12px}.player-intro h2{font-size:21px}.player-actions{width:100%}}
/* Avoid intrinsic table width expanding the entire mobile viewport. */
.analytics-grid>div{min-width:0}.stats-table{min-width:0;max-width:100%;overflow:hidden}
@media(max-width:1280px){.analytics-grid{grid-template-columns:minmax(0,1fr)}}
/* v0.5 - CloudNet file explorer */
.files-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#94a2c2;font-size:11px;margin:10px 0 18px}
.file-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 19px;border:1px solid #343955;border-radius:15px;background:linear-gradient(120deg,#1c2034,#13182a)}
.file-mount-label{color:#afb8d0;font-size:11px;font-weight:800}.file-toolbar .select{width:245px;max-width:100%}
.file-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.files-breadcrumb{display:flex;align-items:center;gap:4px;margin:18px 0 7px;overflow:auto;white-space:nowrap}
.crumb-btn{background:none;border:0;color:#c3b4ff;padding:9px 6px;cursor:pointer;font:700 12px inherit}.crumb-btn:hover{color:#fff}.crumb-sep{color:#63718c}
.files-layout{display:grid;grid-template-columns:minmax(340px,1fr) minmax(350px,1fr);gap:16px;align-items:start}.files-layout:has(.file-list-card:only-child){grid-template-columns:1fr}
.file-list-card{min-height:350px}.file-list-head{display:grid;grid-template-columns:minmax(100px,1fr) 88px 132px;padding:15px 19px;border-bottom:1px solid #30354c;color:#7e8da8;letter-spacing:.8px;font-size:10px;font-weight:800}
.file-entry{width:100%;border:0;border-bottom:1px solid #292f43;background:transparent;color:#c5d0eb;display:grid;grid-template-columns:37px minmax(85px,1fr) 88px 132px;align-items:center;text-align:left;min-height:55px;padding:6px 18px;font-size:12px;cursor:pointer;gap:5px}
.file-entry:hover,.file-entry.selected{background:#272742}.file-ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900;background:#303554;color:#b7a5ff;font-size:16px}.file-ico.folder{background:#273e52;color:#73cde7}
.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.file-size,.file-date{color:#8897b5;font:11px ui-monospace,monospace}.file-editor-card .cardhead{gap:10px;flex-wrap:wrap}.file-editor-card .actions{flex-wrap:wrap}
.file-editor{display:block;width:100%;min-height:440px;max-height:70vh;resize:vertical;background:#090d19;color:#c8e5d2;border:0;outline:0;padding:22px;font:12px/1.65 ui-monospace,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}
.file-editor-placeholder{padding:40px 20px;color:#97a5bd;font-size:12px;line-height:1.8}.files-empty{border:1px dashed #4e5480;border-radius:20px;background:linear-gradient(135deg,#1b2138,#131727);text-align:center;padding:70px 20px}.files-empty h2{font-size:21px}.files-empty p{color:#a4b1cc;max-width:540px;margin:0 auto 25px;line-height:1.8}.files-empty-icon{font-size:58px;color:#ab94ff}
@media(max-width:1050px){.files-layout{grid-template-columns:1fr}.file-toolbar .file-actions{margin-left:0}}@media(max-width:590px){.file-entry{grid-template-columns:34px minmax(80px,1fr) 69px;padding:6px 10px}.file-date,.file-list-head span:last-child{display:none}.file-list-head{grid-template-columns:minmax(80px,1fr) 69px}.file-toolbar .select{flex:1;min-width:150px}.files-info{line-height:1.5}.file-editor{min-height:350px}}

/* ━━━━━━━━━━━━━ AERIA CONTROL 0.6 · POLISHED RESPONSIVE EXPERIENCE ━━━━━━━━━━━━━ */
:root {--bg:#090b14;--panel:#15192a;--panel2:#1b2034;--border:#323953;--text:#f4f4ff;--sub:#a8b3cf;--primary:#a08bff;--primary2:#7861f2;--cyan:#64e4ed;}
html {scroll-behavior:smooth;scroll-padding-top:90px}
body {background:radial-gradient(ellipse 820px 480px at 88% -14%,#45397c21,transparent 80%),var(--bg);}
::selection {background:#765adcc0;color:white}
:focus-visible {outline:2px solid #a99bff!important;outline-offset:3px}
.sidebar {width:266px;background:radial-gradient(ellipse 420px 520px at 0% 0%,#30245770,transparent 75%),linear-gradient(155deg,#17172c,#0e1221 84%);padding:23px 12px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#39375a transparent;}
.shell {margin-left:266px}
.brand {padding:7px 13px 18px}
.brandmark {border:1px solid #a89cff88;box-shadow:0 8px 28px #6148d950, inset 0 1px #ffffff55;border-radius:14px}
.brand strong {font-size:18px;font-weight:850;letter-spacing:-.65px}
.brand small {font-size:9px;letter-spacing:2.4px}
.nav-group {font-size:10px;margin:18px 13px 8px;color:#8c91b4}
.nav-item {border-radius:12px;min-height:44px;transition:background .14s,transform .14s,color .14s}
.nav-item:hover {background:#282b49;transform:translateX(2px)}
.nav-item.active {background:linear-gradient(100deg,#7964df6e,#5b50ad24 88%);border-color:#8173e778;color:#fff;box-shadow:inset 3px 0 #ab91ff}
.nav-item.active .ico {color:#d5c7ff}
.sidebar-foot {position:sticky;bottom:-14px;background:linear-gradient(180deg,#111427,#111426);padding-bottom:18px;z-index:2}
.header {height:75px;border-color:#292b42;background:#0e111ebd;box-shadow:0 6px 30px #05060f36}
.header-title {font-size:14px}
.live-pill {border-width:1px;letter-spacing:.35px}
main {width:100%;max-width:1660px;padding-top:39px}
.page-title {margin-bottom:24px}
.page-title h1 {font-size:clamp(26px,2.5vw,36px);line-height:1.12;letter-spacing:-1.5px;background:linear-gradient(115deg,#fff 50%,#cfc7ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.page-title p {font-size:13px;max-width:720px;color:#a9b4d0}
.eyebrow {letter-spacing:2.3px;color:#b19dff}
.card,.stat,.srv,.mini-stat {border:1px solid #31374f;background:linear-gradient(145deg,#1b2034,#121726 90%);box-shadow:0 7px 28px #04050b30,inset 0 1px #ffffff08}
.card {border-radius:18px}
.cardhead {background:linear-gradient(135deg,#24243b33,transparent)}
.stat {min-height:152px;border-radius:18px}
.stat strong {font-weight:800}
.stat .symbol {color:#d1c5ff}
.btn {border-radius:11px;min-height:39px;transition:background .15s,transform .15s,border-color .15s}
.btn:hover {transform:translateY(-1px)}
.btn:active {transform:translateY(0)}
.btn.primary {background:linear-gradient(135deg,#a188ff,#6857e6);border-color:#ae9bff;box-shadow:0 8px 26px #7c66ef39}
.btn.danger {border-color:#9b526a;background:#58283d}
.btn.ghost:hover {background:#232943;border-color:#3b4364}
.input,.select,.textarea {min-height:41px;font-size:13px;border-color:#404962;background:#111625}
.input:focus,.select:focus,.textarea:focus {border-color:#9d86ff;box-shadow:0 0 0 4px #967afa24}
.table th {background:#151c2b99}
.table td {color:#d3d8e9}
.table tbody tr:hover {background:#2e31503a}
.server-cards {gap:16px}
.srv {border-radius:18px;padding:20px}
.srv:hover {border-color:#625a87}
.terminal {border-radius:11px;line-height:1.65}
.alert {border-radius:12px}
.form-card {border:1px solid #464272;box-shadow:0 30px 90px #03040cb8,0 0 80px #6251ac16;background:linear-gradient(140deg,#22233e,#101321)}
.login-bg {background:radial-gradient(ellipse 690px 540px at 70% 20%,#51489c4d,transparent 90%),radial-gradient(ellipse 650px 550px at 12% 80%,#247c9050,transparent 90%),#090b17}
.diag-hero {position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:158px;padding:27px 30px;margin-bottom:18px;background:radial-gradient(ellipse at right,#6751ba70,transparent 67%),linear-gradient(130deg,#1b2344,#15182b);border:1px solid #4c4b7e;border-radius:19px;box-shadow:inset 0 1px #ffffff22}
.diag-hero h2 {margin:9px 0;font-size:25px;line-height:1.2}
.diag-hero p {max-width:640px;color:#bec8e5;font-size:12px;line-height:1.7}
.diag-hero-symbol {font-size:100px;line-height:1;color:#c3b5ff88;margin:0 25px}
.diag-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px}
.diag-box {display:flex;align-items:flex-start;gap:13px;padding:20px 16px;min-width:0;border:1px solid #394260;background:linear-gradient(140deg,#20243e,#151a2b);border-radius:16px}
.diag-box .diag-icon {display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #695dc484;border-radius:12px;background:#34305e;color:#c4b7ff;font-size:20px}
.diag-box div {min-width:0}.diag-box small{font-size:11px;color:#b0bad4;display:block;line-height:1.5}
.diag-box h2{font-size:16px;margin:11px 0 7px;color:white;white-space:nowrap}
.diag-box p{font-size:11px;color:#91a2c4;line-height:1.6;margin:0}
.setup-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:step}
.setup-steps li{counter-increment:step;display:grid;grid-template-columns:34px 1fr;column-gap:14px;padding:12px;border:1px solid #333b57;background:#131a2b;border-radius:12px}
.setup-steps li:before{content:counter(step);grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#6f5cba;color:#fff;font-weight:800}
.setup-steps strong{font-size:12px;color:#f2efff}.setup-steps span{font-size:11px;color:#a9b6d0;margin-top:5px;line-height:1.7;min-width:0;overflow-wrap:anywhere}
.setup-steps code{background:#272b45;padding:2px 5px;border-radius:4px;color:#cdbfff}
@media(max-width:1350px){.diag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.sidebar{width:238px}.shell{margin-left:238px}.header{padding:0 22px}.grid{gap:12px}}
@media(max-width:880px){.sidebar{width:min(84vw,310px);box-shadow:20px 0 80px #0009;z-index:30}.shell{margin-left:0}.header{padding:0 18px;z-index:20}.header .crumb{display:none}.mobile-scrim.visible{z-index:25}.mobile-toggle{display:grid}}
@media(max-width:680px){
 html{font-size:14px}main{padding:23px 14px 80px}
 .header{height:63px;padding:0 12px;gap:9px}.header-title{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.header .live-pill{max-width:155px;font-size:9px;padding:7px 9px}.icon-btn{width:39px;height:39px;flex-shrink:0}
 .page-title{gap:13px;margin-bottom:17px}.page-title h1{font-size:clamp(25px,7vw,33px);margin:8px 0}.page-title p{font-size:12px}
 .page-title>.actions{width:100%;display:flex;gap:7px}.page-title>.actions .btn{flex:1 1 auto}
 .grid{gap:9px}.stat{padding:14px;min-height:125px}.stat .sl{font-size:10px}.stat strong{font-size:clamp(22px,6vw,30px);margin:15px 0 3px}.stat small{font-size:9px}.stat .symbol{font-size:16px;right:12px}
 .twocol,.analytics-grid{gap:12px;margin-top:12px}.cardhead{padding:17px 15px;align-items:flex-start;flex-wrap:wrap}.cardhead .actions{width:100%}.cardhead .actions .btn{flex:1 1 auto}.cardbody{padding:15px}.card{border-radius:15px}
 .table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#675da4 transparent}
 .table{min-width:570px}.table th,.table td{padding:12px 13px}.btn{min-height:43px;padding:10px 12px;font-size:12px}
 .server-cards{grid-template-columns:minmax(0,1fr)}.srv{padding:17px}
 .file-toolbar{align-items:stretch}.file-toolbar .select{width:100%;max-width:none}.file-actions{margin:0;width:100%}.file-actions .btn{flex:1}.files-layout{grid-template-columns:minmax(0,1fr)}.file-list-card{min-height:260px}.file-editor{font-size:12px;padding:13px;min-height:310px}
 .diag-grid{grid-template-columns:minmax(0,1fr);gap:9px}.diag-hero{padding:19px 16px;min-height:120px}.diag-hero h2{font-size:21px}.diag-hero-symbol{font-size:52px;margin:0 0 0 6px}.diag-box{padding:15px}
 .analytics-metrics{gap:9px}.analytics-controls{gap:9px}.analytics-controls label{min-width:100%;flex:1 1 100%}.analytics-controls .select{flex:1;max-width:none;min-width:0}
 .form-grid{grid-template-columns:minmax(0,1fr)}.modal-card{max-width:calc(100vw - 24px)}
 .console-list{overflow-x:auto;scrollbar-width:thin}.terminal{white-space:pre-wrap;overflow-wrap:anywhere;max-height:55vh}
 .calendar{gap:3px}.day{min-width:0;padding:5px 3px}.day .date{font-size:10px}.daylabel{font-size:9px}
}
@media(max-width:380px){.header-title{display:none}.grid{grid-template-columns:1fr 1fr}.page-title h1{font-size:24px}.diag-hero-symbol{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Aeria Discord integration • fluid two-column, stacked on mobile */
.discord-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:165px;border-radius:20px;border:1px solid #61539d;background:radial-gradient(circle at 93% 0%,#7863c570,transparent 50%),linear-gradient(112deg,#292044,#17162c 75%);padding:26px 32px;margin-bottom:18px;overflow:hidden;box-shadow:0 18px 45px #0003}
.discord-hero h2{font-size:clamp(26px,3vw,36px);color:#fff;letter-spacing:-.04em;margin:8px 0}.discord-hero p{color:#d0c8ed;font-size:13px;line-height:1.7;max-width:520px;margin-bottom:13px}
.discord-orb{font-size:95px;color:#d5c8ff;opacity:.8;text-shadow:0 0 55px #ab83ff}
.discord-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.discord-metrics article{background:#171c31;border:1px solid #333954;border-radius:15px;padding:17px;min-width:0}.discord-metrics span{color:#a1acd0;font-size:11px}.discord-metrics strong{display:block;color:#f6f2ff;font-size:clamp(14px,1.5vw,21px);overflow-wrap:anywhere;margin-top:10px}
.discord-columns{align-items:start}.discord-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.discord-form .field{min-width:0}.discord-form .field label{display:block;margin-bottom:7px}.discord-form-footer{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:18px;flex-wrap:wrap}.discord-side{display:grid;gap:12px}.discord-schedule{display:flex;gap:14px;padding:16px;border-radius:13px;border:1px solid #56467c;background:#27213f}.discord-schedule p,.discord-schedule small{display:block;color:#c7bce4;font-size:12px;margin:7px 0;line-height:1.65}.schedule-icon{font-size:32px;color:#e5ccff}.discord-divider{width:100%;height:1px;border:0;background:#343a54;margin:8px 0}.discord-side h3{font-size:15px;margin:7px 0}.discord-side form{display:grid;gap:11px}.discord-commands{display:flex;flex-wrap:wrap;gap:8px}.discord-commands code{font-size:12px;background:#302744;color:#d8caff;border:1px solid #5b4b83;border-radius:7px;padding:6px 9px}
@media(max-width:1250px){.discord-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.discord-hero{padding:19px;border-radius:15px}.discord-hero p{font-size:12px}.discord-orb{font-size:46px}.discord-metrics{gap:8px}.discord-metrics article{padding:12px}.discord-columns{display:grid;grid-template-columns:minmax(0,1fr)}.discord-form .form-grid{grid-template-columns:minmax(0,1fr)}.discord-form-footer .btn{width:100%}.discord-schedule{padding:12px}.discord-side .btn{width:100%}}

.discord-install-note{display:block;overflow-wrap:anywhere;word-break:normal;max-width:100%;line-height:1.9}
.discord-install-note code{display:inline;white-space:normal;overflow-wrap:anywhere;background:#302744;border-radius:5px;padding:2px 4px}

/* ── Aeria 0.8 / professional desktop + touch-ready Discord inbox ── */
:root{--bg:#080c15;--panel:#121c2b;--panel2:#1b2739;--border:#2a3a50;--text:#f2f6ff;--sub:#9dafc8;--primary:#9d83fb;--primary2:#6a57d5;--cyan:#7ce8e3}
body{background:radial-gradient(circle 680px at 78% -10%,#6458cb1c,transparent 80%),radial-gradient(circle 760px at -10% 92%,#116e8813,transparent 80%),#080c15}
.sidebar{background:linear-gradient(170deg,#111e30,#0c1322 66%,#0b1120);border-right:1px solid #2c4055}
.nav-item{font-weight:650;letter-spacing:.07px}.nav-item.active{background:linear-gradient(100deg,#4e518088,#36395439);box-shadow:inset 3px 0 #91c8ed;border-color:#61749b66}
.brandmark{background:linear-gradient(145deg,#aa8bff,#638bd2)}
.header{background:#0c1422e8;backdrop-filter:blur(18px);border-bottom:1px solid #28394b}
.page-title h1{background:linear-gradient(120deg,#f8faff,#b8c8ef 87%);-webkit-background-clip:text;background-clip:text}
.card,.stat,.srv,.mini-stat{background:linear-gradient(160deg,#172338,#111a2a);border-color:#30445a;box-shadow:0 10px 36px #0002,inset 0 1px #ffffff08}
.btn.primary{background:linear-gradient(125deg,#9275ed,#7467cf);box-shadow:0 7px 22px #8774f42c;border-color:#ab99fc}
.file-toolbar{background:#162236;border:1px solid #344b66}.file-entry:hover{background:#283954}.file-editor{background:#0d1523;color:#c5efdf}
.chat-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:27px 32px;margin:0 0 18px;border:1px solid #415981;border-radius:22px;background:linear-gradient(105deg,#202b4c,#192943 63%,#223b51);box-shadow:0 16px 48px #0002;overflow:hidden}
.chat-hero h2{font-size:clamp(24px,3vw,35px);letter-spacing:-.04em;line-height:1.16;margin:9px 0}.chat-hero p{color:#b7c8df;font-size:13px;line-height:1.65;max-width:700px;margin:0}.chat-hero-icon{font-size:94px;opacity:.23;line-height:1}
.chat-workspace{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:18px;min-width:0}
.chat-rooms,.chat-main{min-width:0;overflow:hidden}.chat-rooms{min-height:550px}.chat-room-list{display:grid;gap:4px;padding:10px}
.chat-room{display:flex;align-items:center;gap:12px;width:100%;padding:13px 11px;color:#b9c8de;text-align:left;background:transparent;border:1px solid transparent;border-radius:11px;cursor:pointer}.chat-room>span:first-child{font-size:22px;color:#80a6d1;font-weight:700}.chat-room>b,.chat-room span b{font-size:13px;display:block;color:#f1f5ff}.chat-room small{font-size:10px;color:#91a3bd;display:block;margin-top:5px}.chat-room:hover{background:#26334a}.chat-room.selected{background:#373c646b;border-color:#7784ad;color:#fff}
.chat-empty-small{color:#9dadc9;font-size:12px;line-height:1.6;padding:14px}
.chat-main{display:flex;flex-direction:column;min-height:575px}.chat-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 21px;border-bottom:1px solid #34465f}.chat-top h2{font-size:21px;letter-spacing:-.5px;margin:4px 0}.chat-top small{font-size:9px;color:#90aecb;letter-spacing:1.5px}.chat-top span{font-size:11px;color:#91a3bd}
.chat-stream{flex:1;min-height:280px;max-height:520px;overflow-y:auto;padding:19px;display:flex;flex-direction:column;gap:17px;scrollbar-color:#354c69 transparent}
.chat-bubble{display:flex;align-items:flex-start;gap:11px;max-width:100%}.chat-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:12px;background:#38506b;color:#e5f2ff;font-size:16px;font-weight:750}.from-bot .chat-avatar{background:linear-gradient(145deg,#8c72d9,#5a5d9b)}.chat-message{min-width:0;flex:1}.chat-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chat-meta strong{font-size:12px}.chat-meta time{font-size:10px;color:#7f93ac;margin-left:auto}.chat-message p{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:13px;color:#d7e0f1;padding:10px 13px;border-radius:0 13px 13px 13px;background:#1c2b3d;margin:8px 0 0}.from-bot .chat-message p{background:#252c51}.chat-message small{color:#9fb6d4;font-size:10px}
.chat-empty{margin:auto;text-align:center;color:#91a7c5;max-width:350px}.chat-empty span{font-size:45px;color:#9a8fea}.chat-empty h3{color:#ecf2ff}.chat-empty p{font-size:12px;line-height:1.6}
.chat-compose{padding:17px 21px;background:#142234;border-top:1px solid #34465f}.chat-compose>label{display:block;font-size:11px;color:#9daec6;margin:0 0 11px}.chat-compose .textarea{width:100%;resize:vertical;min-height:80px;max-height:200px;background:#101a2c}.chat-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}.chat-compose-footer span{font-size:10px;color:#93a8bf}
@media(max-width:1040px){.chat-workspace{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:780px){.chat-workspace{grid-template-columns:minmax(0,1fr);gap:12px}.chat-rooms{min-height:0}.chat-rooms .cardhead{padding:14px}.chat-room-list{display:flex;overflow-x:auto;padding:8px;scrollbar-width:thin}.chat-room{width:auto;min-width:125px;flex:0 0 auto;padding:10px}.chat-hero{padding:20px}.chat-hero-icon{font-size:44px}.chat-main{min-height:490px}.chat-stream{max-height:440px}.chat-compose{padding:14px}.chat-compose-footer{flex-wrap:wrap}.chat-compose-footer .btn{width:100%}}
@media(max-width:440px){.chat-hero h2{font-size:23px}.chat-hero-icon{display:none}.chat-top{padding:12px;flex-wrap:wrap}.chat-stream{padding:12px;min-height:240px}.chat-bubble{gap:8px}.chat-avatar{width:29px;height:29px;border-radius:9px}.chat-message p{font-size:12px;padding:9px}.chat-meta time{font-size:9px}}

/* v0.9 : CloudNet modes, touch-friendly responsive summary */
.mode-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}
.mode-tile{padding:19px 20px;border:1px solid rgba(157,167,213,.18);border-radius:15px;background:linear-gradient(135deg,rgba(118,91,245,.15),rgba(24,31,51,.75));min-width:0;box-shadow:0 12px 36px rgba(0,0,0,.1)}
.mode-tile>span{display:block;font-size:.7rem;letter-spacing:.11em;color:#b9b3e4}
.mode-tile>strong{display:block;font-size:1.45rem;margin:9px 0;color:#f2f1ff;overflow-wrap:anywhere}
.mode-tile>div{font-size:.86rem;color:#b9c6df}.mode-tile>div>b{color:#e5e2ff}
.mode-tile small{color:#96a6c7}.mode-note{font-size:.78rem;color:#9aa8c4;margin:-3px 0 22px}
@media(max-width:620px){.mode-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mode-tile{padding:14px 12px}.mode-tile>strong{font-size:1.18rem}.mode-tile>div{font-size:.77rem}}
@media(max-width:360px){.mode-overview{grid-template-columns:1fr}}

/* ━━━━━━━━━━━━━ AERIA v0.9.2 — ROUGE / VIOLET · RESPONSIVE ━━━━━━━━━━━━━ */
:root {
  color-scheme:dark;
  --bg:#090911;--panel:#171322;--panel2:#20172e;--panel3:#251c35;
  --border:#41304f;--text:#f8f4ff;--sub:#b7a8ca;
  --primary:#bc78ff;--primary2:#8b4dce;--cyan:#e78ac2;
  --ok:#64d5b2;--warn:#ffc187;--bad:#ff718b;
  font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  font-optical-sizing:auto;font-weight:450;
}
body{background:radial-gradient(ellipse 850px 550px at 78% -15%,#9227a32a,transparent 76%),radial-gradient(ellipse 620px 620px at 3% 100%,#c51b5b13,transparent 80%),#090911}
.brand strong,.page-title h1,.stat strong,.mini-value,.mode-tile>strong{font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif;font-weight:780;letter-spacing:-.035em}
.sidebar{background:linear-gradient(165deg,#1d1229,#100d19 67%,#0e0a16);border-color:#3b294a}
.sidebar-foot{background:linear-gradient(180deg,#140e20,#100d19)}
.brandmark{background:linear-gradient(145deg,#ef4a81,#963cdd);border-color:#ec85b0aa;box-shadow:0 7px 30px #dc48834c}
.nav-item{font-weight:620;color:#d0bddc;letter-spacing:0}
.nav-item:hover{background:#3d2142;color:#fff}
.nav-item.active{background:linear-gradient(105deg,#6a265c88,#4e267c50);border-color:#ad538e88;box-shadow:inset 3px 0 #ed528f;color:#fff}
.nav-group{color:#b18aae}
.header{background:#100d19e8;border-color:#3b294b}
.crumb,.eyebrow{color:#db82ba}
.page-title h1{color:#fff;filter:none;background:linear-gradient(115deg,#fff,#eab7eb);background-clip:text;-webkit-background-clip:text}
.card,.stat,.srv,.mini-stat{background:linear-gradient(145deg,#21182e,#15121f 88%);border:1px solid #483353;box-shadow:0 14px 35px #0003,inset 0 1px #ffffff0a}
.cardhead{background:#2b1c3830;border-color:#4b3856}
.stat:after{background:#dc3f8840}
.stat .symbol{color:#fa80be}
.btn{background:#2d213a;border-color:#593a68;color:#f8efff;font-weight:680;letter-spacing:0}
.btn:hover{background:#3f294f}
.btn.primary{background:linear-gradient(120deg,#e83f7d,#9650dc);border-color:#f187b0;box-shadow:0 9px 25px #d9358438}
.btn.danger{background:#552136;border-color:#a14865;color:#ffc7d3}
.status.green{background:#193b39;color:#7ae2c1}.status.red{background:#512336;color:#ff90ac}
.input,.select,.textarea{background:#130f1c;border:1px solid #584368;color:#faf2ff;font-size:14px}
.input:focus,.select:focus,.textarea:focus{border-color:#d56dc7;box-shadow:0 0 0 3px #d850a733}
.server-icon{background:#452b55;color:#f0a2e4}
.progress{background:#3b2b47}.progress>i{background:linear-gradient(90deg,#f55288,#9c62e6)}
.live-pill{background:#2c1d38;border-color:#5c365f;color:#e9b6df}
.icon-btn{background:#2b1d36;border-color:#553766}
.table th{background:#1f162eaa;color:#ba9abe}.table td{color:#e5d8ee;border-color:#3b2b49}
.diag-hero,.discord-hero,.chat-hero{background:radial-gradient(ellipse at right,#a1347970,transparent 64%),linear-gradient(135deg,#3b1b40,#20152d);border-color:#7f4175}
.diag-box,.discord-metrics article{background:#1e172c;border-color:#513860}
.diag-box .diag-icon{background:#57315d;border-color:#a45990;color:#f7a4da}
.chat-room.selected{background:#632d5d80;border-color:#ae5797}
.chat-bubble.from-bot .chat-avatar{background:linear-gradient(130deg,#ef4c84,#7e4bd0)}
.file-toolbar{background:#21172e;border-color:#51375e}
.file-editor{background:#100c17;color:#f0d9e9}
.discord-commands code,.discord-install-note code{background:#3d254d;color:#f6c6ee;border-color:#7c4d83}
.form-card{background:linear-gradient(140deg,#341d42,#15101d);border-color:#814c7c}
.login-bg{background:radial-gradient(ellipse at 68% 28%,#91368662,transparent 72%),radial-gradient(ellipse at 5% 90%,#a8294e39,transparent 80%),#090911}
.mode-overview{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0 28px}
.mode-tile{border:1px solid #4d345c;border-radius:19px;padding:20px 21px;background:linear-gradient(142deg,#2a1b3a,#181322 89%);box-shadow:0 12px 32px #0002;min-height:178px}
.mode-tile.mode-live{border-color:#8b4774;background:radial-gradient(ellipse at top right,#ad327b39,transparent 72%),linear-gradient(142deg,#301e40,#1a1425)}
.mode-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mode-top>span{color:#df93be;font-size:10px;letter-spacing:.14em;font-weight:720}
.mode-tile>strong{font-size:clamp(21px,2vw,27px);margin:17px 0 15px;line-height:1.1;color:#fff}
.mode-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #68456950;padding-top:13px}
.mode-metrics>div{display:flex;flex-direction:column;gap:3px}.mode-metrics b{font-size:22px;color:#fff}.mode-metrics small{color:#c5aecf;font-size:11px}
.mode-instance-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.mode-instance-list span{font-size:10px;color:#f4c4eb;background:#5b2e5d77;padding:5px 8px;border-radius:6px;border:1px solid #98568966}
.mode-idle-text{font-size:11px;color:#b9a1c2;margin-top:12px}
.network-strip{display:flex;flex-wrap:wrap;align-items:center;gap:11px;padding:14px 18px;margin-bottom:18px;border:1px solid #5a3863;border-radius:13px;background:#291b38;color:#f5e6fc;font-size:12px}
.network-strip>span{color:#cdb8d8}.network-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#55d7ac;box-shadow:0 0 0 4px #5dcaa627}
.section-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 13px}.section-label h2{font-size:19px;margin:0 0 5px;font-weight:750}.section-label p{font-size:12px;color:#b9a5c4;margin:0}
.live-instance{min-width:0}.srvname-wrap{min-width:0;max-width:100%}.srvname{overflow-wrap:anywhere;word-break:normal;font-size:17px;color:#fff}.instance-full{display:block;overflow:hidden;text-overflow:ellipsis;max-width:220px;color:#a98fba;white-space:nowrap;margin-top:6px}
.srvfoot{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.srvmeta b{color:#fdf5ff}
.mode-note{margin:19px 0;color:#baa6c5}.empty-live{width:100%;border:1px dashed #68466b;border-radius:15px;background:#21152b;line-height:1.9}
@media(min-width:1400px){.mode-overview{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:740px){
 main{padding:20px 14px 40px}.header{height:62px;padding:0 14px}.mode-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-tile{padding:15px;min-height:160px}.mode-tile>strong{font-size:21px}.server-cards{grid-template-columns:minmax(0,1fr)}
 .network-strip{padding:12px;gap:8px}.section-label h2{font-size:17px}.srv{padding:17px}.srvfoot .btn{flex:1 1 120px;min-height:40px}.page-title{align-items:flex-start}.page-title h1{font-size:26px}
 .btn{min-height:43px}.nav-item{min-height:47px}.terminal-input{flex-wrap:wrap}.terminal-input .input{min-width:100%}
}
@media(max-width:420px){.mode-overview{grid-template-columns:minmax(0,1fr)}.mode-tile{min-height:0}.network-strip>span{width:100%}.section-label .btn{width:100%}}


/* Aeria Control v1.2 — connection settings, access control, responsive performance */
:root {--primary:#cd65cc;--primary2:#943fbc;--cyan:#e4a3ed;--text:#fbf5ff;--sub:#c0afcc}
.db-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:17px}
.db-form-grid .field{min-width:0}.db-form-grid .field.full{grid-column:1/-1}
.db-form-grid label{color:#e7d4ea}.db-form-grid .input,.db-form-grid .select{width:100%;max-width:100%;min-width:0}
.db-form-grid .input:focus,.db-form-grid .select:focus{border-color:#e08ad1;box-shadow:0 0 0 4px #ca5ca922}
.staff-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;margin:0 0 17px;background:linear-gradient(125deg,#2b1b38,#1c152a);border:1px solid #6a4177;border-radius:19px}
.staff-intro h2{margin:7px 0 9px;font-size:clamp(20px,2vw,27px);line-height:1.15;letter-spacing:-.6px}
.staff-intro p{color:#cdb9d6;max-width:680px;font-size:12px;line-height:1.75;margin:0}
.staff-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.staff-roles>div{border:1px solid #563662;border-radius:14px;padding:17px;background:linear-gradient(125deg,#281b36,#1a1424);min-width:0}
.staff-roles b{display:block;font-size:12px;margin-bottom:7px;color:#f6d9f1}
.staff-roles span{color:#bca7c9;font-size:11px;line-height:1.5;display:block}
#database-settings-form .actions{margin-top:18px}
#database-settings-form .form-help{color:#baa9c9;line-height:1.7}
.card,.srv,.stat{contain:layout style}
.nav-item{will-change:auto}
.page-title,.card{animation:aeria-fade .13s ease-out both}
@keyframes aeria-fade{from{opacity:.80}to{opacity:1}}
@media(max-width:960px){.staff-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.db-form-grid{grid-template-columns:minmax(0,1fr);gap:12px}.staff-intro{flex-direction:column;align-items:flex-start;padding:19px}.staff-intro .btn{width:100%}.staff-roles{gap:9px}.staff-roles>div{padding:13px}#database-settings-form .actions .btn{flex:1 1 120px}.db-form-grid .field.full{grid-column:1}}
@media(max-width:380px){.staff-roles{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* AeriaModeration 1.6.0 · v1.3 */
.event-filters {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:17px 0}
.event-filters .btn {min-height:40px}
.event-filters .count {display:inline-block;min-width:18px;margin-left:5px;opacity:.75;font-variant-numeric:tabular-nums}
.event-actions {display:flex;gap:6px;flex-wrap:wrap;min-width:185px}
.event-actions .btn {min-height:34px}
.event-note {border:1px solid rgba(180,98,201,.24);border-radius:13px;background:rgba(141,52,145,.08);padding:12px 16px;color:var(--muted,#b9afc3);font-size:.87rem;line-height:1.55;margin:0 0 16px}
.event-history-line {border-bottom:1px solid rgba(148,100,165,.20);padding:13px 4px;line-height:1.5;overflow-wrap:anywhere}
.event-history-line p {font-size:.9rem;opacity:.8;margin:5px 0 0}
.event-history-line small {margin-left:10px;opacity:.7}
@media(max-width:720px){.event-filters{gap:6px}.event-filters .btn{flex:1 1 auto}.event-actions{min-width:0}.event-actions .btn{flex:1 1 45%;font-size:.79rem}}

/* v1.4 — scrolling and long evidence inside report dossier */
.report-dossier-modal{max-width:min(780px,calc(100vw - 24px))}
.report-dossier-modal .modal-body{max-height:min(70vh,720px);overflow:auto;overscroll-behavior:contain}
.report-proof{border-bottom:1px solid rgba(180,120,190,.2);padding:12px 0;overflow-wrap:anywhere}
.report-proof p{white-space:pre-wrap;margin:7px 0 0}
@media(max-width:600px){.report-dossier-modal .modal-body{max-height:68dvh}}

/* 1.5.2 — centre de maintenance métier, état lisible en desktop et mobile. */
.maint-hero{position:relative;display:flex;gap:22px;align-items:center;justify-content:space-between;padding:26px 30px;margin-bottom:22px;border:1px solid rgba(250,126,100,.3);border-radius:20px;background:linear-gradient(118deg,rgba(128,37,52,.22),rgba(32,28,49,.78) 64%,rgba(20,25,39,.9));overflow:hidden}
.maint-hero h2{font-size:clamp(22px,2.5vw,32px);line-height:1.2;margin:9px 0 10px}
.maint-hero p{max-width:770px;color:var(--muted,#a7abc2);line-height:1.55;margin:0 0 15px}
.maint-hero .chips{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.maint-emblem{flex-shrink:0;font-size:64px;opacity:.18;filter:grayscale(.4)}
.maint-global{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 24px}
.maint-global strong{font-size:17px;display:block;margin-bottom:6px}
.maint-global .form-help{margin:0;max-width:660px}
.maint-global .btn{flex-shrink:0}
.maint-warning{padding:14px 24px;border-top:1px solid rgba(241,149,82,.17);color:#d5bca9;line-height:1.5;font-size:13px}
.maint-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:12px;padding:19px 22px}
.maint-item{display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(29,34,49,.64);border:1px solid rgba(169,179,202,.11);border-radius:14px;padding:16px;min-width:0}
.maint-item>div:first-child{min-width:0;overflow-wrap:anywhere}
.maint-item strong{font-size:15px}
.maint-item .tiny{font-size:11px;margin-top:6px;line-height:1.5;color:var(--muted,#a7abc2)}
.maint-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;flex-shrink:0}
.maint-hero+.card,.maint-hero+.alert{margin-top:0}
@media(max-width:740px){.maint-hero{padding:21px 19px}.maint-emblem{display:none}.maint-global{flex-direction:column;align-items:stretch;padding:19px}.maint-global .btn{width:100%}.maint-services{grid-template-columns:1fr;padding:12px}.maint-item{flex-direction:column;align-items:stretch}.maint-actions{justify-content:space-between}}

/* v1.5.3 — Navigation regroupée + bibliothèque de journaux */
.nav-search-wrap{position:sticky;top:-24px;z-index:3;padding:4px 10px 12px;background:#141626;box-shadow:0 8px 15px #05060f30}
.nav-search-wrap .nav-search{min-height:39px;background:#0c1221;border-radius:11px;max-width:none;font-size:12px}
.nav-search-wrap small{display:block;text-align:center;color:#8d97b0;margin-top:8px;font-size:10px}
.nav-category{padding-bottom:7px;border-bottom:1px solid #ffffff0c;margin-bottom:7px}
.nav-category[hidden],.nav-category .nav-item[hidden],.console-line[hidden]{display:none!important}
.nav-category .nav-item{display:flex;gap:10px;align-items:center;width:100%;padding:10px 12px 10px 14px;text-align:left}
.nav-category .nav-group{margin-top:12px;margin-bottom:6px;letter-spacing:1.2px;font-size:9px}
.sidebar{display:flex;flex-direction:column;gap:0}
.nav-scroller{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding-right:2px;scrollbar-width:thin}
.sidebar-foot{margin-top:auto;position:static;flex-shrink:0;padding-top:12px}
.log-library-intro{border:1px solid #47405c;background:linear-gradient(110deg,#201b32,#141b29);padding:22px 25px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:17px}
.log-library-intro h2{font-size:21px;margin:9px 0 5px;color:#fff}
.log-library-intro p{font-size:12px;line-height:1.7;margin:0;color:#aebad0;max-width:670px}
.log-layout{grid-template-columns:minmax(215px,260px) minmax(0,1fr);align-items:start}
.log-source-card{max-height:68vh;overflow:auto}
.log-source-list{display:grid;gap:6px;padding:12px}
.log-source{border:1px solid transparent;color:#c5c9d9;text-align:left;background:#151b2c;padding:12px;border-radius:11px;cursor:pointer;display:grid;gap:5px}
.log-source b{font-size:12px;word-break:break-word}.log-source small{font-size:10px;color:#8a9db9}
.log-source:hover{border-color:#575673;background:#262638}
.log-source.active{background:#302845;border-color:#8a6db5;color:#f5ecff}
.console-main{min-width:0;overflow:hidden}
.console-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.console-top>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.console-tools{display:flex;flex-wrap:wrap;gap:7px;padding:10px 14px;border-top:1px solid #303346;border-bottom:1px solid #303346;background:#101624}
.console-tools .btn{font-size:10px;min-height:34px;padding:7px 10px}
.console-tools .console-search{max-width:260px;min-height:34px;margin-left:auto;font-size:11px}
.log-terminal{height:480px;min-height:300px;max-height:70vh;border-radius:0;padding:14px 17px;overflow-anchor:none;scrollbar-gutter:stable}
.log-terminal .console-line{padding:2px 0;border-bottom:1px solid #ffffff07}
.log-terminal .console-line:hover{background:#ffffff0b}
.log-readonly{padding:13px;color:#9aa8c4;font-size:11px;background:#0d1321}
@media(max-width:950px){.log-layout{grid-template-columns:minmax(0,1fr)}.log-source-card{max-height:none}.log-source-list{display:flex;overflow-x:auto;scrollbar-width:thin}.log-source{min-width:145px;flex-shrink:0}.console-tools .console-search{max-width:none;flex-basis:100%;margin-left:0}.log-terminal{height:420px}}
@media(max-width:600px){.log-library-intro{padding:17px;display:block}.log-library-intro .btn{margin-top:14px}.console-top{padding:12px}.console-tools{padding:9px}.console-tools .btn{flex:1;min-width:120px}.log-terminal{height:370px;font-size:10px;padding:10px}.nav-search-wrap{top:0}}
/* Archives .log directement sur le nœud — lecture seule et périmètre limité */
.log-file-panel{margin-top:19px;min-width:0}
.log-file-toolbar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:12px 20px;background:#121a2a}
.log-file-toolbar>label{font-size:11px;color:#a6b4cd;font-weight:700}
.log-file-toolbar .files-breadcrumb{flex-basis:100%;margin:1px 0}
.log-files-grid{display:grid;grid-template-columns:minmax(210px,300px) minmax(0,1fr);min-height:330px}
.log-file-items{max-height:520px;overflow:auto;padding:11px;border-right:1px solid #2e364a;display:grid;align-content:start;gap:5px}
.log-file-item{border:1px solid transparent;padding:11px 12px;border-radius:8px;background:#141c2d;color:#c5d2e8;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;cursor:pointer;min-width:0}
.log-file-item span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-file-item small{font-size:10px;color:#93a4c3;white-space:nowrap}
.log-file-item:hover,.log-file-item.active{border-color:#7d6ca6;background:#29263c}
.log-file-reader{display:flex;flex-direction:column;min-width:0;background:#080e1b}
.log-reader-head{padding:12px 15px;display:flex;gap:8px;justify-content:space-between;font-size:11px;color:#c5cde4;border-bottom:1px solid #292c41}
.log-reader-head b{overflow-wrap:anywhere}
.log-raw-content{margin:0;padding:14px 16px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;max-height:520px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#bdd3bd}
@media(max-width:790px){.log-files-grid{grid-template-columns:1fr}.log-file-items{max-height:210px;border-bottom:1px solid #292c41;border-right:0}.log-file-reader{min-height:250px}}

/* v1.5.4: navigation claire et lecture journaux */
.console-shortcuts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:14px 18px;border:1px solid var(--border, #31313a);border-radius:12px}
.console-shortcuts span{font-weight:600;margin-right:auto}
.log-select-label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:650}
.log-select-label select{min-width:190px;max-width:100%}
.log-terminal{overflow:auto;overscroll-behavior:contain}
.console-line{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.log-select-label{width:100%}.log-select-label select{flex:1;min-width:0}.console-shortcuts{align-items:stretch}}

/* v1.5.7 · CloudNet actions and drag/drop */
.cloudnet-launch{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cloudnet-launch label{font-size:12px;color:#a8b9d2;font-weight:650}
.cloudnet-launch select{min-width:100px;max-width:240px}
.cloudnet-stopped{display:grid;gap:8px;max-height:220px;overflow-y:auto}
.cloudnet-stopped-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff15;padding:6px 3px}
.cloudnet-stopped-row code{overflow-wrap:anywhere}
.file-drop-zone{border:2px dashed #606e91;background:#101d30;padding:18px;margin:10px 0;border-radius:12px;text-align:center;font-size:12px;color:#cbd8ed;transition:.15s ease}
.file-drop-zone.drag-active{background:#273653;border-color:#9daeff;transform:scale(1.005)}
.file-drop-zone.disabled{opacity:.55;cursor:not-allowed}
.console-hints{padding:5px 15px 12px;background:#111a2b;color:#b5c6ed;font:12px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.console-hints:empty{display:none}
.minecraft-motd{border:1px solid #515b71;border-radius:9px;background:#171717;color:white;font:16px/1.6 ui-monospace,Consolas,monospace;padding:15px 16px;min-height:54px;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:1px 1px 0 #101010;margin:7px 0 14px}
.motd-preview-label{font-size:12px;font-weight:650;color:#b8c9e1;margin:13px 0 3px}
.velocity-motd #motd-form{display:grid;gap:7px}
.velocity-motd #motd-form .btn{justify-self:start}
@media(max-width:600px){.cloudnet-launch{align-items:stretch;flex-direction:column}.cloudnet-launch select{max-width:100%}}
/* Native TAB suggestions are real JLine results from the CloudNet Screen/tmux. */
.native-tab-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.native-tab-list .btn.selected,.native-tab-list .btn:hover{outline:2px solid currentColor;outline-offset:2px}
