:root{--primary:#2563eb;--bg:#f8fafc;--card:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--danger:#dc2626}*{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:0;height:100%;background:var(--primary);border-radius:4px}.main{flex:1;display:flex;flex-direction:column}.topbar{min-height:68px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:12px 28px;gap:12px}.top-actions,.row-actions,.dialog-actions{display:flex;gap:10px;align-items:center}.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}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:#475569}.btn-muted{background:#94a3b8}.btn-danger{background:var(--danger)}.btn-link{border:0;background:none;color:var(--primary);cursor:pointer;padding:3px}.btn-link.danger{color:var(--danger)}.content{padding:28px;flex:1}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:20px;display:flex;justify-content:space-between}.status{margin-bottom:16px;min-height:20px}.hint{margin-top:16px;color:var(--muted)}.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}.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:min(380px,calc(100% - 32px));padding:28px;border-radius:12px}.modal-card h3{margin-bottom:20px}.form-group{margin-bottom:16px}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;outline:none}.error{color:var(--danger);margin-bottom:12px}@media(max-width:768px){.sidebar{display:none}.topbar{align-items:stretch;flex-direction:column}.search-input{width:100%}.content{padding:16px}.file-table th,.file-table td{padding:10px}.top-actions{justify-content:flex-end}}