@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#0c0d11;--surface-base:#14151b;--surface-glass:#14151b99;--surface-border:#ffffff14;--surface-hover:#ffffff08;--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f140;--text-main:#f8fafc;--text-muted:#94a3b8;--status-pending:#eab308;--status-pending-bg:#eab3081a;--status-approved:#22c55e;--status-approved-bg:#22c55e1a;--status-denied:#ef4444;--status-denied-bg:#ef44441a;--font-family:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;height:100vh;display:flex;overflow:hidden}#root{width:100%;height:100vh;display:flex;overflow:hidden}.glass-panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:16px;box-shadow:0 4px 24px #0003}h1,h2,h3,h4{color:var(--text-main);margin-bottom:.5rem;font-weight:600}.text-muted{color:var(--text-muted);font-size:.9rem}.btn{cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-family);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8);box-shadow:none!important;transform:none!important}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 0 15px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 0 25px var(--primary-glow);transform:translateY(-1px)}.btn-outline{color:var(--text-main);border:1px solid var(--surface-border);background:0 0}.btn-outline:hover{background:var(--surface-hover);border-color:#fff3}.btn-danger{color:var(--status-denied);border:1px solid var(--status-denied-bg);background:#ef44441a}.btn-danger:hover{background:var(--status-denied);color:#fff}.btn-success{color:var(--status-approved);border:1px solid var(--status-approved-bg);background:#22c55e1a}.btn-success:hover{background:var(--status-approved);color:#fff}.input-group{margin-bottom:1.2rem}.input-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:block}.input-field{border:1px solid var(--surface-border);width:100%;color:var(--text-main);font-family:var(--font-family);background:#0003;border-radius:8px;padding:.8rem 1rem;transition:border-color .2s}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.layout-container{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface-base);border-right:1px solid var(--surface-border);flex-direction:column;flex-shrink:0;width:260px;min-width:260px;height:100vh;padding:1.5rem;transition:width .25s,min-width .25s,padding .25s;display:flex;overflow:hidden}.sidebar.collapsed{border-right:none;width:0;min-width:0;padding:0;overflow:hidden}.sidebar-toggle{z-index:100;background:var(--surface-base);border:1px solid var(--surface-border);color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:fixed;top:1.1rem;left:1.1rem}.sidebar-toggle:hover{color:var(--text-main);background:var(--surface-hover)}.sidebar-logo{background:linear-gradient(135deg,#a5b4fc,#6366f1);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;margin-bottom:2rem;padding-left:2.8rem;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.nav-link{color:var(--text-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.nav-link:hover{background:var(--surface-hover);color:var(--text-main)}.nav-link.active{background:var(--primary-glow);color:var(--primary-color)}.main-content{flex:1;height:100vh;padding:2rem 3rem;overflow-y:auto}.data-table-wrapper{border:1px solid var(--surface-border);background:var(--surface-base);border-radius:12px;width:100%;max-height:65vh;overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--surface-border);padding:1rem 1.2rem}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;z-index:2;background:#0a0a14f7;font-size:.85rem;font-weight:500;position:sticky;top:0}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:var(--surface-hover)}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{background:var(--status-pending-bg);color:var(--status-pending);border:1px solid #eab30833}.badge-approved{background:var(--status-approved-bg);color:var(--status-approved);border:1px solid #22c55e33}.badge-denied{background:var(--status-denied-bg);color:var(--status-denied);border:1px solid #ef444433}.badge-messaged{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633}.badge-replied{color:#06b6d4;background:#06b6d41a;border:1px solid #06b6d433}.flex-between{justify-content:space-between;align-items:center;display:flex}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}.gap-2{gap:.5rem;display:flex}.gap-4{gap:1rem;display:flex}.auth-wrapper{background:radial-gradient(circle at top, var(--surface-base), var(--bg-color));justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.auth-card{text-align:center;width:100%;max-width:400px;padding:2.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade{animation:.4s forwards fadeIn}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.metric-value{font-size:2.5rem;font-weight:700}.tab-nav{border-bottom:1px solid var(--surface-border);gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-family);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-main);background:var(--surface-hover)}.tab-btn.active{color:var(--primary-color);background:var(--primary-glow)}.tab-count{opacity:.8;background:#ffffff1a;border-radius:12px;margin-left:.5rem;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.tab-btn.active .tab-count{background:var(--primary-color);color:#fff;opacity:1}.bulk-textarea{resize:vertical;min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.5}.preview-header{justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:1rem;display:flex}.preview-badge{background:var(--primary-glow);color:var(--primary-color);border-radius:6px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.bulk-table-wrapper{border:1px solid var(--surface-border);background:#0003;border-radius:10px;width:100%;overflow-x:auto}.bulk-table{border-collapse:collapse;width:100%;font-size:.875rem}.bulk-table thead th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-border);z-index:2;text-align:left;white-space:nowrap;background:#0f0f19f2;padding:.65rem .75rem;font-size:.78rem;font-weight:500;position:sticky;top:0}.bulk-table tbody tr{border-bottom:1px solid var(--surface-border);transition:background .15s}.bulk-table tbody tr:last-child{border-bottom:none}.bulk-table tbody tr:hover{background:#ffffff05}.bulk-table tbody tr.bulk-row-error{background:#ef44440a}.bulk-row-num{color:var(--text-muted);text-align:center;-webkit-user-select:none;user-select:none;width:2rem;padding:0 .5rem;font-size:.75rem}.bulk-cell-td{padding:0}.bulk-cell-input{width:100%;color:var(--text-main);font-family:var(--font-family);background:0 0;border:none;outline:none;min-width:140px;padding:.6rem .75rem;font-size:.875rem;transition:background .15s,box-shadow .15s}.bulk-cell-input::placeholder{color:#94a3b859}.bulk-cell-input:focus{box-shadow:inset 0 0 0 1px var(--primary-color);background:#6366f114}.bulk-delete-btn{color:var(--text-muted);cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem .5rem;transition:all .2s;display:flex}.bulk-table tbody tr:hover .bulk-delete-btn{opacity:1}.bulk-delete-btn:hover{color:var(--status-denied);background:var(--status-denied-bg)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;transition:-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;max-height:90vh;margin:0 auto;padding:2.5rem;position:relative;overflow-y:auto}.breakdown-row{flex-direction:column;gap:.5rem;display:flex}.progress-bar-bg{background:#ffffff0d;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary-color), #8b5cf6);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}@keyframes popIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-pop{will-change:transform, opacity;animation:.45s cubic-bezier(.23,1,.32,1) forwards popIn}.dashboard-grid,.priority-grid{will-change:transform, filter, opacity}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.btn-icon:hover{background:var(--surface-hover);color:var(--text-main)}