:root{color-scheme:dark;--bg:#101215;--panel:#181b20;--panel2:#1d2127;--border:#2b3038;--text:#eceef2;--muted:#929ba8;--accent:#dda86b;--accent-hover:#efbc80;--red:#ed8b88;--green:#81c6a0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;color:var(--text);background:#242931;border:1px solid #353b45;border-radius:8px;padding:9px 14px;white-space:nowrap;transition:background .15s}button:hover{background:#303640}button:disabled{opacity:.55;cursor:wait}a{color:var(--accent);text-decoration:none}input{width:100%;border:1px solid #3b424d;background:#12151a;color:var(--text);padding:11px 12px;border-radius:7px;margin-top:7px}input:focus{outline:2px solid #dda86b66;border-color:var(--accent)}label{display:block;margin:18px 0;color:#c7cdd6;font-size:13px}.primary{background:var(--accent);border-color:var(--accent);color:#231c15;font-weight:650}.primary:hover{background:var(--accent-hover)}.full{width:100%}.hidden{display:none!important}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;font-weight:620;line-height:1.25;margin-bottom:10px}h2{font-size:18px;letter-spacing:-.3px;margin:0}h3{font-size:17px}.eyebrow{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1.7px;margin-bottom:12px}.brand-mark{width:39px;height:42px;border:1px solid #785d40;border-radius:10px;color:#e6b87e;background:linear-gradient(145deg,#392d20,#201d1a);display:grid;place-items:center;font-family:Georgia,serif;font-size:29px;font-weight:bold;flex:none}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;padding:30px 20px 0;background:#14171b;border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:var(--text);font-size:20px;font-weight:600;padding:0 8px}.brand-sub{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;font-weight:500;margin-top:2px}.nav-label{font-size:9px;color:#687280;letter-spacing:1.2px;margin:49px 12px 15px}.nav-item{display:flex;align-items:center;width:100%;gap:13px;border:0;text-align:left;background:transparent;color:#9ca5b2;font-size:13px;padding:12px 14px;margin:5px 0}.nav-item span{font-size:20px;width:20px;text-align:center}.nav-item.selected{background:#30281f;color:#e6b378;box-shadow:inset 2px 0 #dda86b;border-radius:5px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:20px 0;display:flex;align-items:center;gap:9px}.avatar{border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#2e353f;color:#c1cbd7;font-weight:650}.profile{min-width:0;flex:1}.profile strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile span{display:block;font-size:10px;color:var(--muted)}.icon-button{border:0;background:transparent;color:var(--muted);padding:6px 9px;line-height:1.2;font-size:18px}.icon-button:hover{color:var(--text);background:#ffffff0a}.workspace{margin-left:242px;flex:1;min-width:0}.topbar{height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--border);color:#768190;font-size:12px}.topbar a{font-size:12px;color:#bcc4cf}.content{max-width:1420px;margin:auto;padding:38px 42px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.page-heading .muted{margin:0;font-size:13px}.service-label{font-family:monospace;color:#7e8997;border:1px solid var(--border);padding:5px 10px;border-radius:5px;font-size:12px}.server-card{display:flex;align-items:center;gap:16px;background:linear-gradient(110deg,#1d2523,#1a2023 55%,#191d22);border:1px solid #34443b;border-radius:11px;padding:21px 23px;margin-bottom:30px}.server-icon{display:grid;place-items:center;font-size:33px;color:#90ba9e;background:#24362c;border:1px solid #364a3d;border-radius:10px;width:47px;height:47px}.server-info{display:flex;flex-direction:column;gap:4px;flex:1}.server-info strong{font-size:14px;font-weight:600}.server-info span{font-size:11px;color:#8b9b96}.status-pill{font-size:11px;padding:4px 10px;border:1px solid #4d514e;border-radius:20px;color:#b5bdb6}.status-pill.online{color:var(--green);border-color:#385845;background:#1f3428}.status-pill.offline{color:var(--accent)}.restart-button{margin-left:8px;background:#292e30;border-color:#444b4a;font-size:13px}.restart-button:hover{background:#3b4140}.file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0;font-size:13px;color:#58616f}.breadcrumbs button{border:0;padding:0;background:none;font-size:13px;color:#a4adba;white-space:normal;word-break:break-word}.breadcrumbs .crumb-root{color:#e0e5eb;font-weight:600}.breadcrumbs button:hover{color:var(--accent)}.toolbar-actions{display:flex;gap:8px;flex:none}.toolbar-actions button{font-size:12px}.file-card{background:var(--panel);border:1px solid var(--border);border-radius:11px;overflow:hidden}.file-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 21px;color:#8a94a2;font-size:11px;border-bottom:1px solid var(--border)}.text-button{border:0;background:none;font-size:11px;color:#9ba6b6;padding:3px 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#737e8e;font-weight:500;background:#16191e;padding:12px 20px;border-bottom:1px solid var(--border)}td{padding:12px 20px;border-bottom:1px solid #272c33;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff02}th:first-child{width:52%}.actions-heading{text-align:right}.file-name{display:flex;align-items:center;gap:13px;background:transparent;border:0;padding:0;max-width:480px;white-space:normal;text-align:left;font-size:12px;color:#d8dee8;overflow-wrap:anywhere}.file-name:hover{background:none;color:var(--accent)}.file-icon{font-size:25px;color:#78879b;line-height:1}.folder-icon{color:#d4ab73;font-size:24px}.file-actions{text-align:right;padding-top:8px;padding-bottom:8px;white-space:nowrap}.small-button{font-size:10px;padding:5px 8px;border:1px solid #54452f;background:#332a20;margin-right:5px}.accent-text{color:var(--accent)}.danger-text{color:var(--red)}.drop-hint{border-top:1px dashed #353d49;padding:19px;text-align:center;color:#667283;font-size:11px;background:#15191e}.drop-hint.dragging{background:#362d22;border-color:var(--accent);color:var(--accent)}.help-text{max-width:880px;color:#727e8e;font-size:11px;line-height:1.8;margin:18px 2px 0}.empty{text-align:center;padding:45px 20px;color:#8793a3}.empty>span{font-size:44px;color:#6e5c44}.empty h3{color:#c6ced8;margin:12px 0 7px}.empty p{font-size:12px;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;padding:21px;border-bottom:1px solid var(--border);gap:10px}.section-header button{font-size:12px}.section-note{color:var(--muted);font-size:12px;margin:18px 21px}.list-row{display:flex;align-items:center;gap:12px;padding:18px 21px;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.list-row button{font-size:11px}.list-info{flex:1;min-width:0;overflow-wrap:anywhere}.list-info strong{font-size:13px;display:block}.list-info span{font-size:11px;display:block;color:var(--muted);margin-top:4px}.list-empty{padding:24px;color:var(--muted);margin:0}.audit-detail{max-width:550px;overflow-wrap:anywhere;white-space:normal}footer{display:flex;justify-content:space-between;color:#424e5c;font-size:9px;letter-spacing:1.1px;border-top:1px solid #222831;margin-top:60px;padding:22px 0}footer span{letter-spacing:0;color:#586474}dialog{width:min(500px,calc(100vw - 30px));padding:26px;border:1px solid #444b55;background:#1b1f25;color:var(--text);border-radius:13px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#070b11c9;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}.modal-header h2{font-size:21px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--border);padding-top:21px;margin-top:21px}.modal-note{font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin:13px 0}.modal-error,.error{color:#efaaa5;background:#422b2b;border:1px solid #683d3c;border-radius:7px;padding:11px;font-size:12px}.check-label{display:flex;align-items:center;gap:10px;font-size:12px}.check-label input{width:16px;height:16px;margin:0;accent-color:var(--accent);flex:none}.picker-row{display:flex;gap:9px}.picker-row button{font-size:12px}progress{width:100%;height:10px;accent-color:var(--accent);margin-top:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;max-width:calc(100vw - 32px);padding:13px 22px;border-radius:9px;background:#283d31;border:1px solid #4a6b55;color:#d0e5d8;box-shadow:0 8px 30px #0006;font-size:13px}.toast-error{background:#472c2b;border-color:#784845;color:#f4cbc6}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#34291d55,transparent 65%),#101215;padding:25px}.login-card{max-width:420px;width:100%;padding:36px 34px;border:1px solid #38332c;background:#191b1f;border-radius:16px;box-shadow:0 30px 100px #0004}.login-card .brand-mark{margin-bottom:28px;width:47px;height:50px}.login-card h1{font-size:29px;line-height:1.3}.login-card .muted{font-size:13px;line-height:1.75}.login-card form{margin-top:25px}.login-card label{margin-top:17px}.login-card .full{margin-top:10px;display:flex;justify-content:space-between;padding:11px 14px}.login-foot{color:#616c7b;text-align:center;font-size:10px;margin:25px 0 0}.error{margin:20px 0}
@media(min-width:1500px){.content{padding-top:48px}.page-heading{margin-bottom:34px}.server-card{margin-bottom:38px}}@media(max-width:1050px){.sidebar{width:200px;padding-left:13px;padding-right:13px}.workspace{margin-left:200px}.content{padding:30px 24px 0}.topbar{padding:0 24px}.brand{font-size:18px}.nav-label{font-size:8px;letter-spacing:.6px}.server-card{gap:11px;padding:18px}.file-actions .download-action{display:none}td,th{padding-left:15px;padding-right:15px}}@media(max-width:760px){.shell{display:block}.sidebar{position:relative;width:auto;inset:auto;padding:16px 18px;border-right:0;border-bottom:1px solid var(--border)}.brand-mark{width:32px;height:35px;font-size:24px}.brand{font-size:17px;padding:0}.brand-sub{font-size:8px}.nav-label{display:none}.sidebar nav{display:flex;gap:5px;margin-top:16px;overflow-x:auto}.nav-item{width:auto;flex:none;font-size:11px;padding:8px 11px;gap:6px;margin:0}.nav-item span{font-size:16px;width:auto}.sidebar-bottom{position:absolute;right:14px;top:14px;border:0;padding:0;gap:6px;margin:0}.sidebar-bottom .profile,.sidebar-bottom .avatar{display:none}.workspace{margin:0}.topbar{height:49px;padding:0 19px;font-size:10px}.topbar a{font-size:10px}.content{padding:25px 18px 0}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:28px}.page-heading{margin-bottom:20px}.page-heading .muted{font-size:11px;max-width:280px}.service-label{display:none}.server-card{flex-wrap:wrap;padding:15px;gap:10px;margin-bottom:23px}.server-icon{width:36px;height:36px;font-size:26px;border-radius:7px}.server-info{min-width:160px}.server-info strong{font-size:12px}.server-info span{font-size:10px}.status-pill{font-size:9px;padding:3px 7px}.restart-button{margin-left:46px;font-size:11px;padding:7px 10px}.file-toolbar{align-items:flex-start;gap:10px}.toolbar-actions{gap:5px}.toolbar-actions button{font-size:10px;padding:7px 9px}.breadcrumbs{gap:5px}.breadcrumbs button{font-size:11px}th:nth-child(3),td:nth-child(3){display:none}td,th{padding:11px 12px}th:first-child{width:60%}.file-name{font-size:11px;gap:9px;max-width:240px}.file-actions{padding-left:0}.file-actions .icon-button{padding:5px 6px;font-size:16px}.small-button{padding:4px 6px;font-size:9px}.file-summary{padding:12px;font-size:10px}.drop-hint{font-size:10px;padding:15px}.help-text{font-size:10px}footer{margin-top:36px;font-size:8px;gap:15px;align-items:center}footer span{text-align:right;font-size:8px}.section-header{padding:16px}.section-header h2{font-size:15px}.list-row{padding:15px;flex-wrap:wrap;gap:8px}.list-info{min-width:150px}.list-info strong{font-size:12px}.list-row button{font-size:10px;padding:7px 10px}.login-card{padding:30px 26px}dialog{padding:21px}}
