*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background:#f5f5f5;margin:0;padding:0;overflow-x:hidden}#app{min-height:100vh;width:100%}.password-gate{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#f5f7ff,#e6ecf6 60%,#dde5f3);padding:24px}.password-gate__card{width:min(420px,100%);background:#fff;border-radius:16px;padding:28px;box-shadow:0 20px 60px #0f172a1f;display:flex;flex-direction:column;gap:16px}.password-gate__header h1{font-size:22px;font-weight:600;color:#1f2937;margin-bottom:6px}.password-gate__header p{color:#6b7280;font-size:14px}.password-gate__form{display:flex;flex-direction:column;gap:12px}.password-gate__form input{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.password-gate__form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.password-gate__error{color:#dc2626;font-size:13px}.password-gate__hint{color:#94a3b8;font-size:12px}.btn{display:inline-block;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;font-size:14px;font-weight:500;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-sm{padding:6px 12px;font-size:12px}@media(max-width:768px){.container{padding:0 15px}}.admin-layout{display:grid;grid-template-columns:260px 1fr;grid-template-rows:1fr;min-height:100vh;position:relative}.admin-layout.sider-visible{grid-template-columns:200px 260px 1fr}.global-sider{background:#0f172a;color:#e2e8f0;padding:16px 12px;position:fixed;left:0;top:0;height:100vh;width:200px;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease;z-index:1000}.admin-layout.sider-visible .global-sider{position:static;transform:translate(0);height:auto;width:auto;overflow-y:visible}.global-sider-toggle{position:fixed;left:16px;top:16px;z-index:999;background:#0f172a;color:#e2e8f0;border:none;border-radius:6px;width:40px;height:40px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.global-sider-toggle:hover{background:#1e293b;color:#fff}.admin-layout.sider-visible .global-sider-toggle{display:none}.brand{font-weight:700;font-size:18px;margin-bottom:20px}.global-menu{display:flex;flex-direction:column;gap:6px}.menu-item{display:block;padding:10px 12px;color:#cbd5e1;text-decoration:none;border-radius:6px;transition:all .2s ease}.menu-item:hover,.menu-item.active{background:#1e293b;color:#fff}.menu-item.disabled{opacity:.6;cursor:not-allowed}.content-area{padding:20px}.module-sider{background:#fff;border-right:1px solid #e2e8f0;padding:20px;box-shadow:0 1px 3px #0000001a}.module-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.module-title{font-weight:600;font-size:16px;color:#1e293b}.toolbar,.toolbar-row{display:flex;justify-content:space-between;align-items:center}.toolbar{margin-bottom:24px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.toolbar-row{margin-bottom:12px}.toolbar-left,.toolbar-right{display:flex;align-items:center}.search,.search-input,input[type=text],input[type=search],select,textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.search-input{width:200px}.search-input:focus,.search:focus,input[type=text]:focus,input[type=search]:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-section{margin-bottom:16px}.filter-label{display:block;font-size:14px;font-weight:500;color:#64748b;margin-bottom:8px}.filter-select{background:#fff}.filters-row{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 16px;color:#374151}.filter-chip{padding:4px 10px;background:#f3f4f6;border-radius:999px;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:6px;border:1px solid transparent;background:#f3f4f6;color:#111827;font-size:14px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.btn:hover{background:#e5e7eb}.btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-secondary{background:#f1f5f9;color:#1f2937;border-color:#cbd5e1}.btn-secondary:hover{background:#e2e8f0}.btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-sm{padding:6px 10px;font-size:12px}.card,.panel,.file-list-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}table,.file-table,.app-list table{width:100%;border-collapse:collapse}.file-table th,.app-list th{padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb}.file-table td,.app-list td{padding:12px 16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.file-row:hover,.app-list tbody tr:hover{background:#f8fafc}.file-name{display:flex;align-items:center;gap:8px;font-weight:500}.file-icon{font-size:16px}.name-text{color:#1f2937;word-break:break-all}.file-size{color:#6b7280;font-size:14px}.file-type{text-align:center}.type-badge{display:inline-block;padding:4px 8px;background:#e0e7ff;color:#3730a3;border-radius:4px;font-size:12px;font-weight:500}.file-actions{display:flex;gap:8px;align-items:center}.action-link{display:flex;align-items:center;gap:4px;padding:6px 10px;color:#3b82f6;text-decoration:none;border-radius:4px;font-size:12px;transition:background-color .2s ease}.action-link:hover{background:#eff6ff}.action-icon{font-size:12px}.error-message{background:#fee;color:#c33;padding:10px;border-radius:4px;margin-bottom:20px}.loading{text-align:center;padding:40px;color:#666}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{font-size:16px;font-weight:500;color:#6b7280;margin-bottom:8px}.empty-hint{font-size:14px;color:#9ca3af}.pagination-placeholder{padding:16px 0 4px;color:#6b7280;text-align:center}.pagination-wrapper{display:flex;justify-content:center;padding:20px 0}.pagination-controls{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pagination-info{font-size:14px;color:#6b7280;min-width:120px;text-align:center}.pagination-icon{font-size:12px}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.2s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.switch input:checked+.slider{background-color:#4caf50}.switch input:checked+.slider:before{transform:translate(22px)}@media(max-width:1024px){.admin-layout{grid-template-columns:220px 1fr}.admin-layout.sider-visible{grid-template-columns:160px 220px 1fr}}@media(max-width:768px){.admin-layout,.admin-layout.sider-visible{grid-template-columns:1fr}.global-sider{width:80vw;max-width:250px}.module-sider{display:none}.toolbar{flex-direction:column;gap:16px;align-items:stretch}.search-section,.search-input{width:100%}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotateIn{0%{transform:rotate(-180deg) scale(.5);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes flipHorizontal{0%{transform:perspective(1000px) rotateY(-90deg);opacity:0}to{transform:perspective(1000px) rotateY(0);opacity:1}}@keyframes flipVertical{0%{transform:perspective(1000px) rotateX(-90deg);opacity:0}to{transform:perspective(1000px) rotateX(0);opacity:1}}@keyframes blurFade{0%{filter:blur(20px);opacity:0}to{filter:blur(0px);opacity:1}}@keyframes scaleFade{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}