:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:dark;--bg-body: #09090b;--bg-card: #18181b;--bg-input: #27272a;--border: #3f3f46;--primary: #6366f1;--primary-hover: #4f46e5;--danger: #ef4444;--danger-hover: #dc2626;--text-main: #f4f4f5;--text-muted: #a1a1aa}body{margin:0;background-color:var(--bg-body);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh}.nav-bar{width:240px;background-color:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px;flex-shrink:0}.nav-logo{margin-bottom:40px;display:flex;align-items:center;gap:12px;padding-left:8px}.nav-links{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{background:transparent;border:none;color:var(--text-muted);padding:12px 16px;text-align:left;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.nav-item:hover{background:#ffffff08;color:var(--text-main)}.nav-item.active{background:#6366f11a;color:var(--primary);font-weight:600}.nav-actions{padding-top:20px;border-top:1px solid var(--border)}.content-area{flex:1;padding:32px 48px;max-width:1200px;margin:0 auto;width:100%}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-row h1{font-size:1.8rem;font-weight:700;margin:0;letter-spacing:-.02em}.login-container{display:flex;height:100vh;justify-content:center;align-items:center;background:var(--bg-body)}.login-card{background:var(--bg-card);padding:3rem;border-radius:16px;border:1px solid var(--border);width:100%;max-width:400px;text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-icon{margin-bottom:24px;display:inline-flex;padding:16px;background:#6366f11a;border-radius:50%}.login-card h2{margin:0 0 8px;font-size:1.5rem}.login-card p{margin:0 0 24px;font-size:.9rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.form-card{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8em;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.input-base{background:var(--bg-input);border:1px solid var(--border);color:#fff;padding:10px 14px;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.input-base:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.action-group{margin-bottom:1px}button{font-family:inherit}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.btn-primary:hover{background:var(--primary-hover)}.btn-icon{background:transparent;border:1px solid var(--border);color:var(--text-muted);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s}.btn-icon:hover{border-color:var(--text-muted);color:var(--text-main);background:#ffffff0d}.btn-action{background:transparent;border:1px solid var(--border);color:var(--text-muted);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-action:hover{border-color:var(--primary);color:var(--primary);background:#6366f11a}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action.danger:hover{border-color:var(--danger);color:var(--danger);background:#ef44441a}.btn-small{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:6px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-small:hover{border-color:var(--text-muted);color:var(--text-main)}.list-container{display:flex;flex-direction:column;gap:12px}.list-item{background:var(--bg-card);border:1px solid var(--border);padding:20px;border-radius:12px;display:flex;align-items:center;gap:20px;transition:transform .1s}.item-icon{padding:12px;background:#ffffff08;border-radius:10px}.item-info{flex:1}.item-title{font-weight:600;font-size:1.05rem;display:flex;align-items:center;gap:12px;margin-bottom:4px}.badge-fmt{font-size:.7rem;background:#27272a;border:1px solid #3f3f46;padding:2px 8px;border-radius:4px;color:#d4d4d8;font-weight:600}.item-sub{font-size:.85rem;color:var(--text-muted);font-family:monospace;display:flex;align-items:center;gap:8px}.link-icon{color:var(--text-muted);display:inline-flex;align-items:center;transition:color .2s}.link-icon:hover{color:var(--primary)}.item-status{margin-top:8px;font-size:.85rem}.status-row{display:flex;align-items:center;gap:6px}.status-success{color:#4ade80}.status-error{color:#f87171}.error-log{margin-top:8px;background:#ef44441a;padding:8px 12px;border-radius:6px;color:#fca5a5;font-size:.8rem;font-family:monospace}.item-actions{display:flex;gap:8px}.table-card{padding:0;overflow:hidden}.archive-table{width:100%;border-collapse:collapse}.archive-table th{background:#ffffff05;padding:16px 24px;font-weight:600;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border)}.archive-table td{padding:16px 24px;border-bottom:1px solid var(--border);font-size:.95rem;color:var(--text-main)}.archive-table tr:last-child td{border-bottom:none}.archive-table tr:hover{background:#ffffff05}.file-cell{display:flex;align-items:center;gap:12px;font-weight:500}.empty-state,.empty-cell{color:var(--text-muted);text-align:center;padding:40px;font-style:italic}.text-primary{color:var(--primary)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.app-container{flex-direction:column}.nav-bar{width:100%;flex-direction:row;align-items:center;padding:16px;height:auto}.nav-logo{margin-bottom:0;margin-right:20px}.nav-links{flex-direction:row}.nav-actions{padding-top:0;border-top:none;margin-left:auto}.content-area{padding:20px}.form-card{flex-direction:column;align-items:stretch}.header-row{flex-direction:column;gap:16px;align-items:flex-start}}