@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-gradient:radial-gradient(circle at 15% 50%, #3c3e4a 0%, transparent 60%), radial-gradient(circle at 85% 30%, #191a23 0%, transparent 60%), radial-gradient(circle at 50% 80%, #464856 0%, transparent 60%), radial-gradient(circle at 50% 20%, #0f1015cc 0%, transparent 60%), linear-gradient(135deg, #0f1015 0%, #1a1b26 50%, #24283b 100%);--sidebar-bg:#15142166;--card-bg:#1d1e2b66;--card-border:#ffffff0d;--glass-border:#ffffff0d;--primary:#3b82f6;--primary-hover:#2563eb;--accent:#8b5cf6;--text-main:#f8fafc;--text-muted:#94a3b8;--danger:#ef4444;--success:#10b981;--warning:#eab308;--title-gradient:#fff;--title-gradient-calendar:#fff;--table-header-bg:#151421;--table-header-text:#64748b;--checkbox-color:#fff;--input-bg:var(--card-bg)}[data-theme=light]{--bg-gradient:radial-gradient(circle at 15% 50%, #fff 0%, transparent 60%), radial-gradient(circle at 85% 30%, #e2e8f0 0%, transparent 60%), radial-gradient(circle at 50% 80%, #cbd5e1 0%, transparent 60%), radial-gradient(circle at 50% 20%, #94a3b880 0%, transparent 60%), linear-gradient(135deg, #fff 0%, #e2e8f0 50%, #cbd5e1 100%);--sidebar-bg:#ffffffa6;--card-bg:#ffffffb3;--card-border:#00000014;--glass-border:#0000000f;--text-main:#0f172a;--text-muted:#64748b;--title-gradient:linear-gradient(135deg, #0f172a, #334155);--title-gradient-calendar:linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);--table-header-bg:#f1f5f9cc;--table-header-text:#0f172a;--checkbox-color:#0f172a;--input-bg:#fff}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:var(--bg-gradient);color:var(--text-main);background-size:200% 200%;background-attachment:fixed;min-height:100vh;transition:opacity .4s ease-out;animation:20s ease-in-out infinite alternate silkWave;overflow-x:hidden}@keyframes silkWave{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}body.fade-out-exit{opacity:0}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 30px #0000000d}.glass-panel{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--card-border)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:none}.btn-primary:hover{background:var(--primary-hover)}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.btn-ghost{color:var(--text-main);border:1px solid var(--card-border);background:0 0}.btn-ghost:hover{background:#94a3b81a}.btn-outline{color:var(--text-main);border:1px solid var(--primary);background:0 0}.btn-outline:hover{background:#6366f11a}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;color:#ffffff80!important;background:#64748b4d!important;transform:none!important}.btn:disabled:hover{box-shadow:none!important;transform:none!important}.input-field{border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s;box-shadow:0 1px 2px #0000000d;color:#0f172a!important;text-align:left!important;background:#fff!important;border:1px solid #cbd5e1!important}select.input-field,input[type=date].input-field,input[type=month].input-field{padding-left:10px;padding-right:36px;text-align-last:left!important}.input-field option{background:var(--card-bg);color:var(--text-main)}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f633}.app-container{height:100vh;display:flex}.main-content{flex:1;padding:30px;overflow-y:auto}.premium-table{border-collapse:collapse;width:100%}.premium-table th{text-align:left;color:var(--table-header-text);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--card-border);padding:16px;font-size:.75rem;font-weight:500}.premium-table td{background:var(--card-bg);border-bottom:1px solid var(--card-border);padding:16px;font-size:.9rem}.premium-table tbody tr{transition:all .2s}.premium-table tbody tr:hover td{background:#3b82f60a}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.status-dot.approved{background-color:var(--success)}.status-dot.pending{background-color:var(--warning)}.status-dot.rejected{background-color:var(--danger)}.avatar-circle{color:var(--text-main);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (width<=768px){.app-container{flex-direction:column}.sidebar{z-index:1000;background:var(--bg-gradient);border-right:none;border-top:1px solid var(--card-border);flex-direction:row;order:2;width:100%;height:auto;padding:8px 0;position:fixed;bottom:0;left:0}.main-content{height:100vh;padding:16px 16px 90px}.sidebar-header,.user-profile,.sidebar-footer{display:none!important}.nav-menu{flex-direction:row;justify-content:space-around;align-items:center;gap:0;width:100%;padding:0}.nav-item{text-align:center;border-radius:8px;flex-direction:column;flex:1;gap:4px;padding:8px;font-size:.65rem}.nav-item span{font-size:.65rem}.nav-item.active{border-right:none;border-bottom:3px solid var(--primary);background:#3b82f61a}.submenu-wrapper,.chevron-wrapper{display:none!important}.page-header{gap:16px;flex-direction:column!important;align-items:flex-start!important;padding:16px!important}.page-title{font-size:1.5rem!important}.action-buttons,.page-header button{justify-content:center;width:100%}.premium-table th,.premium-table td{padding:10px;font-size:.8rem}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:80px;right:24px}.toast-message{background:var(--card-bg);border:1px solid var(--success);pointer-events:auto;border-radius:8px;align-items:center;gap:12px;min-width:250px;padding:12px 16px;animation:.3s ease-out slideInRight;display:flex;box-shadow:0 4px 20px #00000026}.toast-icon{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex}.toast-content{color:var(--text-main);flex:1;font-size:.9rem}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1rem;display:flex}.toast-close:hover{color:var(--text-main)}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.login-container{background:#0f172a;width:100%;min-height:100vh;display:flex;overflow:hidden}.login-left-pane{color:#fff;background:linear-gradient(135deg,#0f172ad9,#1e293bf2),url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80) 50%/cover;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.login-left-pane:before{content:"";background:radial-gradient(circle,#3b82f640 0%,#0000 60%);border-radius:50%;width:800px;height:800px;animation:15s ease-in-out infinite alternate floatOrb;position:absolute;top:-200px;left:-200px}.login-left-pane:after{content:"";background:radial-gradient(circle,#8b5cf633 0%,#0000 60%);border-radius:50%;width:600px;height:600px;animation:12s ease-in-out infinite alternate-reverse floatOrb;position:absolute;bottom:-100px;right:-100px}.brand-content{z-index:10;max-width:480px;animation:1s cubic-bezier(.16,1,.3,1) forwards slideRightFade;position:relative}.brand-icon-wrapper{margin-bottom:30px}.logo-icon-huge{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--text-main);width:80px;height:80px;border-radius:20px;justify-content:center;align-items:center;font-size:2.5rem;font-weight:800;display:flex;box-shadow:0 10px 30px #3b82f680}.brand-title{background:var(--title-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.1}.brand-subtitle{color:#cbd5e1;font-size:1.2rem;line-height:1.6}.floating-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.float-card{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;animation:8s ease-in-out infinite alternate floatCard;position:absolute;box-shadow:0 10px 30px #0003}.card-1{width:140px;height:140px;animation-delay:-2s;top:15%;right:15%;transform:rotate(15deg)}.card-2{width:200px;height:90px;animation:9s ease-in-out infinite alternate floatCardAlt;bottom:25%;left:5%;transform:rotate(-10deg)}.login-right-pane{background:var(--bg-gradient);z-index:2;flex:0 0 550px;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;box-shadow:-10px 0 30px #0006}.login-card{-webkit-backdrop-filter:blur(20px);opacity:0;background:#fffffff2;border:1px solid #fffc;border-radius:24px;flex-direction:column;gap:32px;width:100%;max-width:420px;padding:48px 40px;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;transform:translateY(30px);box-shadow:0 20px 40px -10px #0000001a,0 0 20px #0000000d}.login-header{text-align:left}.login-header h2{color:#0f172a;letter-spacing:-.5px;margin-bottom:8px;font-size:2.2rem;font-weight:800}.login-header p{color:#64748b;font-size:1rem}.error-alert{color:#fca5a5;text-align:center;background:#ef444426;border:1px solid #ef444466;border-radius:12px;padding:14px 16px;font-size:.95rem;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.login-form{flex-direction:column;gap:24px;display:flex}.input-group{position:relative}.input-icon{color:#64748b;z-index:10;transition:color .3s;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.input-group .input-field{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:16px 16px 16px 52px;font-size:1rem;transition:all .3s;box-shadow:0 2px 5px #00000005}.input-group .input-field:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #6366f126}.input-group:focus-within .input-icon{color:var(--primary)}.login-btn{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:16px;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 20px #3b82f64d}.login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #3b82f680}.login-btn:active{transform:translateY(1px)}.login-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.login-btn:hover:after{left:100%}@keyframes slideRightFade{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,50px)scale(1.1)}to{transform:translate(-30px,40px)scale(.9)}}@keyframes floatCard{0%{transform:translateY(0)rotate(15deg)}to{transform:translateY(-20px)rotate(18deg)}}@keyframes floatCardAlt{0%{transform:translateY(0)rotate(-10deg)}to{transform:translateY(20px)rotate(-12deg)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media (width<=900px){.login-left-pane{display:none}.login-right-pane{box-shadow:none;flex:1;padding:20px}.login-card{padding:30px 24px}}.sidebar{flex-direction:column;width:260px;height:100vh;padding:24px 0;display:flex;background:linear-gradient(#031b33 0%,#010a14 100%)!important;border-right:1px solid #ffffff0d!important}.sidebar-header{align-items:center;gap:12px;margin-bottom:30px;padding:0 24px;display:flex}.logo-icon{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:700;display:flex}.sidebar-header h2{letter-spacing:-.5px;color:#fff;font-size:1.4rem;font-weight:800}.user-profile{border-top:1px solid #ffffff0d;align-items:center;gap:12px;margin-top:auto;padding:16px 24px;display:flex}.avatar{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.user-info .name{color:#f8fafc;font-size:.95rem;font-weight:600}.user-info .role{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.75rem}.nav-menu{flex-direction:column;flex:1;gap:8px;padding:0 16px;display:flex}.nav-item{letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;overflow:hidden;color:#94a3b8!important}.nav-item svg{flex-shrink:0;min-width:20px;min-height:20px}.nav-item:hover{color:#fff!important;background:#ffffff0d!important}.nav-item.active{box-shadow:0 4px 12px #6366f14d;background:var(--primary)!important;color:#fff!important}.nav-item.sub-item{min-height:40px;padding-left:36px;font-size:.9rem;font-weight:500}.nav-item.sub-item.active{color:var(--primary);box-shadow:none;background:0 0}.badge-new{background:var(--primary);color:#fff;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.65rem;font-weight:600}.sidebar-footer{padding:0 24px}.logout-btn{display:none}[data-theme=light] .nav-item:not(.active){color:#94a3b8!important}[data-theme=light] .nav-item:hover{color:#fff!important;background:#ffffff0d!important}@media (width<=768px){.sidebar{z-index:1000;-webkit-backdrop-filter:blur(20px);border-right:none;border-top:1px solid var(--card-border);background:#0f172af2;flex-direction:row;width:100%;height:auto;padding:8px 0;position:fixed;bottom:0;left:0}.sidebar-header,.user-profile,.sidebar-footer{display:none!important}.nav-menu{flex-direction:row;justify-content:space-around;align-items:center;gap:0;width:100%;padding:0}.nav-item{text-align:center;border-radius:8px;flex-direction:column;flex:1;gap:4px;min-height:auto;padding:8px;font-size:.65rem;border:none!important}.nav-item span{font-size:.65rem}.nav-item.active{border-bottom:3px solid var(--primary);color:var(--primary);background:#3b82f61a}.nav-item.sub-item,.submenu-wrapper,.chevron-wrapper{display:none!important}}.profile-dropdown{-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 25px #0006;background:#0a1426f7!important;border:1px solid #ffffff14!important}.dropdown-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{color:#fff;background:#ffffff14!important}[data-theme=light] .dropdown-item:hover{background:#ffffff14!important}.dropdown-item.text-danger{color:var(--danger)}.dropdown-item.text-danger:hover{color:var(--danger);background:#ef444426!important}.profile-dropdown .dropdown-item+div{background:#ffffff0f!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.global-header{background:var(--bg-gradient);border-bottom:1px solid var(--card-border);z-index:1000;justify-content:space-between;align-items:center;margin:-30px -30px 24px;padding:16px 30px;display:flex;position:sticky;top:-30px}.header-time{letter-spacing:1px;color:var(--primary);font-size:1.2rem;font-weight:600}.header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.icon-btn:hover{color:var(--text-main);background:#94a3b81f}.notification-btn{position:relative}.badge{background-color:var(--danger);border:1px solid var(--card-bg);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notification-container{position:relative}.notification-dropdown{border:1px solid var(--card-border);z-index:1000;background:#1e293bf2;border-radius:12px;flex-direction:column;width:300px;max-height:400px;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.notification-header{border-bottom:1px solid var(--glass-border);background:#0000001a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-header h4{color:var(--text-main);margin:0;font-size:.95rem}.clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.clear-btn:hover{color:var(--text-main);background:#94a3b826}.notification-list{max-height:350px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--glass-border);gap:12px;padding:12px 16px;transition:background .2s;display:flex}.notification-item:hover{background:#94a3b814}.notification-icon{width:32px;height:32px;color:var(--success);background:#10b9811a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-content{flex-direction:column;gap:4px;display:flex}.notification-content p{color:var(--text-main);margin:0;font-size:.85rem;line-height:1.4}.notification-content .time{color:var(--text-muted);font-size:.75rem}.empty-state{text-align:center;color:var(--text-muted);padding:24px;font-size:.9rem}[data-theme=light] .notification-dropdown{background:#fffffff2;box-shadow:0 10px 30px #00000026}[data-theme=light] .notification-header{background:#00000008}[data-theme=light] .icon-btn:hover,[data-theme=light] .clear-btn:hover{background:#0000001a}[data-theme=light] .notification-item:hover{background:#0000000d}.page-container{flex-direction:column;gap:24px;display:flex}.page-header{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;justify-content:space-between;align-items:flex-end;padding:24px 30px;display:flex}.page-title{background:var(--title-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:1.8rem;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:.95rem}.action-buttons{gap:16px;display:flex}.filters-panel{padding:24px}.filters-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.filters-body{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.date-filters{gap:16px;display:flex}.input-group label{color:var(--text-muted);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.preset-exports{align-items:center;gap:12px;display:flex}.export-settings{border:1px solid var(--glass-border);background:#94a3b81a;border-radius:12px;margin-top:24px;padding:20px}.export-settings h4{color:var(--text-muted);margin-top:0;margin-bottom:16px;font-size:1rem;font-weight:500}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.checkbox-label{color:var(--checkbox-color);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.animate-fade-in{animation:.3s ease-in-out fadeIn}@media (width<=768px){.filters-body{flex-direction:column;align-items:stretch}.date-filters{flex-direction:column}.preset-exports{flex-direction:column;width:100%}.preset-exports button{width:100%}.table-header{flex-direction:column;align-items:flex-start;gap:16px}}@keyframes fadeIn{to{opacity:1}}.table-container{padding:24px}.table-header{justify-content:space-between;align-items:center;display:flex}.table-header h3{color:var(--primary);font-size:1.1rem;font-weight:700}.weekly-tabs{gap:8px;margin:20px 0;padding-bottom:4px;display:flex;overflow-x:auto}.week-tab{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.week-tab:hover{background:#94a3b81a}.week-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #6366f14d}.weekly-table th{letter-spacing:.5px;font-size:.8rem;background:var(--table-header-bg)!important;color:var(--table-header-text)!important}.grand-total-row td{border-top:2px solid var(--glass-border);background:#ffffff08;font-size:1rem;font-weight:700}.table-responsive{border:1px solid var(--glass-border);border-radius:8px;overflow-x:auto}.earnings{color:var(--success);font-weight:700}.filters-panel{animation:.5s .2s both fade-in-up}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-container{flex-direction:column;height:100%;padding:20px 30px;display:flex}.calendar-header-controls{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 25px;display:flex}.calendar-nav{align-items:center;gap:15px;display:flex}.calendar-nav button{border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;transition:all .2s}.calendar-nav button:hover{background:#3b82f614}.calendar-nav h2{text-align:center;min-width:150px;font-size:1.25rem;font-weight:600}.calendar-grid-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.calendar-days-header{background:var(--table-header-bg);border-bottom:1px solid var(--card-border);grid-template-columns:repeat(7,1fr);display:grid}.calendar-days-header div{text-align:center;color:var(--text-muted);text-transform:uppercase;padding:10px;font-size:.85rem;font-weight:600}.calendar-grid{flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(100px,1fr);display:grid;overflow-y:auto}.calendar-cell{border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);flex-direction:column;gap:4px;padding:8px;transition:background .2s;display:flex}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell:hover{background:#3b82f60a}.calendar-cell.other-month{background:var(--glass-border);color:var(--text-muted)}.calendar-cell.today .date-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.date-number{align-self:flex-start;margin-bottom:4px;font-size:.9rem;font-weight:500}.event-badge{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;color:#fff;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:flex;overflow:hidden}.event-badge.pending{opacity:.7;border:1px dashed #ffffff80}.event-type-VL{background:#3b82f6}.event-type-SL{background:#10b981}.event-type-PDO{background:#f43f5e}.event-type-Birthday{background:#d946ef}.event-type-Meeting{background:#f59e0b}.event-type-Holiday{background:#1e3a8a}.event-type-Other{background:#64748b}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);width:400px;max-width:90%;color:var(--text-main);border-radius:12px;padding:24px;animation:.3s slideUp;box-shadow:0 10px 30px #00000080}.modal-header h3{margin:0;font-size:1.2rem}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.close-btn:hover{color:var(--text-main)}.date-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.date-badge{color:var(--text-main);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);background:#3b82f614;border-radius:12px;padding:2px 6px;font-size:.65rem;font-weight:600}.more-events-link{color:var(--accent);cursor:pointer;text-align:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:6px;margin-top:4px;padding:4px 6px;font-size:.75rem;font-weight:500;transition:all .2s}.more-events-link:hover{background:#8b5cf633;transform:translateY(-1px)}@media (width<=768px){.calendar-header-controls{flex-direction:column;align-items:flex-start;gap:16px}.calendar-nav{justify-content:space-between;width:100%}.calendar-nav button{padding:10px}.calendar-days-header div{padding:6px 2px;font-size:.65rem}.calendar-grid{grid-auto-rows:minmax(70px,1fr)}}.day-modal-content{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);width:450px;max-width:95%;color:var(--text-main);border-radius:20px;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d}.day-modal-header{border-bottom:1px solid var(--glass-border);background:linear-gradient(#3b82f608 0%,#0000 100%);align-items:center;gap:20px;padding:30px 24px 20px;display:flex;position:relative}.day-modal-header .close-btn{color:var(--text-muted);background:#94a3b81a;border-radius:50%;padding:8px;transition:all .2s;position:absolute;top:20px;right:20px}.day-modal-header .close-btn:hover{color:var(--text-main);background:#94a3b833;transform:scale(1.05)}.day-modal-date-big{background:var(--title-gradient-calendar);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;line-height:.8}.day-modal-date-details{flex-direction:column;display:flex}.day-modal-day{color:var(--text-main);text-transform:uppercase;letter-spacing:1px;font-size:1.1rem;font-weight:500}.day-modal-month-year{color:var(--text-muted);font-size:.85rem}.day-modal-body{flex-direction:column;gap:16px;max-height:55vh;padding:24px;display:flex;overflow-y:auto}.day-modal-body::-webkit-scrollbar{width:6px}.day-modal-body::-webkit-scrollbar-track{background:0 0}.day-modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.day-modal-event-card{background:var(--sidebar-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:all .3s;display:flex;position:relative;overflow:hidden}.day-modal-event-card:before{content:"";background:var(--text-muted);width:4px;height:100%;position:absolute;top:0;left:0}.day-modal-event-card:hover{background:var(--card-bg);border-color:var(--card-border);transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.day-modal-event-card.event-type-VL:before{background:#3b82f6;box-shadow:0 0 10px #3b82f6}.day-modal-event-card.event-type-SL:before{background:#10b981;box-shadow:0 0 10px #10b981}.day-modal-event-card.event-type-PDO:before{background:#f43f5e;box-shadow:0 0 10px #f43f5e}.day-modal-event-card.event-type-Birthday:before{background:#d946ef;box-shadow:0 0 10px #d946ef}.day-modal-event-card.event-type-Meeting:before{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.day-modal-event-card.event-type-Holiday:before{background:#1e3a8a;box-shadow:0 0 10px #1e3a8a}.day-modal-event-title-row{color:var(--text-main);align-items:center;gap:10px;font-size:1.05rem;font-weight:600;display:flex}.day-modal-event-details-row{align-items:center;gap:12px;font-size:.8rem;display:flex}.leave-request-pill{background:var(--glass-border);border:1px solid var(--card-border);color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-weight:500}.time-pill{background:var(--glass-border);color:var(--text-muted);border:1px solid var(--card-border);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:flex}.day-modal-footer{background:var(--table-header-bg);border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.day-modal-footer .event-count{color:var(--text-muted);font-size:.9rem;font-weight:500}.calendar-header-controls{animation:.5s both fade-in-down-cal}.calendar-grid-container{animation:.5s .2s both fade-in-up-cal}@keyframes fade-in-down-cal{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up-cal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--card-bg);border:1px solid var(--card-border);opacity:0;border-radius:16px;width:90%;max-width:500px;padding:30px;animation:.3s cubic-bezier(.16,1,.3,1) .1s forwards slideUpFade;position:relative;transform:translateY(20px)scale(.95);box-shadow:0 10px 40px #0000004d}.modal-title{margin:0;font-size:1.25rem;font-weight:600}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.modal-close-btn:hover{color:var(--text-main);background:#ffffff1a}.emp-grid-form{grid-template-columns:1fr;gap:16px;display:grid}.emp-grid-form .btn{margin-top:10px}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600}.role-badge.admin{color:#fff;background:#8b5cf6;border:none;box-shadow:0 2px 4px #8b5cf64d}.role-badge.user{color:#fff;background:#3b82f6;border:none;box-shadow:0 2px 4px #3b82f64d}.action-pill{cursor:pointer;background:#0000000a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.action-pill.edit{color:#3b82f6}.action-pill.edit:hover{color:#fff;background:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 10px #3b82f64d}.action-pill.delete{color:#ef4444}.action-pill.delete:hover{color:#fff;background:#ef4444;transform:translateY(-2px);box-shadow:0 4px 10px #ef44444d}.page-header{animation:.5s both fade-in-down-emp}.table-container{animation:.5s .2s both fade-in-up-emp}@keyframes fade-in-down-emp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up-emp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.details-modal{overflow:hidden;max-width:700px!important;padding:0!important}.details-modal .modal-header{border-bottom:1px solid var(--card-border);background:#00000005;margin-bottom:0;padding:24px 30px 16px}.details-header-info{align-items:center;gap:16px;display:flex}.avatar-large{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:600;display:flex;box-shadow:0 4px 10px #8b5cf64d}.emp-badges{gap:8px;margin-top:6px;display:flex}.rate-badge{color:var(--success);background:#10b9811a;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.details-tabs{border-bottom:1px solid var(--card-border);background:#00000005;padding:0 30px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:16px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-main);background:#ffffff08}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}[data-theme=light] .tab-btn:hover{background:#00000008}.details-body{max-height:400px;padding:24px 30px;overflow-y:auto}.small-table th,.small-table td{padding:12px 16px;font-size:.85rem}.empty-cell{text-align:center;color:var(--text-muted);font-style:italic;padding:40px!important}.loading-state{text-align:center;color:var(--text-muted);padding:40px;font-size:.9rem}.type-badge{background:#ffffff1a;border-radius:4px;padding:4px 8px;font-size:.75rem}[data-theme=light] .type-badge{background:#0000000d}.status-badge{text-transform:capitalize;border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:600}.status-badge.approved{color:var(--success);background:#10b9811a}.status-badge.pending{color:var(--warning);background:#f59e0b1a}.status-badge.rejected{color:var(--danger);background:#ef44441a}.clickable-row{cursor:pointer;transition:background .2s}.clickable-row:hover{background:#ffffff08!important}[data-theme=light] .clickable-row:hover{background:#00000005!important}.profile-page{flex-direction:column;gap:24px;animation:.6s both page-enter;display:flex;padding:0!important}.profile-hero{background:linear-gradient(135deg,#1e3a5f 0%,#2d1b69 40%,#1a1a2e 100%);border-radius:20px;align-items:flex-end;min-height:220px;padding:32px 40px;display:flex;position:relative;overflow:hidden}.hero-mesh{background:radial-gradient(at 20%,#3b82f659 0%,#0000 60%),radial-gradient(at 80% 20%,#8b5cf666 0%,#0000 50%),radial-gradient(at 60% 90%,#10b98126 0%,#0000 50%);animation:12s ease-in-out infinite alternate meshShift;position:absolute;inset:0}@keyframes meshShift{0%{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(-2%,1%)}to{transform:scale(1)translate(1%,-1%)}}.hero-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:#ffffff0f;border-radius:50%;animation:20s ease-in-out infinite particleFloat;position:absolute}.p1{width:180px;height:180px;animation-delay:0s;top:-40px;right:-30px}.p2{width:120px;height:120px;animation-delay:-4s;bottom:-20px;left:10%}.p3{width:80px;height:80px;animation-delay:-8s;top:30%;left:40%}.p4{width:60px;height:60px;animation-delay:-12s;top:10%;right:25%}.p5{width:40px;height:40px;animation-delay:-16s;bottom:20%;right:15%}@keyframes particleFloat{0%,to{opacity:.06;transform:translateY(0)translate(0)scale(1)}25%{opacity:.12;transform:translateY(-20px)translate(10px)scale(1.1)}50%{opacity:.08;transform:translateY(-10px)translate(-15px)scale(.95)}75%{opacity:.1;transform:translateY(15px)translate(5px)scale(1.05)}}.hero-content{z-index:2;align-items:center;gap:28px;width:100%;display:flex;position:relative}.hero-avatar-ring{flex-shrink:0;position:relative}.hero-avatar{background:linear-gradient(145deg,#3b82f6,#8b5cf6);border:4px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;animation:.6s cubic-bezier(.175,.885,.32,1.275) .3s both avatarPop;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000059}.hero-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.hero-avatar-letter{color:#fff;text-shadow:0 2px 8px #0003;font-size:44px;font-weight:700}.avatar-status-ring{background:#1e1e2ee6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:6px;right:6px}.avatar-status{background:#10b981;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #10b98199}@keyframes pulse-dot{0%,to{box-shadow:0 0 4px #10b98166}50%{box-shadow:0 0 12px #10b981cc}}.hero-info{flex:1;animation:.5s .4s both fadeSlideRight}.hero-name{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:800;line-height:1.1}.hero-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.hero-role-badge.admin{color:#c4b5fd;background:#8b5cf640;border:1px solid #8b5cf659}.hero-role-badge.user{color:#93c5fd;background:#3b82f640;border:1px solid #3b82f659}.hero-role-badge svg{flex-shrink:0}.hero-separator{color:#ffffff40;font-size:1.2rem}.hero-handle{color:#ffffff80;font-size:.9rem;font-weight:500}.edit-profile-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff26;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s .5s both fadeSlideRight;display:flex}.edit-profile-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.edit-profile-btn svg{flex-shrink:0}.stats-strip{grid-template-columns:repeat(4,1fr);gap:16px;animation:.5s .3s both fadeSlideUp;display:grid}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;align-items:center;gap:14px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.stat-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrap.blue{color:#3b82f6;background:#3b82f61f}.stat-icon-wrap.purple{color:#8b5cf6;background:#8b5cf61f}.stat-icon-wrap.green{color:#10b981;background:#10b9811f}.stat-icon-wrap.amber{color:#f59e0b;background:#f59e0b1f}.stat-info{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-value{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:.75rem;font-weight:500}.profile-tab-bar{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:14px;gap:4px;padding:6px;animation:.5s .4s both fadeSlideUp;display:flex}.ptab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.ptab svg{flex-shrink:0}.ptab:hover{color:var(--text-main);background:#3b82f60f}.ptab.active{background:var(--primary);color:#fff;box-shadow:0 4px 14px #3b82f64d}.profile-body{animation:.5s .5s both fadeSlideUp}.detail-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:20px;overflow:hidden}.animate-panel{animation:.4s both panelReveal}@keyframes panelReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-header{border-bottom:1px solid var(--card-border);padding:28px 32px 20px}.panel-icon-title{align-items:center;gap:16px;display:flex}.panel-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.panel-icon.blue{color:#3b82f6;background:#3b82f61f}.panel-icon.green{color:#10b981;background:#10b9811f}.panel-icon.purple{color:#8b5cf6;background:#8b5cf61f}.panel-icon.amber{color:#f59e0b;background:#f59e0b1f}.panel-icon-title h3{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700}.panel-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.82rem}.detail-grid{padding:8px 0}.detail-row{align-items:center;gap:18px;padding:18px 32px;transition:background .2s;display:flex}.detail-row:hover{background:#3b82f608}.highlight-row{background:#10b9810a}.detail-icon{width:42px;height:42px;color:var(--text-muted);background:#94a3b814;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.detail-row:hover .detail-icon{color:var(--primary);background:#3b82f61a}.detail-icon.success{color:#10b981;background:#10b9811a}.detail-content{flex-direction:column;gap:3px;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:.72rem;font-weight:600}.detail-value{color:var(--text-main);font-size:1rem;font-weight:500}.detail-value.success-val{color:#10b981;font-size:1.1rem;font-weight:700}.detail-value.muted-val{color:var(--text-muted);font-size:.95rem;font-style:italic}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.25s backdropIn;display:flex;position:fixed;inset:0}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.edit-modal{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:20px;width:440px;max-width:92vw;max-height:90vh;padding:32px;animation:.35s cubic-bezier(.175,.885,.32,1.275) both modalPop;overflow-y:auto;box-shadow:0 24px 64px #0006}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:700}.modal-close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#94a3b81a;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{color:#ef4444;background:#ef44441a}.modal-error{color:#ef4444;background:#ef444414;border:1px solid #ef444426;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:.88rem}.modal-form{flex-direction:column;gap:18px;display:flex}.modal-avatar-section{flex-direction:column;align-items:center;gap:10px;margin-bottom:8px;display:flex}.modal-avatar-preview{border:3px solid var(--card-border);width:88px;height:88px;color:var(--text-muted);background:#94a3b814;border-radius:50%;justify-content:center;align-items:center;transition:border-color .3s;display:flex;overflow:hidden}.modal-avatar-preview:hover{border-color:var(--primary)}.modal-avatar-preview img{object-fit:cover;width:100%;height:100%}.modal-avatar-upload{color:var(--primary);cursor:pointer;font-size:.82rem;font-weight:600;transition:color .2s}.modal-avatar-upload:hover{color:var(--primary-hover)}.modal-field{flex-direction:column;gap:7px;display:flex}.modal-field label{color:var(--text-muted);font-size:.82rem;font-weight:600}.field-hint{opacity:.7;font-style:italic;font-weight:400}.modal-submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:13px;font-size:.92rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.modal-submit-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-enter{0%{opacity:0}to{opacity:1}}@keyframes avatarPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.stats-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.profile-hero{align-items:flex-end;min-height:280px;padding:24px}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:16px}.hero-info{flex-direction:column;align-items:center;display:flex}.hero-meta{justify-content:center}.hero-name{font-size:26px}.edit-profile-btn{justify-content:center;width:100%;margin-left:0}.hero-avatar{width:90px;height:90px}.hero-avatar-letter{font-size:36px}.stats-strip{grid-template-columns:1fr 1fr}.profile-tab-bar{gap:2px;padding:4px;overflow-x:auto}.ptab{gap:6px;padding:10px 12px;font-size:.78rem}.ptab span{display:none}.detail-row{padding:16px 20px}.panel-header{padding:20px}}@media (width<=480px){.stats-strip{grid-template-columns:1fr}.stat-card{padding:16px}}.system-logs-container{flex-direction:column;height:100%;display:flex}.logs-content{border-radius:16px;flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow:hidden}.logs-controls{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.search-box,.filter-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;align-items:center;padding:.5rem 1rem;transition:all .3s;display:flex}.search-box:focus-within,.filter-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #6366f11a}.search-icon,.filter-icon{color:var(--text-muted);margin-right:.75rem}.search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:250px;font-size:.95rem}.search-input::placeholder{color:var(--text-muted)}.filter-select{color:var(--text-main);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;font-size:.95rem}.filter-select option{background:var(--card-bg);color:var(--text-main)}.logs-table-container{border:1px solid var(--card-border);border-radius:8px;flex:1;overflow-y:auto}.logs-table{border-collapse:collapse;text-align:left;width:100%}.logs-table th{background:var(--table-header-bg);color:var(--table-header-text);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--card-border);z-index:10;padding:1rem;font-size:.85rem;font-weight:600;position:sticky;top:0}.logs-table td{border-bottom:1px solid var(--card-border);padding:1rem;font-size:.95rem}.log-row:hover{background:#ffffff05}.time-cell{color:var(--text-muted);white-space:nowrap}.user-cell{color:var(--text-main);font-weight:500}.action-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.bg-blue{color:#fff;background:#3b82f6;border:none;box-shadow:0 2px 4px #3b82f64d}.bg-green{color:#fff;background:#10b981;border:none;box-shadow:0 2px 4px #10b9814d}.bg-orange{color:#fff;background:#f59e0b;border:none;box-shadow:0 2px 4px #f59e0b4d}.bg-red{color:#fff;background:#ef4444;border:none;box-shadow:0 2px 4px #ef44444d}.bg-purple{color:#fff;background:#8b5cf6;border:none;box-shadow:0 2px 4px #8b5cf64d}.bg-gray{color:#fff;background:#64748b;border:none;box-shadow:0 2px 4px #64748b4d}.desc-cell{color:var(--text-muted)}.loading-state,.empty-state{height:200px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{opacity:.5;margin-bottom:1rem}