.nexus-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px}.main-layout{justify-content:flex-start;padding-top:120px}.login-box,.welcome-card,.user-management{background:var(--surface);padding:2.5rem;border-radius:var(--border-radius);border:1px solid var(--surface-border);width:100%;max-width:400px}.content-area{width:100%;max-width:900px}.welcome-card,.user-management{max-width:900px}h1{font-size:1.25rem;font-weight:600;margin-bottom:2rem;color:var(--accent);letter-spacing:-.02em}.hint{color:var(--text-dim);font-size:.875rem;margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-size:.75rem;font-weight:500;margin-bottom:.5rem;color:var(--text-dim)}.input-group input{width:100%;background:#fff;border:1px solid var(--surface-border);border-radius:6px;color:var(--text);padding:10px 12px;outline:none;transition:var(--transition);font-size:.875rem}.input-group input:focus{border-color:#999}.cyber-btn{background:var(--accent);border:1px solid var(--accent);border-radius:6px;color:#fff;padding:10px;font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition);width:100%}.cyber-btn:hover{background:transparent;color:var(--accent)}.cyber-btn.mini{width:auto;padding:6px 16px}.error-msg{color:#d00;font-size:.75rem;margin-bottom:1rem;border:1px solid rgba(221,0,0,.2);padding:8px;border-radius:4px;background:#dd00000d}.cyber-nav{position:fixed;top:0;left:0;right:0;height:64px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:center;gap:8px;z-index:100}.cyber-nav button{background:transparent;border:none;color:var(--text-dim);font-weight:400;font-size:.875rem;padding:6px 12px;cursor:pointer;transition:var(--transition);border-radius:4px}.cyber-nav button.active{color:var(--accent);background:#0000000d}.cyber-nav button:hover:not(.active){color:var(--text)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:var(--surface-border);border:1px solid var(--surface-border);border-radius:var(--border-radius);overflow:hidden}.status-item{background:var(--surface);padding:2rem;display:flex;justify-content:space-between;align-items:center}.status-item span:first-child{color:var(--text-dim);font-size:.875rem}.status-item .val{color:var(--accent);font-weight:500}.user-table{width:100%;border-collapse:collapse;margin-top:2rem}.user-table th{text-align:left;padding:12px 16px;color:var(--text-dim);font-weight:500;font-size:.75rem;text-transform:uppercase;border-bottom:1px solid var(--surface-border)}.user-table td{padding:16px;border-bottom:1px solid var(--surface-border);font-size:.875rem}.create-user-form{display:flex;gap:12px;margin-top:2rem;padding:1rem;background:#fff;border:1px solid var(--surface-border);border-radius:var(--border-radius)}.create-user-form input{background:transparent;border:1px solid var(--surface-border);border-radius:4px;padding:8px 12px;color:var(--text);flex:1;font-size:.875rem}.projects-page{background:var(--surface);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--surface-border)}.drop-zone{border:1px dashed var(--surface-border);border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;background:#fff;transition:var(--transition);margin:1rem 0 1.5rem}.drop-zone:hover{border-color:#999}.upload-progress{display:flex;align-items:center;gap:12px;justify-content:center}.upload-progress .bar{flex:1;max-width:320px;height:6px;background:var(--surface-border);border-radius:3px;overflow:hidden}.upload-progress .fill{height:100%;background:var(--accent);transition:width .2s ease}.bundle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.bundle-card{background:#fff;border:1px solid var(--surface-border);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;gap:6px}.bundle-card h3{margin:0;font-size:.95rem;font-weight:600;word-break:break-word}.bundle-meta{font-size:.75rem;color:var(--text-dim);margin:0}.bundle-meta.dim{font-size:.7rem;opacity:.7}.bundle-actions{display:flex;gap:8px;margin-top:8px}.link-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;padding:6px 8px;border-radius:4px}.link-btn:hover{background:#0000000d;color:var(--text)}.link-btn.danger:hover{color:#d00}.viewer-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0009;color:#fff;z-index:10}.viewer-toolbar .link-btn{color:#fff}.viewer-status{font-size:.8rem;opacity:.8}.viewer-canvas{flex:1;position:relative;overflow:hidden;touch-action:none}@media (max-width: 600px){.nexus-wrapper.main-layout{padding:80px 12px 24px}.projects-page{padding:1rem}.bundle-grid{grid-template-columns:1fr}.cyber-nav{padding:0 8px;overflow-x:auto;justify-content:flex-start}}:root{--bg: #ffffff;--surface: #fafafa;--surface-border: #e5e5e5;--accent: #000000;--text: #111111;--text-dim: #666666;--border-radius: 8px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}body,html,#root{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}*{box-sizing:border-box}::selection{background:#0000000d;color:var(--accent)}