:root{font-family:Inter,Arial,sans-serif;color:#18312d;background:#f7f9f7}*{box-sizing:border-box}body{margin:0;display:flex}aside{position:fixed;width:242px;height:100vh;padding:32px 22px;background:#102f29;color:#e5eee9}.brand{font-family:Georgia,serif;font-size:42px;color:#c7e2b5;display:flex;align-items:center;gap:13px}.brand span{font:11px Arial;letter-spacing:2px;max-width:80px;line-height:1.8}.org{font-size:11px;margin:35px 9px 18px;color:#98b4aa}nav{display:grid;gap:7px}button{font:inherit;border:1px solid #d8e0db;border-radius:8px;background:white;color:#1a3b31;padding:11px 17px;cursor:pointer}button:hover{filter:brightness(.94)}nav button{border:0;background:transparent;color:#c7d7d0;text-align:left}nav button.active{background:#294b40;color:white}.aside-bottom{position:absolute;bottom:25px;font-size:13px;line-height:1.7;color:#bed1c7}.aside-bottom button{background:transparent;color:white;border-color:#496658}small,.muted{color:#718479}main{margin-left:242px;padding:0 44px 50px;width:calc(100% - 242px)}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4de;font-size:11px;letter-spacing:1.3px;color:#6c8076}.pill{background:#e8efe5;padding:9px 13px;border-radius:20px;color:#47723f;font-size:10px}.heading{display:flex;justify-content:space-between;align-items:center;margin:44px 0 30px;gap:20px}h1{font-family:Georgia,serif;font-weight:400;font-size:43px;letter-spacing:-1.3px;margin:12px 0}p{color:#748179;font-size:14px;line-height:1.7}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:#6c886b}.primary{background:#25533f;color:white;border-color:#25533f}#breadcrumbs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px}#breadcrumbs button{border:none;background:transparent;padding:7px;color:#5d7567}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.card{background:white;border:1px solid #dce4de;border-radius:12px;overflow:hidden}.thumbnail{height:145px;display:flex;align-items:center;justify-content:center;background:#e7eee6;color:#49724c;font-size:49px}.thumbnail.video{background:#dfe8e6;color:#3c6f69}.thumbnail.image{background:#f0e9dd;color:#937b4d}.cardinfo{padding:17px}.filename{font-size:14px;font-weight:bold;overflow-wrap:anywhere}.meta{font-size:11px;color:#7c8a80;margin-top:8px}.buttons{display:flex;gap:5px;margin-top:15px;flex-wrap:wrap}.buttons button{font-size:11px;padding:7px 9px}.empty{border:1px dashed #bfcfc2;background:#edf2eb;border-radius:14px;text-align:center;padding:65px 20px}.empty strong{font:27px Georgia}input,select{display:block;width:100%;padding:13px;border:1px solid #cad6cc;border-radius:7px;background:#fff;font:inherit;margin:9px 0 20px}input[type=checkbox]{display:inline;width:auto;margin:0 7px}label{display:block;font-size:13px;color:#4e6457}.auth{max-width:430px;margin:65px auto}.auth .primary{width:100%}.hidden{display:none!important}#notice{position:fixed;bottom:22px;right:25px;max-width:450px;background:#183e2f;color:white;border-radius:9px;padding:15px 20px;display:none;z-index:5}dialog{border:1px solid #d5e0d5;border-radius:16px;padding:30px;width:min(700px,94vw);max-height:90vh}dialog::backdrop{background:#102b24b0}.close{float:right;padding:2px 9px;font-size:25px;border:0}video,img.preview{width:100%;max-height:65vh;object-fit:contain;margin-top:15px}table{width:100%;border-collapse:collapse;background:white;font-size:13px}td,th{text-align:left;padding:15px;border-bottom:1px solid #e1e7e1;overflow-wrap:anywhere}th{color:#7a887c;font-size:11px;text-transform:uppercase}.qr{max-width:220px;display:block}code{overflow-wrap:anywhere}.recovery{white-space:pre-wrap;font-family:monospace;background:#eef3ec;padding:18px}#progress{background:#e5eee1;padding:15px;margin-bottom:20px;font-size:13px}progress{width:100%;margin-top:10px}#account{font-size:11px;overflow-wrap:anywhere;max-width:190px}@media(max-width:850px){aside{width:78px;padding:20px 8px}.brand{font-size:30px}.brand span,.org,.aside-bottom,nav{display:none}main{margin-left:78px;width:calc(100% - 78px);padding:0 20px}.heading{display:block}h1{font-size:34px}#actions{margin-top:22px}.pill{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}

/* Red workspace refresh */
[hidden]{display:none!important}
:root{color:#342326;background:#faf7f7;font-family:Inter,Arial,sans-serif}
aside{background:#35151d;color:#f7e9ec}.brand{color:#ffd7d8}.org{color:#d2a9b0}nav button{color:#ead7dc;border-radius:10px;min-height:46px}nav button.active{background:#743342;color:white}nav button:hover{background:#592733}.aside-bottom{color:#dfbdc5}.aside-bottom button{border-color:#8c5865}.aside-bottom small{color:#b98e99}header{border-color:#eadcdf;color:#91777e}.pill{background:#f6e4e7;color:#a52c42}.eyebrow{color:#a43e50}.primary{background:#b72d46;border-color:#b72d46;color:#fff}.primary:hover{background:#9c233a}button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:42px;border-radius:9px;padding:10px 16px;font-size:14px;font-weight:600;color:#62313d;border-color:#e5cfd5;transition:background .15s,box-shadow .15s;white-space:nowrap}button:focus-visible,input:focus-visible,select:focus-visible,.dropzone:focus-visible{outline:3px solid #e9a4b0;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}.primary{color:white}#actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#actions input[hidden]{display:none!important}.heading{margin:36px 0 24px}h1{font-size:40px}p{color:#8b737a}.card{border-color:#eadbdf;border-radius:13px;box-shadow:0 3px 12px #641d2d05}.thumbnail{height:120px;background:#f4e7e9;color:#b43f56}.thumbnail.video{background:#f0dce2;color:#a72a47}.thumbnail.image{background:#fae9e1;color:#b75c3b}.cardinfo{padding:18px}.filename{line-height:1.45;color:#492b33}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.buttons button{min-height:36px;padding:8px 12px;font-size:12px}.buttons .primary{background:#b72d46;border-color:#b72d46}.danger{color:#b4233d;background:#fff0f2;border-color:#f0c6ce}.grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}#breadcrumbs{align-items:center;gap:5px;margin:10px 0 18px;color:#bc929e}#breadcrumbs button{color:#8f384e;min-height:34px;padding:7px 10px}#breadcrumbs button:last-child{background:#f3e1e6}.media-tools{display:flex;gap:15px;align-items:center;margin:0 0 18px}.search-label{max-width:420px;flex:1;font-size:11px;color:#96717c}.search-label input{margin:7px 0 0;padding:11px 14px;min-height:42px}#media-count{margin-left:auto;font-size:12px;color:#9b7d86}.media-tools>button{align-self:flex-end}.dropzone{border:1px dashed #dca2b0;background:#fff5f6;border-radius:12px;padding:22px;text-align:center;margin-bottom:25px;cursor:pointer;display:flex;flex-direction:column;gap:8px;color:#9c2b44}.dropzone span{font-size:12px;color:#9c7a83}.dragover{background:#f8dce3;border:2px dashed #b72d46}.empty{background:#fcf0f3;border-color:#dfb7c3}.meta{color:#977d86}input,select{border-color:#e1cbd2;color:#462a34}input[type=checkbox]{accent-color:#b72d46}label{color:#73515d}#notice{background:#702338;box-shadow:0 5px 25px #42142525;line-height:1.5}#progress{background:#f6e0e6;border:1px solid #eac1cc;border-radius:10px;color:#86243c}progress{accent-color:#b72d46}.recovery{background:#f8eaee}dialog{border-color:#e6cbd4;box-shadow:0 20px 80px #40132730}dialog::backdrop{background:#29111bb3}td,th{border-color:#eddee3}th{color:#96727f}table{border:1px solid #ecdce2;border-radius:10px}#content>button{margin-bottom:18px}.close{min-height:32px}nav button{justify-content:flex-start}@media(max-width:850px){aside{position:static;width:100%;height:auto;padding:16px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand{font-size:32px}.brand span{display:block;font-size:9px}nav{display:flex;gap:3px;flex-wrap:wrap;width:100%}nav button{font-size:12px;padding:9px;min-height:36px}.aside-bottom{position:static;display:flex;align-items:center;gap:12px;font-size:0;margin-left:auto}.aside-bottom small,.aside-bottom p{display:none}.aside-bottom button{font-size:12px;min-height:32px}body{display:block}main{margin:0;width:100%;padding:0 20px 40px}header{height:65px}.heading{margin:25px 0}h1{font-size:34px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.media-tools{flex-wrap:wrap}#media-count{margin-left:0}.search-label{min-width:180px}table{display:block;overflow-x:auto}.auth{margin:35px auto}}
/* Mobile and storage dashboard */
.usage-summary{display:flex;gap:24px;align-items:center;flex-wrap:wrap;border:1px solid #ebd7de;background:#fff;border-radius:12px;padding:20px;margin:0 0 22px}.usage-stat{display:flex;flex-direction:column;gap:7px;min-width:150px}.usage-stat span{font-size:11px;color:#8b6371}.usage-stat strong{font-size:27px;color:#9e2541}.usage-stat small{font-size:12px}.usage-summary p{font-size:11px;margin-left:auto;max-width:250px}.upload-status{display:flex;align-items:center;justify-content:space-between;gap:15px}.upload-status span{overflow-wrap:anywhere}.upload-status button{flex-shrink:0}#upload-detail{font-size:12px;margin:12px 0}#menu-toggle{display:none}.folder-usage{min-height:30px;line-height:1.5}html,body{max-width:100%;overflow-x:hidden}main{min-width:0}.filename{word-break:break-word}.card{min-width:0}dialog{max-width:calc(100vw - 24px);padding:24px}.media-tools input{font-size:16px}#modalbody input,#modalbody select,.auth input{font-size:16px}#modalbody>button{margin:8px 8px 0 0}.auth label{margin-top:18px}#notice{max-width:calc(100vw - 32px)}header>div{min-width:0}
@media(max-width:850px){#menu-toggle{display:inline-flex;min-height:44px;width:44px;padding:8px}header{gap:12px;justify-content:flex-start}aside{display:none}body.nav-open aside{display:flex;position:relative;z-index:2}aside nav{display:grid;grid-template-columns:1fr 1fr}main{width:100%;padding:0 16px 30px}.usage-summary{gap:16px;padding:16px}.usage-stat{min-width:120px}.usage-summary p{margin:0;width:100%;max-width:none}.heading{margin-top:24px;display:block}#actions{width:100%;margin:18px 0 0}#actions button{flex:1;min-height:46px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cardinfo{padding:13px}.buttons{gap:7px}.buttons button{min-height:44px;flex:1;padding:9px 10px}.thumbnail{height:100px}.filename{font-size:14px}.meta{font-size:11px}#breadcrumbs{gap:3px}#breadcrumbs button{min-height:40px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.dropzone{padding:20px 12px}.dropzone span{line-height:1.6}.media-tools{gap:9px}.search-label{min-width:0;flex-basis:65%}#media-count{font-size:11px}.auth{margin:35px auto;max-width:440px}table{display:block;width:100%;overflow-x:auto}td,th{padding:12px;min-width:110px}.upload-status{align-items:flex-start}.upload-status span{font-size:12px;line-height:1.5}.upload-status button{min-height:44px;font-size:12px}dialog .close{min-height:44px;min-width:44px}#modalbody h2{font-size:22px;padding-right:30px}.usage-stat strong{font-size:24px}}
@media(max-width:420px){.grid{grid-template-columns:1fr}.thumbnail{height:95px}.heading h1{font-size:30px}aside nav{grid-template-columns:1fr}.usage-stat{min-width:110px}.search-label{flex-basis:100%}.media-tools>button{flex:1}.upload-status{flex-wrap:wrap}.upload-status button{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}