*{box-sizing:border-box}body{margin:0;font:15px Inter,Arial,sans-serif;background:#f5f8fc;color:#101828}a{color:#0875ed;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:1px solid #d5deea;background:#fff;border-radius:9px;padding:10px 13px}.primary,.active{background:#0875ed!important;color:white!important;border-color:#0875ed!important}.app{display:flex;min-height:100vh}aside{width:260px;background:white;border-right:1px solid #e3e8ef;padding:18px;position:fixed;inset:0 auto 0 0}.logo{width:215px;height:115px;object-fit:contain;display:block;margin:auto}nav{display:grid;gap:7px;margin-top:18px}nav a{padding:13px 15px;border-radius:9px;color:#202b3c;font-weight:650}.storage{position:absolute;left:18px;right:18px;bottom:22px;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center}.ring{width:112px;height:112px;margin:16px auto;border:10px solid #e7ecf2;border-top-color:#0875ed;border-radius:50%;display:grid;place-content:center}.ring span{font-weight:800}.ring small{font-size:11px}.bar{height:8px;background:#e8edf3;border-radius:8px}.bar i{height:100%;display:block;background:#0875ed;border-radius:8px}main{margin-left:260px;width:calc(100% - 260px)}header{height:76px;background:#fff;border-bottom:1px solid #e3e8ef;display:flex;align-items:center;gap:16px;padding:14px 26px;position:sticky;top:0;z-index:5}.search{flex:1}.search input{width:min(620px,100%);padding:12px 14px;border:1px solid #d7e0eb;border-radius:9px}.user-menu{margin-left:auto;display:flex;gap:12px;align-items:center}.content{padding:26px}.welcome{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid #e3e8ef;border-radius:13px;padding:24px;box-shadow:0 2px 12px #00000008}.welcome h1{margin:0 0 8px}.welcome p{color:#667085}.welcome img{width:225px;height:120px;object-fit:contain}.layout{display:grid;grid-template-columns:minmax(600px,1fr) 330px;gap:20px;margin-top:20px}.files,.card{background:#fff;border:1px solid #e3e8ef;border-radius:12px;overflow:hidden}.title{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.row{display:grid;grid-template-columns:minmax(220px,1fr) 105px 170px 230px;gap:10px;padding:12px 18px;border-top:1px solid #edf1f5;align-items:center}.head{color:#667085;font-size:12px}.name{font-weight:650;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;gap:6px;justify-content:flex-end}.actions button{padding:7px 9px;font-size:12px}.right{display:grid;gap:20px;align-content:start}.card{padding:17px}.card p{padding:10px 0;border-bottom:1px solid #edf1f5}.card small,.admin-row small{display:block;color:#667085;margin-top:4px}.empty{padding:40px;text-align:center;color:#667085}.share-row{grid-template-columns:1fr 1.5fr 150px 90px}.inline{display:inline}.auth{min-height:100vh;display:grid;place-content:center;padding:25px;background:linear-gradient(135deg,#f7fbff,#eaf5ff)}.auth-card{width:min(440px,92vw);background:#fff;border:1px solid #dfe7f0;border-radius:18px;padding:28px;box-shadow:0 18px 50px #0565c41a}.auth-card.wide{width:min(760px,95vw)}.auth-logo{display:block;width:240px;height:130px;object-fit:contain;margin:auto}.auth-card h1{text-align:center}.auth-card>p{text-align:center;color:#667085}.auth-card label{display:block;font-weight:650;margin:13px 0}.auth-card input{width:100%;padding:12px;margin-top:6px;border:1px solid #ccd7e5;border-radius:9px}.auth-card button{width:100%}.auth-bottom{margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.form-grid .full{grid-column:1/-1}.alert{padding:11px;border-radius:8px;margin:12px 0}.alert.bad{background:#feecec;color:#9b1c1c}.alert.good{background:#eafaf0;color:#137333}.admin-wrap{max-width:1200px;margin:40px auto;padding:0 18px}.admin-row{display:grid;grid-template-columns:1.4fr 1fr 100px 1.4fr;gap:12px;padding:14px 18px;border-top:1px solid #edf1f5;align-items:center}.quota{width:80px;padding:8px;border:1px solid #d5deea;border-radius:8px}@media(max-width:1050px){aside{width:210px}.logo{width:170px}main{margin-left:210px;width:calc(100% - 210px)}.layout{grid-template-columns:1fr}.right{grid-template-columns:1fr 1fr}.row{grid-template-columns:minmax(180px,1fr) 90px 150px 200px}}@media(max-width:760px){aside{display:none}main{margin:0;width:100%}.content{padding:12px}.welcome img{display:none}.layout{grid-template-columns:1fr}.right{grid-template-columns:1fr}.row{grid-template-columns:1fr 90px}.row span:nth-child(3){display:none}.row span:nth-child(4){grid-column:1/-1;justify-content:flex-start}.user-menu{font-size:12px}.form-grid{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr}.share-row{grid-template-columns:1fr}}
.admin-body{background:#f4f7fb}.admin-shell{min-height:100vh}.admin-side{position:fixed;left:0;top:0;bottom:0;width:245px;background:#081a36;padding:18px;color:#fff;display:flex;flex-direction:column}.admin-logo{width:190px;height:105px;object-fit:contain;margin:0 auto}.admin-badge{text-align:center;color:#79c8ff;font-size:11px;font-weight:800;letter-spacing:2px;margin:-4px 0 22px}.admin-side nav{margin:0;display:grid;gap:6px}.admin-side nav a{color:#cbd8eb;padding:12px 14px}.admin-side nav a.active,.admin-side nav a:hover{background:#0875ed!important;color:#fff!important}.admin-side-bottom{margin-top:auto;display:grid;gap:12px;border-top:1px solid #203655;padding-top:18px}.admin-side-bottom a{color:#cbd8eb}.admin-main{margin-left:245px;width:calc(100% - 245px)}.admin-top{height:auto;min-height:78px;position:sticky;top:0;display:flex;justify-content:space-between;padding:14px 28px}.admin-top h1{margin:0 0 4px}.admin-top small{color:#667085}.admin-site-btn{background:#0875ed;color:#fff;padding:11px 16px;border-radius:9px}.admin-content{padding:26px}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:22px}.stat{background:#fff;border:1px solid #e0e7f0;border-radius:13px;padding:22px;box-shadow:0 3px 12px #00000008}.stat b{font-size:27px;display:block;color:#0875ed}.stat span{color:#667085}.admin-card{background:#fff;border:1px solid #e0e7f0;border-radius:13px;padding:20px;margin-bottom:20px}.admin-card h2{margin:0 0 16px}.admin-card h2 small{font-size:12px;color:#667085;font-weight:400}.mini-row,.activity-row{display:grid;grid-template-columns:1fr 150px 130px;gap:12px;padding:12px 4px;border-top:1px solid #edf1f5;align-items:center}.mini-row small,.activity-row small{display:block;color:#667085}.admin-table{display:grid;align-items:center;min-width:900px}.users-table{grid-template-columns:1.35fr 1fr 100px 120px 1.8fr}.files-table,.share-table{grid-template-columns:1.4fr 1.2fr 100px 170px 90px}.admin-table>b{background:#f7f9fc;color:#667085;font-size:12px;padding:11px}.admin-table>span{padding:12px 11px;border-top:1px solid #edf1f5;min-height:64px}.admin-table small{display:block;color:#667085;margin-top:4px}.control-stack form{margin:2px 0}.danger{color:#b42318;border-color:#f2b8b5;background:#fff7f6}.table-scroll{overflow-x:auto}.activity-row{grid-template-columns:220px 1fr 170px}.activity-row time{color:#667085;font-size:12px}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.admin-side{position:static;width:100%;height:auto}.admin-side nav{grid-template-columns:repeat(2,1fr)}.admin-side-bottom{display:none}.admin-main{margin:0;width:100%}.admin-content{padding:12px}.admin-top{position:static;padding:14px}.stat-grid{grid-template-columns:1fr 1fr}.activity-row{grid-template-columns:1fr}.admin-logo{height:75px}}