:root{--bg-black: #000000;--bg-surface: #0a0a0a;--bg-surface-hover: #121212;--border-light: #1e1e1e;--border-strong: #333333;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #737373;--text-disabled: #525252;--obytes-orange: #fe6e00;--obytes-orange-hover: #e06100;--obytes-orange-light: rgba(254, 110, 0, .12);--obytes-orange-border: rgba(254, 110, 0, .4);--obytes-orange-text: #ff8b1a;--primary: #3B62FF;--primary-hover: #2d4fdb;--primary-light: rgba(59, 98, 255, .1);--primary-border: rgba(59, 98, 255, .35);--primary-text: #6b8aff;--badge-bg: #171717;--badge-border: #2a2a2a;--table-header-bg: #050505;--table-row-border: #171717;--table-row-hover: #0e0e0e;--input-bg: #0a0a0a;--modal-bg: #0a0a0a;--modal-overlay: rgba(0, 0, 0, .85);--box-shadow-soft: 0 4px 20px rgba(0, 0, 0, .5);--card-border-default: #1e1e1e;--pending-card-bg: #0a0a0a;--pending-card-hover: #111111}[data-theme=light]{--bg-black: #f9fafb;--bg-surface: #ffffff;--bg-surface-hover: #f3f4f6;--border-light: #e5e7eb;--border-strong: #d1d5db;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-disabled: #9ca3af;--obytes-orange: #fe6e00;--obytes-orange-hover: #e06100;--obytes-orange-light: rgba(254, 110, 0, .08);--obytes-orange-border: rgba(254, 110, 0, .35);--obytes-orange-text: #ea580c;--primary: #3B62FF;--primary-hover: #2d4fdb;--primary-light: rgba(59, 98, 255, .06);--primary-border: rgba(59, 98, 255, .25);--primary-text: #3B62FF;--badge-bg: #f3f4f6;--badge-border: #e5e7eb;--table-header-bg: #f9fafb;--table-row-border: #f3f4f6;--table-row-hover: #f9fafb;--input-bg: #ffffff;--modal-bg: #ffffff;--modal-overlay: rgba(17, 24, 39, .4);--box-shadow-soft: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .04);--card-border-default: #e5e7eb;--pending-card-bg: #ffffff;--pending-card-hover: #f9fafb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-black);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums}.brand-text{color:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #3b62ff33}50%{box-shadow:0 0 12px 2px #3b62ff14}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:fadeInUp .3s ease-out both}.animate-fadeIn{animation:fadeIn .25s ease-out both}.page-content{animation:fadeInUp .3s ease-out}.stagger-1{animation-delay:.04s}.stagger-2{animation-delay:.08s}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.16s}.app-container{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--bg-surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40;padding:1.25rem .75rem}.main-content{margin-left:220px;flex:1;padding:1.5rem 2rem;max-width:1440px}.card,.glass-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;padding:1.25rem;transition:all .15s ease}.card:hover,.glass-card:hover{border-color:var(--border-strong)}.card-attention{border-color:var(--primary-border);animation:pulseGlow 3s ease-in-out infinite}.card-attention:hover{border-color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .55rem;border-radius:6px;font-size:.72rem;font-weight:500;letter-spacing:.01em;background:var(--badge-bg);color:var(--text-secondary);border:1px solid var(--badge-border);text-transform:capitalize;line-height:1}.badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-pending{background:#f59e0b14;color:#f59e0b;border-color:#f59e0b33}.badge-pending:before{background:#f59e0b;box-shadow:0 0 6px #f59e0b66}.badge-approved{background:#10b98114;color:#10b981;border-color:#10b98133}.badge-approved:before{background:#10b981;box-shadow:0 0 6px #10b98166}.badge-rejected{background:#ef444414;color:#ef4444;border-color:#ef444433}.badge-rejected:before{background:#ef4444}.badge-cancelled{background:#f9731614;color:#f97316;border-color:#f9731633}.badge-cancelled:before{background:#f97316}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .12s ease;text-decoration:none;font-family:inherit}.btn:active{transform:scale(.97);transition:transform .08s ease}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-secondary:hover{background:var(--border-light);border-color:var(--border-strong)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border-light)}.btn-outline:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface-hover)}.btn-danger{background:#ef44441a;color:#ef4444;border-color:#ef444433}.btn-danger:hover{background:#ef444433}.input-control{width:100%;background:var(--input-bg);border:1px solid var(--border-light);border-radius:8px;padding:.55rem .75rem;color:var(--text-primary);font-size:.85rem;transition:all .12s ease;font-family:inherit}.input-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:50;padding:1.5rem;animation:fadeIn .15s ease-out}.modal-content{background:var(--modal-bg);border:1px solid var(--border-strong);border-radius:14px;width:100%;max-width:520px;padding:1.5rem;box-shadow:var(--box-shadow-soft);animation:fadeInUp .2s ease-out;color:var(--text-primary)}.data-table-container{overflow-x:auto;border-radius:10px;border:1px solid var(--border-light)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:var(--table-header-bg);padding:.6rem .85rem;font-size:.72rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em;border-bottom:1px solid var(--border-light)}.data-table td{padding:.65rem .85rem;border-bottom:1px solid var(--table-row-border);font-size:.85rem;color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--table-row-hover);transition:background .1s ease}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:.85rem;font-weight:500;background:var(--modal-bg);border:1px solid var(--border-strong);color:var(--text-primary);box-shadow:var(--box-shadow-soft);animation:toastIn .3s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:360px}.toast-exiting{animation:toastOut .25s ease-in forwards}.toast-success{border-color:#22c55e4d;background:linear-gradient(135deg,rgba(34,197,94,.06),var(--bg-surface))}.toast-error{border-color:#ef44444d;background:linear-gradient(135deg,rgba(239,68,68,.06),var(--bg-surface))}.toast-info{border-color:var(--primary-border);background:linear-gradient(135deg,rgba(59,98,255,.06),var(--bg-surface))}.toast-icon{font-size:1rem;flex-shrink:0}.toast-close{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.1rem;font-size:1rem;line-height:1;transition:color .12s}.toast-close:hover{color:var(--text-primary)}.greeting-section{margin-bottom:.25rem;animation:fadeInUp .3s ease-out}.greeting-emoji{display:inline-block;animation:fadeIn .4s ease-out .15s both}.pending-card{background:var(--pending-card-bg);border:1px solid var(--border-light);border-radius:10px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;transition:all .15s ease}.pending-card:hover{border-color:var(--primary-border);background:var(--pending-card-hover)}.avatar-initial{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;color:#fff;flex-shrink:0}.star-rating{display:inline-flex;gap:2px}.star-filled{color:#f59e0b}.star-empty{color:var(--border-strong)}.encouragement-banner{padding:1.25rem;border-radius:12px;background:linear-gradient(135deg,var(--primary-light),transparent);border:1px solid var(--primary-border);text-align:center;animation:fadeInUp .3s ease-out}