:root{--bg-black: #000000;--bg-surface: #0a0a0a;--bg-surface-hover: #121212;--border-light: #262626;--border-strong: #404040;--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: #fe6e00;--badge-bg: #171717;--badge-border: #333333;--table-header-bg: #050505;--table-row-border: #171717;--table-row-hover: #121212;--input-bg: #000000;--modal-bg: #0a0a0a;--modal-overlay: rgba(0, 0, 0, .85);--box-shadow-soft: 0 4px 20px rgba(0, 0, 0, .5);--card-border-default: #262626;--pending-card-bg: #000000;--pending-card-hover: #050505}[data-theme=light]{--bg-black: #f8fafc;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--border-light: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--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: #fe6e00;--badge-bg: #f1f5f9;--badge-border: #cbd5e1;--table-header-bg: #f1f5f9;--table-row-border: #e2e8f0;--table-row-hover: #f8fafc;--input-bg: #ffffff;--modal-bg: #ffffff;--modal-overlay: rgba(15, 23, 42, .5);--box-shadow-soft: 0 4px 20px rgba(0, 0, 0, .06);--card-border-default: #e2e8f0;--pending-card-bg: #ffffff;--pending-card-hover: #f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background-color:var(--bg-black);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-black)}::-webkit-scrollbar-thumb{background:#262626;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--obytes-orange)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.03em;color:var(--text-primary)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.brand-text{color:var(--obytes-orange)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}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 #fe6e004d}50%{box-shadow:0 0 16px 4px #fe6e0026}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:fadeInUp .4s ease-out both}.animate-fadeIn{animation:fadeIn .3s ease-out both}.page-content{animation:fadeInUp .35s ease-out}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.app-container{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-black);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.5rem 1rem}.main-content{margin-left:240px;flex:1;padding:2rem 2.5rem;max-width:1500px}.card,.glass-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;padding:1.25rem;transition:all .2s ease}.card:hover,.glass-card:hover{border-color:var(--border-strong)}.card-attention{border-color:var(--obytes-orange-border);animation:pulseGlow 3s ease-in-out infinite}.card-attention:hover{border-color:var(--obytes-orange)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:4px;font-size:.7rem;font-weight:600;font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.05em;background:var(--badge-bg);color:var(--text-primary);border:1px solid var(--badge-border)}.badge-pending{background:var(--obytes-orange-light);color:var(--obytes-orange-text);border-color:var(--obytes-orange-border)}.badge-approved{background:#34d3991f;color:#10b981;border-color:#34d39959}.badge-rejected{background:#f43f5e1f;color:#f43f5e;border-color:#f43f5e59}.badge-cancelled{background:#fb923c1f;color:#ea580c;border-color:#fb923c59}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border-radius:6px;font-size:.825rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;text-decoration:none}.btn:active{transform:scale(.97);transition:transform .08s ease}.btn-primary{background:var(--obytes-orange);color:#fff;border-color:var(--obytes-orange)}.btn-primary:hover{background:var(--obytes-orange-hover);border-color:var(--obytes-orange-hover);box-shadow:0 0 12px #fe6e0040}.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:#f43f5e1f;color:#fb7185;border-color:#f43f5e40}.btn-danger:hover{background:#f43f5e40;color:#fff}.input-control{width:100%;background:var(--input-bg);border:1px solid var(--border-light);border-radius:6px;padding:.6rem .85rem;color:var(--text-primary);font-size:.85rem;transition:all .15s ease}.input-control:focus{outline:none;border-color:var(--obytes-orange);box-shadow:0 0 0 2px var(--obytes-orange-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 .2s ease-out}.modal-content{background:var(--modal-bg);border:1px solid var(--border-strong);border-radius:12px;width:100%;max-width:520px;padding:1.75rem;box-shadow:var(--box-shadow-soft);animation:fadeInUp .25s ease-out;color:var(--text-primary)}.data-table-container{overflow-x:auto;border-radius:6px;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:.75rem 1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-family:ui-monospace,monospace;border-bottom:1px solid var(--border-light)}.data-table td{padding:.85rem 1rem;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 .15s ease}.toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:9999;display:flex;flex-direction:column;gap:.65rem;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:.65rem;padding:.85rem 1.15rem;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 .35s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:380px}.toast-exiting{animation:toastOut .3s ease-in forwards}.toast-success{border-color:#34d39966;background:linear-gradient(135deg,rgba(52,211,153,.08),var(--bg-surface))}.toast-error{border-color:#f43f5e66;background:linear-gradient(135deg,rgba(244,63,94,.08),var(--bg-surface))}.toast-info{border-color:var(--obytes-orange-border);background:linear-gradient(135deg,rgba(254,110,0,.08),var(--bg-surface))}.toast-icon{font-size:1.15rem;flex-shrink:0}.toast-close{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.15rem;font-size:1rem;line-height:1;transition:color .15s}.toast-close:hover{color:var(--text-primary)}.greeting-section{margin-bottom:.5rem;animation:fadeInUp .4s ease-out}.greeting-emoji{display:inline-block;animation:fadeIn .6s ease-out .2s both}.pending-card{background:var(--pending-card-bg);border:1px solid var(--border-light);border-radius:6px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;transition:all .2s ease}.pending-card:hover{border-color:var(--obytes-orange-border);background:var(--pending-card-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.avatar-initial{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.star-rating{display:inline-flex;gap:2px}.star-filled{color:#fe6e00}.star-empty{color:#333}.encouragement-banner{padding:1.5rem;border-radius:8px;background:linear-gradient(135deg,#fe6e000f,#fe6e0005);border:1px solid rgba(254,110,0,.15);text-align:center;animation:fadeInUp .4s ease-out}