:root{--xcyan:#23d7f4;--xblue:#3177ff;--xbg:#07111a;--xpanel:rgba(10,25,37,.9);--xborder:rgba(35,215,244,.16);--xtext:#eefaff;--xmuted:#8da9b8;--xdanger:#ff6078}.xhero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px;border:1px solid var(--xborder);border-radius:24px;background:radial-gradient(circle at 85% 0,rgba(35,215,244,.16),transparent 34%),linear-gradient(145deg,#091925,#071019);margin-bottom:16px}.xhero.compact{padding:20px 24px}.xkicker{font-size:11px;letter-spacing:.16em;color:var(--xcyan);font-weight:900}.xhero h1{margin:6px 0;color:var(--xtext);font-size:clamp(28px,4vw,44px)}.xhero p{margin:0;color:var(--xmuted)}.xsecure{padding:10px 14px;border:1px solid var(--xborder);border-radius:999px;color:#b7f5ff;background:rgba(35,215,244,.06)}.xstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.xstats article,.xcard{padding:17px;border:1px solid var(--xborder);border-radius:17px;background:var(--xpanel)}.xstats span{color:var(--xmuted);font-size:11px;text-transform:uppercase}.xstats strong{display:block;color:var(--xtext);font-size:24px;margin-top:6px}.xtool{display:flex;justify-content:space-between;gap:12px;margin:16px 0}.xsearch{display:flex;gap:8px;flex:1;max-width:760px}.xsearch input,.xsearch select,.xcreate input,.xcreate textarea,.xcreate select,.xcard input,.xcard textarea,.xcard select{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid var(--xborder);border-radius:11px;background:#07141f;color:var(--xtext)}.xbtn,.xsearch button{display:inline-block;padding:10px 12px;border:1px solid var(--xborder);border-radius:10px;background:#0b1b28;color:var(--xtext);text-decoration:none;font-weight:750;cursor:pointer}.xbtn.primary,.xsearch button{background:linear-gradient(135deg,#0bb9d9,#2f70f2)}.xbtn.danger{color:#ff9aad;border-color:rgba(255,96,120,.25);background:rgba(255,96,120,.08)}.xcreate{display:grid;grid-template-columns:.75fr 1.5fr;gap:12px;margin-bottom:16px}.xcreate details{padding:14px;border:1px solid var(--xborder);border-radius:15px;background:var(--xpanel)}.xcreate summary{color:var(--xtext);font-weight:850;cursor:pointer}.xcreate form,.xcard form{display:grid;gap:9px;margin-top:12px}.x2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.xbrowser{padding:17px;border:1px solid var(--xborder);border-radius:20px;background:rgba(5,14,22,.82)}.xcrumb{display:flex;gap:8px;color:var(--xmuted);margin-bottom:14px}.xcrumb a{color:var(--xcyan)}.xfolders,.xfiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}.xfolders{margin-bottom:15px}.xfolders>a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--xborder);border-radius:14px;background:#0a1925;color:var(--xtext);text-decoration:none}.xfolders>a>span{font-size:24px;color:var(--xcyan)}.xfolders small{display:block;color:var(--xmuted)}.xfiles article{padding:16px;border:1px solid var(--xborder);border-radius:16px;background:linear-gradient(155deg,#0d202e,#08151f)}.xmeta{display:flex;justify-content:space-between}.xmeta span,.xcat{padding:5px 8px;border-radius:7px;background:rgba(35,215,244,.08);color:var(--xcyan);font-size:11px}.xmeta small,.xfiles p{color:var(--xmuted)}.xfiles h3{color:var(--xtext);margin:12px 0 5px}.xname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xactions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.xactions form{margin:0}.xempty{grid-column:1/-1;padding:50px;text-align:center;color:var(--xmuted)}.xdetail{display:grid;grid-template-columns:1fr 1fr;gap:13px}.xcard h2{color:var(--xtext);margin-top:0}.xcard p{color:var(--xmuted)}.xlist{display:grid;gap:7px;margin-top:12px}.xlist>div{display:flex;justify-content:space-between;gap:10px;padding:9px;border-radius:9px;background:rgba(255,255,255,.025);color:var(--xmuted)}.xlist a{color:var(--xcyan)}.xtable{overflow:auto;border:1px solid var(--xborder);border-radius:16px;background:var(--xpanel)}.xtable table{width:100%;border-collapse:collapse;color:var(--xtext)}.xtable th,.xtable td{padding:12px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.xtable th{color:var(--xmuted);font-size:11px;text-transform:uppercase}.xtable b{color:var(--xcyan)}@media(max-width:850px){.xhero,.xtool{flex-direction:column;align-items:flex-start}.xstats{grid-template-columns:1fr 1fr}.xcreate,.xdetail{grid-template-columns:1fr}.xsearch{width:100%;flex-wrap:wrap}.x2{grid-template-columns:1fr}}