:root{--primary:#2563eb;--bg:#f8fafc;--card:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{background:var(--bg);color:var(--text);display:flex;min-height:100vh}.sidebar{width:250px;background:var(--card);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column}.logo{font-size:20px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:10px;margin-bottom:32px;padding:0 8px}.nav-item{padding:12px 14px;border-radius:8px;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:12px;margin-bottom:6px;cursor:pointer;transition:.2s;font-size:14px}.nav-item:hover,.nav-item.active{background:#eff6ff;color:var(--primary);font-weight:600}.storage-box{margin-top:auto;background:#f1f5f9;padding:16px;border-radius:10px;font-size:13px}.progress-bar{height:8px;background:#cbd5e1;border-radius:4px;margin:10px 0;overflow:hidden}.progress-fill{width:64%;height:100%;background:var(--primary);border-radius:4px}.main{flex:1;display:flex;flex-direction:column}.topbar{height:68px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.search-input{width:340px;padding:9px 16px;border:1px solid var(--border);border-radius:8px;outline:none;background:var(--bg);font-size:14px}.search-input:focus{border-color:var(--primary);background:#fff}.btn{background:var(--primary);color:#fff;border:none;padding:9px 18px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px}.content{padding:28px;flex:1}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:20px;display:flex;justify-content:space-between}.file-table{width:100%;background:var(--card);border-radius:12px;border:1px solid var(--border);border-collapse:collapse;overflow:hidden}.file-table th,.file-table td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}.file-table th{background:#f8fafc;color:var(--muted);font-weight:600}.file-table tr:hover{background:#f8fafc}.file-name{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--text);text-decoration:none;cursor:pointer}.badge{padding:4px 8px;border-radius:6px;font-size:12px;background:#e2e8f0;color:#475569}.modal{position:fixed;inset:0;background:rgba(15,23,42,.5);display:none;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.modal-card{background:var(--card);width:380px;padding:28px;border-radius:12px}.form-group{margin-bottom:16px}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;outline:none}@media(max-width:768px){.sidebar{display:none}.search-input{width:180px}}