/* COMPLETE VISUAL OVERHAUL — visual layer only */
:root{--bg:#080f1d;--surface:#101b30;--surface2:#15243d;--surface3:#1c2d4a;--text:#eef4ff;--muted:#8e9eb7;--line:#263a58;--line2:#36506f;--accent:#62d5c4;--accent2:#ffb66b;--danger:#ff7777;--ok:#6cda9b;--shadow:0 20px 60px rgba(0,0,0,.25);--radius:21px}
*{box-sizing:border-box}html,body{margin:0!important;background:var(--bg)!important;color:var(--text)!important}body{font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;line-height:1.65;overflow-x:hidden!important}button,input,textarea,select{font:inherit!important;box-sizing:border-box!important}button{cursor:pointer}.shell{min-height:100vh!important;display:flex!important;background:radial-gradient(1000px 500px at 80% -10%,rgba(98,213,196,.12),transparent 60%),var(--bg)!important}
/* floating navigation rail */
.side{width:292px!important;flex:0 0 292px!important;height:calc(100vh - 28px)!important;min-height:0!important;position:sticky!important;top:14px!important;align-self:flex-start!important;margin:14px 0 14px 14px!important;padding:18px 14px!important;background:linear-gradient(180deg,#14233b,#0c1729)!important;border:1px solid #29405f!important;border-radius:26px!important;box-shadow:24px 0 70px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04)!important;z-index:40!important;overflow:hidden!important;color:var(--text)!important}.brand{padding:8px 10px 22px!important;margin:0 0 16px!important;border-bottom:1px solid var(--line)!important;font-size:23px!important;font-weight:900!important;display:flex!important;align-items:center!important;gap:10px!important}.brand:before{content:"✦";display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#8be8dc)!important;color:#08131f!important;box-shadow:0 8px 25px rgba(98,213,196,.2)!important}.brand span{color:var(--accent)!important}.brand-logo{display:none!important}.nav{display:flex!important;flex-direction:column!important;gap:6px!important}.nav-title{font-size:10px!important;text-transform:uppercase!important;letter-spacing:1.4px!important;color:#60738f!important;font-weight:800!important;padding:13px 11px 6px!important}.nav button{width:100%!important;height:50px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:9px 13px!important;margin:0!important;border:1px solid transparent!important;border-radius:15px!important;background:transparent!important;color:#aebbd0!important;text-align:right!important;font-size:14px!important;font-weight:650!important;transition:.18s ease!important;position:relative!important}.nav button:hover{background:#172944!important;color:#fff!important;border-color:#29405f!important;transform:translateX(-3px)!important}.nav button.active{background:linear-gradient(100deg,rgba(98,213,196,.18),rgba(98,213,196,.05))!important;color:#fff!important;border-color:rgba(98,213,196,.32)!important}.nav button.active:after{content:"";position:absolute;right:5px;width:4px;height:26px;border-radius:99px;background:var(--accent)!important;box-shadow:0 0 15px rgba(98,213,196,.55)!important}.nav .logout{margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--line)!important;color:#ffaaa5!important}.userbox{margin-top:15px!important;padding:15px 8px 4px!important;border-top:1px solid var(--line)!important}.avatar{background:linear-gradient(135deg,var(--accent),#83e4d8)!important;color:#07131f!important}
.main{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important;min-height:100vh!important;margin:0!important;padding:42px 42px 80px!important;display:block!important}.top{max-width:1500px!important;margin:0 auto 24px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important}.eyebrow{font-size:11px!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:var(--accent)!important;font-weight:850!important}.title{font-size:36px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-1px!important;color:#f6f9ff!important;margin:6px 0 8px!important}.subtitle{color:var(--muted)!important;font-size:14px!important}.actions{gap:9px!important}.btn{min-height:42px!important;padding:10px 15px!important;background:var(--surface2)!important;color:#e8f0fc!important;border:1px solid var(--line2)!important;border-radius:13px!important;box-shadow:none!important;transition:.18s ease!important}.btn:hover{background:var(--surface3)!important;border-color:#45617f!important;transform:translateY(-2px)!important}.btn.primary{background:linear-gradient(135deg,var(--accent),#47bcae)!important;color:#07151b!important;border-color:transparent!important;font-weight:800!important;box-shadow:0 8px 25px rgba(98,213,196,.16)!important}
.hero,.panel,.stat,.file,.notice,.task,.page-card,.empty{background:linear-gradient(145deg,rgba(18,31,52,.99),rgba(12,23,40,.99))!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;color:var(--text)!important}.hero{padding:28px!important;overflow:hidden!important}.stats{gap:14px!important;margin:20px 0!important}.stat{padding:20px!important;min-height:118px!important}.stat b{font-size:31px!important;color:#f7fbff!important}.stat span,.meta,.muted{color:var(--muted)!important;font-size:12px!important}.panel{padding:21px!important}.sectionhead{margin-bottom:15px!important}.file{padding:18px!important;transition:.18s ease!important}.file:hover{transform:translateY(-4px)!important;border-color:#3b587a!important;box-shadow:0 24px 55px rgba(0,0,0,.28)!important}.fileicon{width:50px!important;height:50px!important;border-radius:15px!important;background:rgba(98,213,196,.1)!important;color:var(--accent)!important;border:1px solid rgba(98,213,196,.18)!important}.fname{color:#eef5ff!important;font-size:15px!important}.folderbar{gap:8px!important;padding:4px 0 16px!important}.folder{background:var(--surface2)!important;color:#aebbd0!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:9px 13px!important}.folder.active{background:rgba(98,213,196,.12)!important;border-color:rgba(98,213,196,.3)!important;color:var(--accent)!important;font-weight:800!important}.search{background:#0d192c!important;color:var(--text)!important;border:1px solid var(--line2)!important;border-radius:13px!important;padding:11px 13px!important}.search::placeholder{color:#61738d!important}.table{color:var(--text)!important}.table th,.table td{border-bottom:1px solid var(--line)!important;padding:13px!important}.table th{color:#8fa2bc!important}.pill,.role,.chip{background:#1a2b45!important;color:#b9c9dd!important;border:1px solid #2a4261!important;border-radius:999px!important}.badge{background:var(--accent)!important;color:#07151b!important;font-weight:800!important}.notice{padding:15px 17px!important}.notice.unread{background:linear-gradient(90deg,rgba(98,213,196,.09),rgba(18,31,52,.98))!important;border-right:3px solid var(--accent)!important}.notice.important{background:linear-gradient(90deg,rgba(255,182,107,.09),rgba(18,31,52,.98))!important;border-right:3px solid var(--accent2)!important}.dot{background:var(--accent)!important}.task{padding:18px!important;margin:11px 0!important;transition:.18s ease!important}.task:hover{transform:translateY(-3px)!important;border-color:#405c7d!important;box-shadow:0 22px 45px rgba(0,0,0,.26)!important}.pending{background:rgba(255,182,107,.12)!important;color:#ffc985!important}.accepted{background:rgba(108,218,155,.11)!important;color:#7de1a8!important}.declined{background:rgba(255,119,119,.1)!important;color:#ff9b9b!important}
.field{margin:14px 0!important}.field label{color:#aebbd0!important;margin-bottom:7px!important;font-size:12px!important}.field input,.field textarea,.field select{width:100%!important;min-height:44px!important;padding:11px 13px!important;background:#0b1729!important;color:#edf4ff!important;border:1px solid var(--line2)!important;border-radius:13px!important}.field input::placeholder,.field textarea::placeholder{color:#596d87!important}.field input:focus,.field textarea:focus,.field select:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(98,213,196,.1)!important}.drop{display:block!important;border:1px dashed #46617e!important;background:rgba(22,36,61,.65)!important;padding:32px!important;text-align:center!important;border-radius:17px!important;color:#9aabc1!important}.modal{position:fixed!important;inset:0!important;background:rgba(2,8,17,.76)!important;backdrop-filter:blur(12px)!important;display:grid!important;place-items:center!important;padding:20px!important;z-index:200!important}.modalbox{background:linear-gradient(145deg,#172943,#0d192c)!important;color:var(--text)!important;width:min(760px,100%)!important;max-height:90vh!important;overflow:auto!important;border:1px solid #38516f!important;border-radius:25px!important;padding:25px!important;box-shadow:0 35px 100px rgba(0,0,0,.55)!important}.close{width:39px!important;height:39px!important;border:1px solid var(--line2)!important;background:var(--surface2)!important;color:#d9e4f2!important;border-radius:12px!important}.toast{background:#15243a!important;color:#edf4ff!important;border:1px solid #38516f!important;border-radius:13px!important;box-shadow:var(--shadow)!important}.empty{padding:42px!important;color:var(--muted)!important;border-style:dashed!important}.danger{color:var(--danger)!important}.green{color:var(--ok)!important}
.auth{min-height:100vh!important;background:radial-gradient(700px 400px at 50% 0,rgba(98,213,196,.13),transparent 65%),var(--bg)!important}.authcard{width:min(480px,100%)!important;background:linear-gradient(145deg,#14233b,#0d192c)!important;color:var(--text)!important;border:1px solid #304966!important;border-radius:28px!important;padding:32px!important;box-shadow:0 35px 100px rgba(0,0,0,.4)!important}.authbrand{color:#f5f9ff!important;font-size:32px!important}.authbrand span{color:var(--accent)!important}.tabs{background:#0a1729!important;border:1px solid var(--line)!important;border-radius:13px!important;padding:4px!important}.tabs button{color:#8496ad!important;border-radius:10px!important}.tabs button.active{background:var(--surface3)!important;color:#fff!important;box-shadow:none!important}
@media(max-width:1050px){.main{padding:28px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.overviewgrid{grid-template-columns:1fr!important}.files{grid-template-columns:repeat(2,minmax(0,1fr))!important}.side{width:250px!important;flex-basis:250px!important}}@media(max-width:720px){.shell{display:block!important}.side{position:fixed!important;bottom:10px!important;top:auto!important;right:10px!important;left:10px!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:7px!important;border-radius:20px!important;background:rgba(14,25,43,.96)!important;backdrop-filter:blur(15px)!important;box-shadow:0 20px 60px rgba(0,0,0,.35)!important}.brand,.userbox,.nav-title{display:none!important}.nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:3px!important}.nav button{min-width:max-content!important;width:auto!important;height:49px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:13px!important;padding:8px 12px!important;white-space:nowrap!important}.nav button.active{border-color:var(--accent)!important}.nav button.active:after{display:none!important}.main{padding:20px 14px 90px!important}.top{display:block!important}.actions{margin-top:13px!important}.title{font-size:29px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.stat{min-height:105px!important;padding:15px!important}.stat b{font-size:25px!important}.overviewgrid{display:block!important}.files{grid-template-columns:1fr!important}.sectionhead{display:block!important}.search{width:100%!important;margin-top:10px!important}.table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}.hero{padding:21px!important}.modal{padding:10px!important}.modalbox{border-radius:21px!important;padding:20px!important}}