@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-page: #0A0A0A;--bg-card: rgba(21, 21, 21, .6);--bg-card-elevated: rgba(26, 26, 26, .75);--bg-card-hover: rgba(32, 32, 32, .8);--bg-input: rgba(18, 18, 18, .85);--border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--border-hover: rgba(255, 255, 255, .16);--text-primary: #FFFFFF;--text-secondary: #8B8B8B;--text-muted: #555555;--accent-green: #00D9A3;--accent-green-bg: rgba(0, 217, 163, .12);--accent-red: #FF5C5C;--accent-red-bg: rgba(255, 92, 92, .12);--accent-purple: #7C3AED;--accent-purple-bg: rgba(124, 58, 237, .12);--accent-blue: #3B82F6;--accent-gold: #F59E0B;--bg-primary: #0A0A0A;--bg-secondary: #151515;--border-color: rgba(255, 255, 255, .08);--status-approved: #00D9A3;--status-pending: #F59E0B;--status-rejected: #FF5C5C;--radius-card: 20px;--radius-pill: 999px;--radius-btn: 12px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-card: 0 8px 32px rgba(0, 0, 0, .45);--shadow-glow-green: 0 0 20px rgba(0, 217, 163, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);background-image:radial-gradient(circle at 15% 10%,rgba(0,217,163,.1),transparent 40%),radial-gradient(circle at 85% 90%,rgba(13,59,54,.15),transparent 45%);background-attachment:fixed;background-size:cover;color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#252525;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#333}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.font-mono{font-family:var(--font-mono)}.app-container{display:flex;min-height:100vh;background-color:transparent}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden;background-color:transparent}.page-container{padding:1.75rem 2rem 3rem;max-width:1440px;margin:0 auto;width:100%}.sidebar{width:230px;min-width:230px;background-color:#0a0a0a;border-right:1px solid var(--border);padding:1.75rem 1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding-bottom:1.75rem;margin-bottom:.5rem}.sidebar-logo-icon{width:32px;height:32px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#000;font-weight:800;font-size:.95rem;flex-shrink:0}.sidebar-logo-text{font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:-.02em}.sidebar-section-label{font-size:.68rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;padding:1.25rem .85rem .4rem}.nav-link{display:flex;align-items:center;gap:.85rem;padding:.65rem .95rem;border-radius:var(--radius-pill);color:var(--text-secondary);text-decoration:none;font-size:.88rem;font-weight:500;transition:all .15s ease;cursor:pointer;border:1px solid transparent;background:transparent;width:100%;text-align:left}.nav-link:hover{color:#fff;background:#ffffff0a}.nav-link.active{background-color:var(--bg-card-elevated);color:#fff;font-weight:600;border-color:#ffffff14}.nav-link.active svg{color:#fff!important}.sidebar-promo-card{background:#00d9a314;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,217,163,.18);border-radius:16px;padding:1.1rem;position:relative;overflow:hidden;margin-top:1.5rem}.sidebar-promo-card h4{font-size:.88rem;font-weight:700;color:#fff;margin-bottom:.35rem}.sidebar-promo-card p{font-size:.72rem;color:#ffffffbf;line-height:1.4;margin-bottom:.85rem}.sidebar-promo-btn{background:#fff;color:#000;font-size:.75rem;font-weight:700;border-radius:var(--radius-pill);padding:.4rem .9rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:transform .15s ease}.sidebar-promo-btn:hover{transform:translateY(-1px)}.nexus-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem .5rem;background-color:transparent;position:sticky;top:0;z-index:40}.nexus-search-bar{display:flex;align-items:center;gap:.65rem;background:#151515a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.55rem 1.15rem;width:320px;transition:border-color .2s ease}.nexus-search-bar:focus-within{border-color:#ffffff40}.nexus-search-input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);width:100%}.nexus-search-input::placeholder{color:var(--text-secondary)}.nexus-header-right{display:flex;align-items:center;gap:1rem}.nexus-icon-btn{width:38px;height:38px;border-radius:50%;background:#151515a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;position:relative;transition:background-color .15s ease,border-color .15s ease}.nexus-icon-btn:hover{background-color:var(--bg-card-elevated);border-color:var(--border-hover)}.nexus-user-pill{display:flex;align-items:center;gap:.75rem;background:#151515a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.35rem .95rem .35rem .45rem;cursor:pointer;transition:border-color .15s ease}.nexus-user-pill:hover{border-color:var(--border-hover)}.nexus-avatar{width:32px;height:32px;border-radius:50%;background:#252525;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;overflow:hidden}.nexus-avatar img{width:100%;height:100%;object-fit:cover}.nexus-user-info{display:flex;flex-direction:column;text-align:left}.nexus-user-name{font-size:.82rem;font-weight:700;color:#fff;line-height:1.2}.nexus-user-role{font-size:.7rem;color:var(--text-secondary)}.card,.nexus-card{background:#15151599;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.5rem;position:relative;box-shadow:var(--shadow-card);transition:border-color .2s ease,transform .2s ease}.card:hover,.nexus-card:hover{border-color:var(--border-hover)}.card-elevated{background:var(--bg-card-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-md)}.pill-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600}.pill-badge.green,.badge-green{background-color:var(--accent-green-bg);color:var(--accent-green)}.pill-badge.red,.badge-red{background-color:var(--accent-red-bg);color:var(--accent-red)}.pill-badge.dark{background:#1a1a1acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid var(--border)}.pill-badge.purple,.badge-purple{background-color:var(--accent-purple-bg);color:var(--accent-purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-pill);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s ease;border:none;outline:none;font-family:var(--font-sans)}.btn-primary{background-color:var(--accent-green);color:#000;font-weight:700}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary{background:#1a1a1abf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid var(--border)}.btn-secondary:hover{background-color:#242424d9;border-color:var(--border-hover)}.btn-purple{background-color:var(--accent-purple);color:#fff}.btn-purple:hover{filter:brightness(1.1)}.btn-sm{padding:.4rem .85rem;font-size:.78rem}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.input,.select,.textarea{width:100%;padding:.75rem 1rem;background:var(--bg-input);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-primary);font-family:var(--font-sans);font-size:.88rem;outline:none;transition:border-color .2s ease}.input:focus,.select:focus,.textarea:focus{border-color:#ffffff4d}.textarea{min-height:100px;resize:vertical}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-card);border:1px solid var(--border);background:#15151599;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.table th{background:#1a1a1ad9;padding:.85rem 1.15rem;color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.table td{padding:.95rem 1.15rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.table tr:hover td{background-color:#ffffff05}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-card{background:#121212eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-card);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 20px 60px #000c}.id-card-wrapper{background:linear-gradient(145deg,#141414bf,#1c1c1cbf);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2rem;width:380px;position:relative;overflow:hidden;box-shadow:0 16px 48px #0009;color:#fff;margin:0 auto}.id-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1.25rem}.id-photo-frame{width:90px;height:90px;border-radius:16px;border:1px solid rgba(255,255,255,.15);overflow:hidden;background:#111}.id-photo-frame img{width:100%;height:100%;object-fit:cover}.notification-dropdown{background:#161616f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #000c}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.sidebar{width:72px;min-width:72px;padding:1.25rem .5rem}.sidebar-logo-text,.sidebar-section-label,.nav-link span,.sidebar-promo-card{display:none}.nav-link{justify-content:center;padding:.75rem;border-radius:12px}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.app-container{flex-direction:column}.sidebar{width:100%;min-width:100%;height:auto;flex-direction:row;overflow-x:auto;padding:.75rem 1rem;border-right:none;border-bottom:1px solid var(--border)}.sidebar-logo{display:none}.page-container,.nexus-header{padding:1rem}.nexus-search-bar{width:100%}}