@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";.premium-loader-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2147483647;background:#fffffffa;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loader-content{z-index:2;flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}.loader-orb-wrapper{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.loader-orb{z-index:2;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:50%;width:60px;height:60px;box-shadow:0 0 40px #6366f166}.loader-orb-pulse{background:#6366f133;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.4,0,.6,1) infinite orb-pulse;position:absolute}@keyframes orb-pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}.loader-logo-inner{z-index:3;justify-content:center;align-items:center;display:flex;position:absolute}.loader-svg-wrapper svg{animation:2s linear infinite rotate}.loader-svg-wrapper .path{stroke:#fff;stroke-linecap:round;animation:1.5s ease-in-out infinite dash}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.loader-text-section{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.loader-title{color:#1e293b;letter-spacing:-.02em;margin:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.loader-progress-track{background:#e2e8f0;border-radius:10px;width:200px;height:4px;position:relative;overflow:hidden}.loader-progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:10px;width:40%;height:100%;animation:1.5s ease-in-out infinite progress-slide;position:absolute}@keyframes progress-slide{0%{width:40%;left:-40%}50%{width:60%;left:40%}to{width:40%;left:110%}}.loader-status{color:#64748b;margin:0;font-size:13px;font-weight:500}.loader-ambient-glow{z-index:1;background:radial-gradient(circle,#6366f10d 0%,#0000 70%);width:400px;height:400px;position:absolute}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header-container{z-index:50;flex-direction:column;width:100%;display:flex;position:sticky;top:0}.header-main-row{background:#f8fafc;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.header-right-group{align-items:center;gap:24px;display:flex}.header-left{flex:1;align-items:center;gap:16px;display:flex}.search-wrapper{width:100%;max-width:420px;position:relative}.header-spacer{flex:1}.menu-toggle-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000d}.menu-toggle-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.menu-toggle-btn:active{transform:scale(.95)}.menu-icon-btn{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.rotate-180{transform:rotate(180deg)}.search-container{box-sizing:border-box;background:#fff;border-radius:14px;align-items:center;width:360px;height:56px;padding:0 18px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 10px #f3f0f00a}.search-container:focus-within{background:#fff;box-shadow:0 10px 30px #efeff114}.search-icon{color:#64748b;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;margin-right:12px;line-height:0;transition:color .3s;display:flex}.search-container:focus-within .search-icon{color:#3b82f6}.search-input{color:#0f172a;appearance:none;flex:auto;width:100%;min-width:0;height:100%;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.search-input:focus{border:none!important;outline:none!important}.search-input::placeholder{color:#94a3b8;font-size:13px;font-weight:400}.search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.search-clear-btn:hover{color:#ef4444;background:#f1f5f9}.search-kbd-hint{color:#64748b;pointer-events:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;align-items:center;gap:2px;padding:3px 6px;font-size:10px;font-weight:700;transition:opacity .2s;display:flex}.search-container:focus-within .search-kbd-hint{opacity:0}.search-results-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;transform-origin:0 0;background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:18px;width:500px;max-width:min(500px,92vw);margin-top:8px;animation:.3s cubic-bezier(.34,1.56,.64,1) premiumFadeIn;position:absolute;top:calc(100% + 16px);left:0;overflow:hidden;box-shadow:0 20px 50px #0f172a26}@keyframes premiumFadeIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-results-scroll{scrollbar-width:none;max-height:480px;padding:12px;overflow-y:auto}.search-results-scroll::-webkit-scrollbar{width:0}.search-result-item{cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:16px;margin-bottom:4px;padding:12px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.search-result-item:last-child{margin-bottom:0}.search-result-item:hover{background:#fff;border-color:#e2e8f0;transform:translate(4px);box-shadow:0 4px 12px #0000000d}.result-icon-type{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.color-module{color:#3b82f6;background:#eff6ff}.color-admin{color:#10b981;background:#ecfdf5}.color-employee{color:#ec4899;background:#fdf2f8}.color-branch{color:#f97316;background:#fff7ed}.color-department{color:#8b5cf6;background:#f5f3ff}.search-result-item:hover .result-icon-type{transform:scale(1.1)}.result-info{flex:1}.result-title{color:#0f172a;margin-bottom:2px;font-size:15px;font-weight:600}.result-subtitle{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.result-category{text-transform:uppercase;letter-spacing:.025em;color:inherit;font-size:10px;font-weight:600}.result-separator{opacity:.5}.result-meta{font-weight:400}.search-no-results{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.search-no-results p{color:#334155;margin:0;font-size:15px;font-weight:600}.search-no-results span{color:#94a3b8;font-size:13px;font-style:italic}.search-loading{color:#3b82f6;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.search-loading p{color:#64748b;margin:0;font-size:14px}.results-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:8px 14px;font-size:11px;font-weight:700}.quick-links-section{padding:8px}.ql-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:8px 14px 12px;font-size:12px;font-weight:700}.ql-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.ql-item{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.ql-item:hover{background:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f614}.ql-item span{color:#334155;font-size:14px;font-weight:600}.ql-item:hover span{color:#0f172a}.ql-icon{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .3s;display:flex}.ql-item:hover .ql-icon{transform:scale(1.1)}.ql-icon.blue{color:#3b82f6;background:#eff6ff}.ql-icon.green{color:#22c55e;background:#f0fdf4}.ql-icon.purple{color:#a855f7;background:#faf5ff}.ql-icon.orange{color:#f97316;background:#fff7ed}.search-input::placeholder{color:#94a3b8;font-style:italic;transition:color .3s}.notifications{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex;position:relative}.notifications:hover{background:#f8fafc;border-color:#cbd5e1}.bell-icon{color:#64748b}.notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}.user-profile-header{cursor:pointer;align-items:center;gap:12px;display:flex}.header-user-name{color:#334155;font-size:14px;font-weight:600;transition:color .3s}.user-profile-header:hover .header-user-name{color:#0f172a}.user-avatar-header{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000d}.user-avatar-header.premium-navy{color:#fff;background:#0f172a;border-color:#1e293b}.user-avatar-header.premium-navy:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a4d}.logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.logout-btn:hover{background:#fef2f2;border-color:#fca5a5}.notifications-wrapper,.user-profile-wrapper{position:relative}.dropdown-menu{z-index:100;transform-origin:100% 0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;animation:.2s ease-out dropdownSlideIn;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 40px #0000001a}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px;display:flex}.dropdown-header h4{color:#0f172a;margin:0;font-size:16px}.badge{color:#3b82f6;background:#eff6ff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.dropdown-content{max-height:300px;padding:8px;overflow-y:auto}.dropdown-item{cursor:pointer;text-align:left;color:#475569;background:0 0;border:none;border-radius:8px;align-items:center;gap:14px;width:100%;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{color:#0f172a;background:#f8fafc}.dropdown-divider{background:#f1f5f9;height:1px;margin:4px 0}.dropdown-footer{border-top:1px solid #f1f5f9;padding:12px}.dropdown-footer button{color:#3b82f6;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;font-size:15px;font-weight:500}.dropdown-footer button:hover{text-decoration:underline}.notifications-dropdown{border-radius:16px;width:420px;transition:all .3s cubic-bezier(.4,0,.2,1)}.notif-header-actions{align-items:center;gap:8px;display:flex}.notif-refresh-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .2s;display:flex}.notif-refresh-btn:hover{color:#3b82f6;background:#eff6ff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.notif-scroll-area{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;max-height:380px;padding:8px 0;overflow-y:auto}.notif-scroll-area::-webkit-scrollbar{width:4px}.notif-scroll-area::-webkit-scrollbar-track{background:0 0}.notif-scroll-area::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.notif-scroll-area::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.h-notif-item.dropdown-item{border-radius:10px;align-items:flex-start;gap:12px;margin:4px 8px;padding:12px 16px;display:flex}.h-notif-item.dropdown-item:hover{background:#f1f5f9}.h-notif-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;display:flex}.h-notif-action-created{color:#16a34a;background:#dcfce7}.h-notif-action-updated{color:#2563eb;background:#dbeafe}.h-notif-action-deleted{color:#dc2626;background:#fee2e2}.h-notif-action-default{color:#64748b;background:#f1f5f9}.notif-text{text-align:left;flex:1;min-width:0}.notif-text p{color:#334155;text-align:justify;margin:0 0 4px;font-size:14px;line-height:1.5}.notif-text p strong{text-transform:capitalize;color:#0f172a;font-weight:700}.notif-entity-name{color:#3b82f6;font-weight:500}.notif-meta{color:#94a3b8;margin-top:2px;font-size:11px;display:block;text-align:left!important}.notif-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.notif-empty p{color:#94a3b8;margin:0;font-size:14px;font-weight:600}.notif-empty span{color:#cbd5e1;margin-top:4px;font-size:12px}.notif-footer{padding:10px 12px}.notif-footer button{color:#3b82f6;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;width:100%;padding:6px;font-size:13px;font-weight:600;transition:all .15s}.notif-footer button:hover{background:#eff6ff;text-decoration:none}.notif-collapse-btn{justify-content:center;align-items:center;gap:6px;display:flex!important}.profile-dropdown{width:240px}.profile-header-info{flex-direction:column;align-items:flex-start;gap:4px}.ph-name{color:#0f172a;margin:0;font-size:16px;font-weight:600}.ph-email{color:#64748b;margin:0;font-size:14px}.logout-action{color:#ef4444}.logout-action:hover{color:#ef4444;background:#fef2f2}.notifications-dropdown.notif-expanded{border-radius:16px;width:420px}.notif-tabs{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-around;padding:8px 16px;display:flex}.notif-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.notif-tab:hover{color:#0f172a;background:#f8fafc}.notif-tab.active{color:#0f172a;background:#f1f5f9}.notif-tab-badge{color:#fff;background:#3b82f6;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700}.notif-tab.active .notif-tab-badge{background:#3b82f6}.notif-toolbar{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:12px 16px;display:flex}.notif-search-wrapper{flex:1;align-items:center;display:flex;position:relative}.notif-search-icon{color:#94a3b8;position:absolute;left:10px}.notif-search-input{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;font-size:12px;transition:border-color .2s;padding:8px 10px 8px 36px!important}.notif-search-input:focus{border-color:#3b82f6}.notif-date-header{color:#0f172a;background:0 0;padding:10px 16px 4px;font-size:12px;font-weight:700}.notif-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.notif-item-content{flex-direction:column;width:100%;display:flex}.notif-item-main{align-items:flex-start;gap:12px;width:100%;display:flex}.notif-item-body{flex:1;min-width:0}.h-notif-item.is-priority{background:#fffbeb;border-left:3px solid #f59e0b}.h-notif-item.is-priority:hover{background:#fef3c7}.notif-actions-row{gap:8px;margin-top:8px;padding-left:48px;display:flex}.notif-action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.notif-btn-primary{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.notif-btn-primary:hover{background:#dcfce7}.notif-btn-warning{color:#ea580c;background:#fff7ed;border-color:#ffedd5}.notif-btn-warning:hover{background:#ffedd5}.notif-btn-default{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.notif-btn-default:hover{background:#e2e8f0}.notif-hover-controls{opacity:0;flex-direction:column;align-items:center;gap:6px;transition:opacity .2s;display:flex}.h-notif-item:hover .notif-hover-controls{opacity:1}.notif-hover-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.notif-hover-btn:hover{color:#0f172a;background:#e2e8f0}.notif-footer-advanced{background:#fafafa;border-top:1px solid #f1f5f9;border-bottom-right-radius:16px;border-bottom-left-radius:16px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.notif-footer-advanced-top{justify-content:space-between;align-items:center;display:flex}.clear-read-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px;font-size:13px;font-weight:600;transition:all .2s}.clear-read-btn:hover{color:#0f172a;background:#f1f5f9}@media (width<=768px){.header-main-row{padding:10px 12px!important}.search-container{border-radius:10px!important;width:100%!important;height:44px!important;padding:0 12px!important}.search-wrapper{flex:1;max-width:100%!important}.header-user-name{display:none!important}.header-right-group{gap:12px!important}}.ks-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.ks-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ks-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px;display:flex}.ks-title{color:#0f172a;align-items:center;gap:12px;display:flex}.ks-title h2{margin:0;font-size:18px;font-weight:700}.ks-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;transition:color .2s}.ks-close:hover{color:#ef4444}.ks-body{padding:24px}.ks-subtitle{color:#64748b;margin:0 0 20px;font-size:14px}.ks-grid{flex-direction:column;gap:12px;display:flex}.ks-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.ks-desc{color:#334155;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.ks-keys{gap:4px;display:flex}kbd{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;box-shadow:0 2px #e2e8f0}.ks-footer{background:#f8fafc;border-top:1px solid #f1f5f9;padding:20px 24px}.ks-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.ks-toggle input{display:none}.ks-slider{background:#cbd5e1;border-radius:20px;width:36px;height:20px;transition:all .3s;position:relative}.ks-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;top:3px;left:3px}.ks-toggle input:checked+.ks-slider{background:#10b981}.ks-toggle input:checked+.ks-slider:before{left:19px}.ks-toggle-label{color:#475569;font-size:14px;font-weight:600}.dm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.dm-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:400px;max-width:90vw;height:500px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #0000001a}.slide-up{animation:.3s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dm-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.dm-target-info{align-items:center;gap:12px;display:flex}.dm-target-info h4{color:#1e293b;margin:0;font-size:16px;font-weight:600}.dm-status{color:#64748b;font-size:12px}.dm-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.dm-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dm-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.dm-close-btn:hover{color:#0f172a;background:#e2e8f0}.dm-body{background:#f1f5f9;flex-direction:column;flex:1;padding:16px;display:flex;overflow-y:auto}.dm-loading,.dm-empty,.dm-error{color:#64748b;text-align:center;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.dm-error{color:#ef4444}.dm-messages-list{flex-direction:column;gap:12px;display:flex}.dm-message-row{flex-direction:column;max-width:80%;display:flex}.dm-message-row.mine{align-self:flex-end;align-items:flex-end}.dm-message-row.theirs{align-self:flex-start;align-items:flex-start}.dm-message-bubble{word-break:break-word;border-radius:16px;padding:10px 14px;font-size:14px;line-height:1.4}.dm-message-bubble.mine{color:#fff;background:#3b82f6;border-bottom-right-radius:4px}.dm-message-bubble.theirs{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.dm-message-time{color:#94a3b8;margin-top:4px;padding:0 4px;font-size:11px}.dm-footer{background:#fff;border-top:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px;display:flex}.dm-input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;outline:none;flex:1;padding:10px 16px;font-size:14px;transition:border-color .2s}.dm-input:focus{border-color:#3b82f6}.dm-send-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.dm-send-btn:hover:not(:disabled){background:#2563eb}.dm-send-btn:disabled{cursor:not-allowed;background:#94a3b8}.dm-body::-webkit-scrollbar{width:6px}.dm-body::-webkit-scrollbar-track{background:0 0}.dm-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.sidebar{color:#f1f5f9;z-index:100;white-space:nowrap;background-color:#0f172a;background-position:50%;background-repeat:no-repeat;background-size:cover;border-right:1px solid #ffffff1a;width:260px;min-width:260px;height:100vh;transition:width .5s cubic-bezier(.4,0,.2,1),min-width .5s cubic-bezier(.4,0,.2,1);position:sticky;top:0;overflow-x:hidden;box-shadow:4px 0 24px #0006}.sidebar.sidebar-collapsed,.sidebar.sidebar-collapsed .sidebar-content-wrapper{width:80px;min-width:80px}.sidebar.sidebar-collapsed .company-text,.sidebar.sidebar-collapsed .menu-item span,.sidebar.sidebar-collapsed .arrow-icon,.sidebar.sidebar-collapsed .sub-menu{display:none}.sidebar.sidebar-collapsed .brand-container{width:80px;margin-top:10px;margin-bottom:0;padding:0}.sidebar.sidebar-collapsed .user-profile{display:none}.sidebar.sidebar-collapsed .sidebar-header{justify-content:center;width:80px;padding:20px 0;display:flex}.sidebar.sidebar-collapsed .brand-icon{width:48px;height:48px}.sidebar.sidebar-collapsed .menu-item{justify-content:center;width:100%;padding:10px 0}.sidebar.sidebar-collapsed .menu-item-content{justify-content:center;width:100%}.sidebar.sidebar-collapsed .sidebar-menu{padding:12px 6px}.sidebar-content-wrapper{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;width:260px;min-width:260px;height:100%;display:flex;overflow:hidden auto}.sidebar-content-wrapper::-webkit-scrollbar{display:none}.sidebar-header{background:0 0;padding:20px 24px}.brand-container{justify-content:center;margin-bottom:24px;display:flex}.brand-icon{filter:drop-shadow(0 2px 4px #0000004d);width:200px;height:auto}.user-profile{color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;padding:12px;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000040}.user-detail{align-items:center;gap:12px;display:flex}.profile-icon{color:#fff}.company-text{color:#fff;white-space:nowrap;font-size:14px;font-weight:600}.profile-icon{color:#94a3b8;min-width:16px;transition:color .3s}.company-text{color:inherit;font-size:11px;font-weight:600;transition:color .3s}.sidebar-menu{flex:1;padding:12px 16px}.sidebar-menu ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sidebar-menu li.menu-group{flex-direction:column;display:flex}.menu-item{cursor:pointer;color:#94a3b8;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;height:auto;min-height:48px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.menu-item:hover,.menu-item.active{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff26;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff1a}.menu-item.active{background:linear-gradient(90deg,#6366f14d 0%,#ffffff0d 100%);border-left:1px solid #818cf880}.menu-item:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.menu-item:hover:after{transition:left 1.5s ease-in-out;left:150%}.menu-item-content{z-index:2;flex:1;align-items:center;gap:12px;min-width:0;padding-right:8px;display:flex}.menu-item-content span{white-space:normal;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.menu-icon{opacity:.7;color:#cbd5e1;flex-shrink:0;min-width:18px;height:18px;transition:all .3s}.menu-item:hover .menu-icon,.menu-item.active .menu-icon{opacity:1;color:#fff;filter:drop-shadow(0 0 5px #fff6)}.arrow-icon{color:#64748b;z-index:2;flex-shrink:0;min-width:16px;font-size:14px;transition:all .3s}.menu-item:hover .arrow-icon,.menu-item.active .arrow-icon{color:#fff;transform:translate(2px)}.sub-menu{border-left:1px solid #ffffff1a;flex-direction:column;list-style:none;display:flex;gap:4px!important;margin:4px 0 0 20px!important;padding:4px 0 4px 16px!important}.sub-menu.level-1{border-left:1px dashed #ffffff1a;margin-left:12px!important}.sub-menu-item{color:#94a3b8;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.sub-menu-item.nested{justify-content:space-between}.sub-menu-content{align-items:center;gap:12px;display:flex}.sub-menu-item:hover,.sub-menu-item.active{color:#fff;background:#ffffff0d}.sub-menu-dot{background:#475569;border-radius:50%;width:6px;height:6px;transition:all .3s}.sub-menu-item:hover .sub-menu-dot,.sub-menu-item.active .sub-menu-dot{background:#818cf8;box-shadow:0 0 8px #818cf899}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=1023px){.sidebar{z-index:100;height:100vh;top:0;left:0;transform:translate(0);width:280px!important;min-width:280px!important;transition:transform .3s ease-in-out!important;position:fixed!important}.sidebar.sidebar-collapsed{width:280px!important;min-width:280px!important;transform:translate(-100%)!important}.sidebar-content-wrapper{width:280px!important;min-width:280px!important}}.login-wrapper{background-color:#0f172a;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex}.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border-radius:24px;flex-direction:column;width:100%;max-width:440px;min-height:480px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0003,inset 0 0 0 1px #ffffff1a}.view-panel{flex-direction:column;gap:32px;display:flex}.slide-in-right{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.login-header{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:20px;left:-10px;transform:none}.back-btn:hover{color:#0f172a;background:#f1f5f9}.icon-circle{color:#3b82f6;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.icon-circle.text-green{color:#16a34a;background:#f0fdf4}.login-logo{filter:drop-shadow(0 2px 4px #0000000d);max-width:180px;height:auto;margin-bottom:24px}.login-header h2{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800;line-height:1.2}.login-header p{color:#64748b;margin:2px 0 0;font-size:14.5px;line-height:1.4}.login-form{flex-direction:column;gap:22px;display:flex}.login-error{color:#ef4444;z-index:9999;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:16px 24px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRightToast;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px #ef444426}.login-success{color:#16a34a;z-index:9999;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:16px 24px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRightToast;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px #16a34a26}@keyframes slideInRightToast{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.input-group{flex-direction:column;gap:8px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.input-group label{color:#334155;font-size:13.5px;font-weight:600}.forgot-link{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;transition:color .2s}.forgot-link:hover{color:#2563eb;text-decoration:underline}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;transition:color .3s;position:absolute;left:16px}.input-wrapper input{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;font-size:15px;transition:all .3s;padding:14px 16px 14px 46px!important}.input-wrapper input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.input-wrapper input:focus+.input-icon{color:#3b82f6}.country-select{color:#0f172a;appearance:none;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-right:none;border-radius:14px 0 0 14px;outline:none;width:90px;padding:14px 8px 14px 40px;font-size:14px;transition:all .3s}.country-select:focus{background:#fff;border-color:#3b82f6}.mobile-input{border-radius:0 14px 14px 0!important;padding-left:12px!important}.otp-box{text-align:center;color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:48px;height:56px;padding:0;font-size:24px;font-weight:700;transition:all .2s}.otp-box:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:16px;font-size:15.5px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 16px #0f172a26}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e293b,#334155);transform:translateY(-2px);box-shadow:0 12px 24px #0f172a40}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 16px #2563eb33}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 24px #2563eb4d}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 16px #10b98133}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 12px 24px #10b9814d}.login-footer{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.setup-admin-link{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13.5px;font-weight:600;transition:color .2s;display:flex}.setup-admin-link:hover{color:#0f172a}.resend-container{justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.resend-text{color:#64748b}.countdown-text{color:#94a3b8;font-weight:500}.resend-link{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-weight:600}.resend-link:hover{text-decoration:underline}.admin-setup-overlay{z-index:10;background:#fff;border-radius:24px;flex-direction:column;padding:40px;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.overlay-title{color:#0f172a;margin:0;font-size:22px;font-weight:800}.overlay-form{flex-direction:column;flex:1;gap:20px;display:flex}.mt-auto{margin-top:auto}.login-methods{background:#f1f5f9;border-radius:12px;padding:4px;display:flex}.method-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.method-tab.active{color:#0f172a;background:#fff;box-shadow:0 4px 12px #0000000d}.method-tab:hover:not(.active){color:#0f172a}.qr-container{flex-direction:column;align-items:center;gap:20px;padding:20px 0;display:flex}.qr-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:200px;height:200px;padding:12px;display:flex;box-shadow:0 4px 20px #0000000d}.qr-box img{object-fit:contain;width:100%;height:100%}.qr-placeholder{color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.qr-info{text-align:center}.qr-info h4{color:#0f172a;margin-bottom:6px;font-size:16px;font-weight:700}.qr-info p{color:#64748b;font-size:13px}.setup-container{color:#0f172a;flex-direction:column;gap:24px;padding:24px;font-family:Inter,sans-serif;display:flex}.setup-header{justify-content:space-between;align-items:center;display:flex}.setup-header h1{margin:0;font-size:24px;font-weight:700}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a33}.setup-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.setup-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.setup-card h3{color:#0f172a;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:600;display:flex}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group input,.form-group select{color:#1e293b;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row,.image-upload-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.image-upload-box{text-align:center;cursor:pointer;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #334155;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:140px;padding:24px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.image-upload-box:hover{background:linear-gradient(135deg,#26334d 0%,#161e2e 100%);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.upload-icon{color:#cbd5e1}.image-upload-box p{color:#f8fafc;margin:0;font-size:13px;font-weight:500}.image-upload-box span{color:#64748b;font-size:11px}.searchable-select-wrapper{width:100%;position:relative}.selected-value{cursor:pointer;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;min-height:42px;padding:10px 14px;font-size:14px;transition:all .2s;display:flex}.selected-value:hover,.selected-value.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-bar{background:#f8fafc;border-bottom:1px solid #f1f5f9;box-sizing:border-box!important;flex-direction:row!important;align-items:center!important;gap:10px!important;height:36px!important;padding:4px 12px!important;display:flex!important}.search-bar svg{color:#94a3b8;flex-shrink:0!important;width:14px!important;height:14px!important}.search-bar input{box-shadow:none!important;color:#1e293b!important;background:0 0!important;border:none!important;outline:none!important;flex:1!important;height:100%!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:normal!important;display:block!important}.options-list{max-height:180px;padding:4px;overflow-y:auto}.option-item{cursor:pointer;color:#475569;border-radius:6px;padding:10px 12px;font-size:13px;transition:all .2s}.option-item:hover{color:#1e293b;background:#f1f5f9}.option-item.selected{color:#3b82f6;background:#eff6ff;font-weight:500}.no-results{text-align:center;color:#94a3b8;padding:20px;font-size:13px}@media (width<=1024px){.setup-grid{grid-template-columns:1fr}}.download-icon-btn{color:#475569;cursor:pointer;z-index:50;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 4px #0000001a}.download-icon-btn:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:scale(1.1);box-shadow:0 4px 8px #3b82f64d}.download-icon-btn svg{flex-shrink:0}.remove-icon-btn{color:#ef4444;cursor:pointer;z-index:50;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:10px;right:40px;box-shadow:0 2px 4px #0000001a}.remove-icon-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:scale(1.1);box-shadow:0 4px 8px #ef44444d}.remove-icon-btn svg{flex-shrink:0}.sister-companies-container{color:#0f172a;flex-direction:column;gap:24px;padding:24px;font-family:Inter,sans-serif;display:flex}.sc-header{justify-content:space-between;align-items:center;display:flex}.sc-header h1{margin:0;font-size:24px;font-weight:700}.sc-header p{color:#64748b;margin:4px 0 0;font-size:14px}.sc-layout{display:block}.sc-list-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.sc-list-card h2{border-bottom:1px solid #f1f5f9;margin:0 0 16px;padding-bottom:12px;font-size:18px;font-weight:600}.sc-list{flex-direction:column;gap:12px;display:flex}.sc-item{background:#fff;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.sc-item:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.sc-left{flex:1;align-items:center;gap:16px;display:flex}.sc-handle{color:#94a3b8;flex-direction:column;align-items:center;display:flex}.order-arrows{flex-direction:column;gap:2px;display:flex}.order-arrows button{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0;font-size:10px}.order-arrows button:disabled{color:#e2e8f0;cursor:not-allowed}.order-arrows button:hover:not(:disabled){color:#3b82f6}.sc-icon{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 2px 4px #ffffff80}.sc-details h4{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:600}.sc-details p{color:#64748b;margin:0;font-size:13px}.sc-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.sc-status.active{color:#166534;background:#dcfce7}.sc-status.inactive{color:#991b1b;background:#fee2e2}.sc-actions{opacity:1;flex-shrink:0;align-items:center;gap:8px;transition:opacity .2s;display:flex}.sc-item:hover .sc-actions{opacity:1}.sc-btn-icon{color:#64748b;background:#fff;border:1px solid #edf2f7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;display:inline-flex;box-shadow:0 2px 6px #0f172a14}.sc-btn-icon:hover{background:#fff;border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 6px 14px #0f172a1a}.sc-btn-icon:disabled{pointer-events:none;opacity:.85}.sc-edit-btn{color:#3b82f6}.sc-edit-btn:hover{color:#2563eb}.sc-delete-btn{color:#ef4444}.sc-delete-btn:hover:not(:disabled){color:#dc2626}.sc-edit-btn svg,.sc-delete-btn svg{color:currentColor;width:18px;height:18px;display:block}.sc-delete-btn:disabled{color:#cbd5e1;box-shadow:none;background:#fff;border-color:#f1f5f9}.sc-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sc-modal-content{background:#fff;border-radius:12px;width:400px;padding:24px;box-shadow:0 10px 25px #0000001a}.sc-modal-content h2{border-bottom:1px solid #f1f5f9;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.form-actions{justify-content:flex-start;gap:12px;margin-top:24px;display:flex}.sc-details h4{align-items:center;gap:8px;display:flex}.centered-notification{z-index:10000;animation:.4s cubic-bezier(.175,.885,.32,1.275) notifPop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes notifPop{0%{opacity:0;transform:translate(-50%,-40%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.notif-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;gap:16px;min-width:320px;padding:32px 48px;display:flex;box-shadow:0 25px 50px -12px #00000080}.notif-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.notif-icon.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 0 20px #10b98166}.notif-icon.error{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 0 20px #ef444466}.notif-text{text-align:center}.notif-text h3{color:#fff;margin:0 0 4px;font-size:20px;font-weight:600}.notif-text p{color:#94a3b8;margin:0;font-size:14px}.export-dropdown-wrapper{display:inline-flex;position:relative}.export-trigger-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.export-trigger-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 6px #0f172a0f}.export-trigger-btn:active{transform:scale(.97)}.export-chevron{color:#94a3b8;transition:transform .2s}.export-chevron.rotated{transform:rotate(180deg)}.export-dropdown-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:200px;padding:6px;animation:.18s ease-out export-dropdown-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #0f172a1f,0 4px 8px #0f172a0f}@keyframes export-dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.export-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:Inter,sans-serif;transition:all .15s;display:flex}.export-dropdown-item:hover{background:#f1f5f9}.export-dropdown-item:active{transform:scale(.98)}.export-icon-excel{color:#10b981}.export-icon-csv{color:#3b82f6}.export-icon-pdf{color:#ef4444}.export-item-info{flex-direction:column;gap:1px;display:flex}.export-item-label{color:#1e293b;font-size:13px;font-weight:600}.export-item-desc{color:#94a3b8;font-size:11px;font-weight:400}.el-container{color:#0f172a;flex-direction:column;gap:24px;padding:24px;font-family:Inter,sans-serif;display:flex}.el-header{justify-content:space-between;align-items:center;display:flex}.el-header h1{margin:0;font-size:24px;font-weight:700}.el-header p{color:#64748b;margin:4px 0 0;font-size:14px}.el-header-actions{gap:12px;display:flex}.dark-theme-chart{border-radius:12px;min-height:500px;box-shadow:inset 0 2px 10px #0003;background:#1e293b!important}.tree,.tree ul,.tree li{margin:0;padding:0;list-style:none;position:relative}.tree{text-align:center;white-space:nowrap;min-width:100%;margin:0 auto;padding:20px;display:inline-block}.tree.vertical ul{justify-content:center;padding-top:20px;transition:all .5s;display:flex;position:relative}.tree.vertical li{flex-direction:column;align-items:center;padding:20px 8px 0;display:flex;position:relative}.tree.vertical li:before,.tree.vertical li:after{content:"";border-top:2px solid #64748b;width:50%;height:20px;position:absolute;top:0;right:50%}.tree.vertical li:after{border-left:2px solid #64748b;left:50%;right:auto}.tree.vertical li:only-child:after,.tree.vertical li:only-child:before{display:none}.tree.vertical li:only-child{padding-top:0}.tree.vertical li:first-child:after{border-radius:5px 0 0}.tree.vertical li:last-child:before{border-right:2px solid #64748b;border-radius:0 5px 0 0}.tree.vertical li:first-child:before,.tree.vertical li:last-child:after{border:0}.tree.vertical ul:before{content:"";border-left:2px solid #64748b;width:0;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tree.horizontal ul{flex-direction:column;justify-content:center;gap:12px;padding-left:40px;display:flex;position:relative}.tree.horizontal li{align-items:center;padding-left:40px;display:flex;position:relative}.tree.horizontal li:before{content:"";border-top:2px solid #64748b;width:40px;height:0;position:absolute;top:50%;left:0}.tree.horizontal li:after{content:"";border-left:2px solid #64748b;width:0;position:absolute;top:0;bottom:0;left:0}.tree.horizontal li:first-child:after{border-radius:5px 0 0;top:50%}.tree.horizontal li:last-child:after{border-radius:0 0 0 5px;bottom:50%}.tree.horizontal li:only-child:after{display:none}.tree.horizontal ul:before{content:"";border-top:2px solid #64748b;width:40px;height:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.grouped-node-box{text-align:left;background:#334155;border:1px solid #475569;border-radius:12px;min-width:220px;max-width:300px;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.grouped-node-box:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 16px #0006}.grouped-node-header{color:#f8fafc;text-align:center;letter-spacing:.5px;background:#1e293b;border-bottom:1px solid #475569;padding:12px 16px;font-size:14px;font-weight:700}.grouped-node-body{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.grouped-child-item{color:#cbd5e1;align-items:center;gap:8px;font-size:13px;display:flex}.child-icon{color:#3b82f6;flex-shrink:0}.child-role{color:#94a3b8;font-size:12px}.el-layout{grid-template-columns:1fr 350px;align-items:start;gap:24px;display:grid}.el-list-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.el-list-card h2{border-bottom:1px solid #f1f5f9;margin:0 0 16px;padding-bottom:12px;font-size:18px;font-weight:600}.el-list{flex-direction:column;gap:12px;display:flex}.el-item{background:#fff;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.el-item:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.el-left{flex:1;align-items:center;gap:16px;display:flex}.el-icon{color:#3b82f6;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.el-details h4{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:600}.el-details p{color:#64748b;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.el-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.el-badge.root{color:#0284c7;background:#e0f2fe}.el-actions{opacity:1;align-items:center;gap:8px;transition:opacity .2s;display:flex}.el-actions .btn-icon{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d;padding:0!important}.el-actions .btn-icon:hover{border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.el-actions .btn-icon svg{width:16px;height:16px}.el-actions .btn-icon.btn-delete{color:#ef4444}.el-actions .btn-icon:not(.btn-delete):not([title="Add Child Level"]){color:#3b82f6}.el-form-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:24px;position:sticky;top:24px;box-shadow:0 1px 3px #0000000d}.el-form-card h2{border-bottom:1px solid #f1f5f9;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.el-list-grouped{flex-direction:column;gap:20px;display:flex}.el-parent-block{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.el-parent-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px 20px;display:flex}.el-parent-header .el-icon{border:1px solid #f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 1px 2px #0000000d;background:#fff!important}.el-parent-header .el-details{flex:1}.el-parent-header .el-details h4{margin:0;font-size:15px;font-weight:600}.el-children-grid{background:#fff;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:20px;display:grid}.el-child-card{background:#fff;border:1px solid #f1f5f9;border-radius:8px;padding:12px;transition:all .2s}.el-child-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f60d}.el-child-content{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.el-child-info{align-items:center;gap:8px;display:flex}.child-name{color:#334155;font-size:13px;font-weight:500}.el-actions-mini{gap:4px;display:flex}.btn-icon-mini{cursor:pointer;color:#64748b;background:#fff;border:1px solid #f1f5f9;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.btn-icon-mini:hover{color:#3b82f6;background:#f8fafc;border-color:#cbd5e1}.btn-icon-mini.text-red:hover{color:#ef4444}.el-sub-children{border-top:1px solid #f8fafc;flex-wrap:wrap;gap:4px;padding-top:8px;display:flex}.sub-tag{color:#3b82f6;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:2px 6px;font-size:10px}@media (width<=1024px){.el-layout{grid-template-columns:1fr}}.el-tree-node{flex-direction:column;margin-top:6px;margin-bottom:6px;display:flex}.el-tree-node-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 18px;transition:all .2s;display:flex}.el-tree-node-row:hover{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f60d}.el-tree-node-info{flex:1;align-items:center;gap:12px;display:flex}.btn-collapse{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex}.btn-collapse:hover{color:#0f172a;background:#f1f5f9}.chevron-icon{transition:transform .2s}.chevron-icon.rotated{transform:rotate(90deg)}.chevron-spacer{width:24px}.el-tree-node-icon{color:#3b82f6;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.el-tree-node-details{align-items:center;gap:10px;display:flex}.el-tree-node-name{color:#0f172a;font-size:15px;font-weight:600}.el-tree-node-actions{align-items:center;gap:8px;display:flex}.el-tree-node-children-container{border-left:2px dashed #cbd5e1;margin-top:4px;margin-bottom:4px;margin-left:27px;padding-left:14px;position:relative}.grouped-node-body::-webkit-scrollbar{width:6px}.grouped-node-body::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}.grouped-node-body::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.grouped-node-body::-webkit-scrollbar-thumb:hover{background:#64748b}.el-header-actions .export-trigger-btn{border-radius:8px;height:38px;padding:8px 12px;font-size:13px}.el-header-actions .btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;height:38px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.el-header-actions .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.el-tree-node-row.editing{background:#eff6ff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}.el-parent-header.editing,.el-child-card.editing{background:#f0f7ff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}.el-sub-badge-container{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;display:flex}.el-sub-badge-group{vertical-align:top;flex-direction:column;gap:4px;display:inline-flex;position:relative}.el-sub-badge{color:#2563eb;cursor:pointer;-webkit-user-select:none;user-select:none;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.el-sub-badge:hover{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.el-sub-badge.editing{color:#1d4ed8!important;background:#eff6ff!important;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important}.sub-badge-name{white-space:nowrap;display:inline-block}.sub-badge-actions{border-left:1px solid #cbd5e1;align-items:center;gap:2px;margin-left:2px;padding-left:6px;display:flex}.btn-badge-action{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:all .15s;display:flex}.btn-badge-action:hover{background:#fff}.btn-badge-action.add:hover{color:#10b981}.btn-badge-action.edit:hover{color:#3b82f6}.btn-badge-action.delete:hover{color:#ef4444}.el-sub-badge-children{border-left:1px dashed #cbd5e1;flex-wrap:wrap;gap:6px;margin-top:4px;margin-left:10px;padding-left:8px;display:flex}.eg-container{color:#0f172a;flex-direction:column;gap:24px;padding:24px;font-family:Inter,sans-serif;display:flex}.eg-header{justify-content:space-between;align-items:center;display:flex}.eg-header h1{margin:0;font-size:24px;font-weight:700}.eg-header p{color:#64748b;margin:4px 0 0;font-size:14px}.eg-layout{grid-template-columns:1fr 350px;align-items:start;gap:24px;display:grid}.eg-list-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.eg-list-card h2{border-bottom:1px solid #f1f5f9;margin:0 0 16px;padding-bottom:12px;font-size:18px;font-weight:600}.eg-list{flex-direction:column;gap:12px;display:flex}.eg-item{background:#fff;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.eg-item:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.eg-left{flex:1;align-items:center;gap:16px;display:flex}.eg-icon{color:#8b5cf6;background:#f5f3ff;border:1px solid #ede9fe;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.eg-details h4{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:600}.eg-details p{color:#64748b;margin:0;font-size:13px}.eg-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.eg-status.active{color:#166534;background:#dcfce7}.eg-status.inactive{color:#991b1b;background:#fee2e2}.eg-actions{opacity:1;align-items:center;gap:8px;transition:opacity .2s;display:flex}.eg-actions .btn-icon{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d;padding:0!important}.eg-actions .btn-icon:hover{border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.eg-actions .btn-icon svg{width:16px;height:16px}.eg-actions .btn-icon:not(.btn-delete){color:#3b82f6}.eg-actions .btn-icon.btn-delete{color:#ef4444}.eg-form-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:24px;position:sticky;top:24px;box-shadow:0 1px 3px #0000000d}.eg-form-card h2{border-bottom:1px solid #f1f5f9;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}@media (width<=1024px){.eg-layout{grid-template-columns:1fr}}.eg-item.editing{background:#f0f7ff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}.eg-grip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.btn-cancel.active{color:#2563eb!important;background:#eff6ff!important;border-color:#3b82f6!important}.ar-container{color:#0f172a;flex-direction:column;gap:24px;padding:24px;font-family:Inter,sans-serif;display:flex}.ar-header{justify-content:space-between;align-items:center;display:flex}.ar-header h1{margin:0;font-size:24px;font-weight:700}.ar-header p{color:#64748b;margin:4px 0 0;font-size:14px}.ar-layout{align-items:start;gap:24px;transition:all .3s;display:grid}.ar-layout.split{grid-template-columns:1fr 35%}.ar-layout.single{grid-template-columns:1fr;max-width:800px}.ar-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.ar-card h2{margin:0 0 4px;font-size:18px;font-weight:600}.ar-card.left-pane{max-height:calc(100vh - 140px);overflow-y:auto}.ar-card.left-pane::-webkit-scrollbar{width:6px}.ar-card.left-pane::-webkit-scrollbar-track{background:0 0}.ar-card.left-pane::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.ar-card .subtext{color:#64748b;border-bottom:1px solid #f1f5f9;margin:0 0 20px;padding-bottom:16px;font-size:13px}.ar-list{flex-direction:column;gap:12px;display:flex}.ar-admin-item{background:#fff;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.ar-admin-item:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.ar-admin-item.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.ar-admin-left{align-items:center;gap:16px;display:flex}.ar-avatar{color:#475569;background:#f1f5f9;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:600;display:flex;box-shadow:0 2px 4px #0000001a}.ar-admin-item.selected .ar-avatar{color:#fff;background:#3b82f6}.ar-admin-info h4{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:600}.ar-admin-info p{color:#64748b;margin:0;font-size:13px}.ar-admin-stats{gap:16px;margin-right:20px;display:flex}.ar-stat{flex-direction:column;align-items:flex-end;display:flex}.ar-stat span.label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px}.ar-stat span.val-all{color:#10b981;font-size:13px;font-weight:600}.ar-stat span.val-restricted{color:#f59e0b;font-size:13px;font-weight:600}.btn-configure{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-delete-icon{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:8px;padding:0;transition:all .2s;display:inline-flex}.btn-delete-icon:hover{background:#fef2f2;border-color:#ef4444}.btn-configure:hover{background:#f1f5f9;border-color:#94a3b8}.ar-admin-item.selected .btn-configure{color:#fff;background:#3b82f6;border-color:#3b82f6}.ar-config-wrapper{flex-direction:column;gap:20px;max-height:calc(100vh - 140px);padding-right:8px;display:flex;position:sticky;top:24px;overflow-y:auto}.ar-config-wrapper::-webkit-scrollbar{width:6px}.ar-config-wrapper::-webkit-scrollbar-track{background:0 0}.ar-config-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.ar-config-section{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.ar-config-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:16px 20px;display:flex}.ar-config-header h3{color:#0f172a;margin:0;font-size:15px;font-weight:600}.ar-config-body{padding:20px}.ar-toggle-card{cursor:pointer;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:16px;transition:all .2s;display:flex}.ar-toggle-card:hover{background:#f8fafc;border-color:#cbd5e1}.ar-toggle-card.active{background:#ecfdf5;border-color:#10b981}.ar-toggle-card input[type=checkbox]{accent-color:#10b981;cursor:pointer;width:18px;height:18px}.ar-toggle-text{flex-direction:column;display:flex}.ar-toggle-text strong{color:#0f172a;font-size:14px}.ar-toggle-text span{color:#64748b;margin-top:2px;font-size:12px}.ar-select-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:250px;padding:2px;display:grid;overflow-y:auto}.ar-select-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:flex-start;gap:10px;padding:12px;transition:all .2s;display:flex}.ar-select-item:hover{background:#f8fafc;border-color:#cbd5e1}.ar-select-item.selected{background:#eff6ff;border-color:#3b82f6}.ar-select-item input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px;margin-top:2px}.ar-select-label{color:#334155;flex-direction:column;font-size:13px;display:flex}.ar-select-label strong{color:#94a3b8;text-transform:uppercase;margin-bottom:2px;font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;transform:translateY(0);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.modal-content h2{color:#0f172a;margin:0 0 24px;font-size:20px;font-weight:700}.modal-content .form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.modal-content label{color:#475569;font-size:13px;font-weight:600}.modal-content input,.modal-content select{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:12px 14px;font-size:14px;transition:all .2s}.modal-content input:focus,.modal-content select:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;display:flex}@media (width<=1024px){.ar-layout.split,.ar-layout.single{grid-template-columns:1fr}}.assign-grade-layout{flex-direction:column;gap:24px;padding:24px;display:flex}.setup-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.setup-header h1{color:#0f172a;align-items:center;margin:0;font-size:24px;font-weight:700;display:flex}.setup-header p{color:#64748b;margin:4px 0 0;font-size:14px}.filters-grid{flex-wrap:wrap;align-items:flex-end;gap:24px;display:flex}.filter-group label{color:#475569;font-size:13px;font-weight:600}.search-input-wrapper{position:relative}.filter-input{padding-left:38px!important}.filter-input,.filter-select{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:42px;padding:0 14px;font-size:14px;transition:all .2s}.filter-input:focus,.filter-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.table-header-title{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.table-header-title h2{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 24px;font-size:12px;font-weight:600}.data-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:14px}.grade-badge{color:#2563eb;background:#eff6ff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-none{color:#64748b;background:#f1f5f9}.table-actions{align-items:center;gap:8px;display:flex}.table-actions .btn-icon{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d;padding:0!important}.table-actions .btn-icon:hover{border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.text-blue{color:#3b82f6!important}.text-gray{color:#94a3b8!important}.text-red{color:#ef4444!important}.text-green{color:#10b981!important}.modal-header h3{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.close-btn:hover{color:#0f172a;background:#e2e8f0}.form-input,.form-select,.form-textarea{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-textarea{resize:vertical;min-height:80px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input[disabled]{color:#64748b;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.btn-save{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-save:hover{background:#2563eb;box-shadow:0 4px 12px #2563eb33}.row-selected td{background-color:#eff6ff!important}.selected-names-pill-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:6px;max-height:100px;padding:8px;display:flex;overflow-y:auto}.name-pill{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.pulse{animation:2s infinite pulse-animation;background:#2563eb!important}@keyframes pulse-animation{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.data-table input[type=checkbox]{cursor:pointer;width:16px;height:16px}.modern-datepicker-container{width:100%;position:relative}.datepicker-input-wrapper{cursor:pointer;align-items:center;display:flex;position:relative}.datepicker-input{border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;border-radius:8px;outline:none;font-size:11px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff!important;width:100%!important;padding:8px 12px 8px 32px!important}.datepicker-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a;background:#fff!important}.calendar-icon{color:#64748b;pointer-events:none;z-index:10;transition:all .2s;position:absolute;left:12px}.datepicker-input:focus+.calendar-icon,.datepicker-input-wrapper:hover .calendar-icon{color:var(--primary);transform:scale(1.1)}.datepicker-popup{border:1px solid var(--color-border);z-index:1200;background:#fff;border-radius:12px;width:210px;padding:12px;animation:.3s ease-out slideUp;position:absolute;top:calc(100% + 8px);left:auto;right:0;box-shadow:0 16px 32px -8px #00000026}.datepicker-popup.range-mode{width:max-content;max-width:90vw;left:0;right:auto}.datepicker-calendars{gap:16px;display:flex}.calendar-instance{width:175px}@media (width<=767px){.datepicker-popup{width:256px!important;padding:12px!important;animation:.3s ease-out slideUpMobile!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.datepicker-popup.range-mode{width:290px!important}.datepicker-calendars{flex-direction:column;gap:16px}}@keyframes slideUpMobile{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.datepicker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.current-month{color:var(--color-text-primary);letter-spacing:-.01em;font-size:11px;font-weight:800}.nav-btn{background:var(--color-gray-50);cursor:pointer;width:24px;height:24px;color:var(--color-text-muted);border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-btn:hover{background:var(--color-primary-50);color:var(--primary)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-weekday{height:25px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;font-size:8px;font-weight:800;display:flex}.calendar-day{color:#475569;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;height:25px;font-size:10px;font-weight:600;transition:all .2s;display:flex;position:relative}.calendar-day:hover:not(.empty){color:var(--primary);background:#f1f5f9}.calendar-day.selected{background:var(--primary);color:#fff;font-weight:700;box-shadow:0 4px 6px -1px #6366f166}.calendar-day.today:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.calendar-day.selected.today:after{background:#fff}.calendar-day.empty{cursor:default}.datepicker-footer{border-top:1px solid var(--color-border);justify-content:space-between;margin-top:16px;padding-top:16px;display:flex}.btn-today,.btn-clear{cursor:pointer;border-radius:8px;padding:6px 16px;font-size:11px;font-weight:700;transition:all .2s}.btn-today{background:var(--color-primary-50);color:var(--primary);border:none}.btn-today:hover{background:var(--primary);color:#fff}.btn-clear{border:1px solid var(--color-border);color:#64748b;background:0 0}.btn-clear:hover{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.calendar-body{min-height:200px}.calendar-month-grid,.calendar-year-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 0;display:grid}.calendar-month-item,.calendar-year-item{color:#475569;cursor:pointer;background:var(--color-gray-50);border-radius:10px;justify-content:center;align-items:center;height:38px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.calendar-month-item:hover,.calendar-year-item:hover{background:var(--color-primary-50);color:var(--primary)}.calendar-month-item.selected,.calendar-year-item.selected{background:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #6366f166}.calendar-year-item.out-range{color:#cbd5e1;background:0 0}.current-month.clickable{cursor:pointer;border-radius:8px;padding:4px 12px;transition:background .2s}.current-month.clickable:hover{background:var(--color-gray-50)}.calendar-day.in-range{background:var(--color-primary-50);color:var(--primary)}.calendar-day.range-start,.calendar-day.range-end{background:var(--primary);color:#fff}.parking-layout{background-color:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.table-header-title{background:#fdfdfd;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.table-header-title h2{color:#0f172a;margin:0;font-size:18px;font-weight:600}.header-actions{gap:12px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #2563eb33}.btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.status-active{color:#16a34a;background:#dcfce7}.status-inactive{color:#dc2626;background:#fee2e2}.access-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.btn-icon-only{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-icon-only:hover{color:#0f172a;background:#f1f5f9}.btn-icon-only.delete:hover{color:#dc2626;background:#fee2e2}.radio-group{gap:16px;margin-top:8px;display:flex}.radio-label{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.radio-label input[type=radio]{accent-color:#3b82f6;width:16px;height:16px}.emergency-layout{background-color:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.type-badge{border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.type-medical{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe}.type-security{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.type-fire{color:#f97316;background:#fff7ed;border:1px solid #fed7aa}.type-other{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.number-display{color:#0f172a;letter-spacing:.5px;font-family:monospace;font-size:15px;font-weight:600}.whatsapp-layout{background-color:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.trigger-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.recipient-badge{color:#334155;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.btn-whatsapp{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-whatsapp:hover{background:#128c7e;box-shadow:0 4px 12px #25d36633}.template-variables{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.variable-tag{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1px dashed #bfdbfe;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px;transition:all .2s}.variable-tag:hover{background:#dbeafe;border-color:#93c5fd}.message-preview{color:#111b21;background:#f0f2f5;border-radius:12px 12px 12px 0;margin-top:12px;padding:16px;font-size:14px;position:relative;box-shadow:0 1px 1px #0000001a}.message-preview:after{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);background:#f0f2f5;width:20px;height:20px;position:absolute;bottom:0;left:-10px}.id-card-layout{background-color:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.card-type-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.preview-container{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;min-height:300px;padding:24px;display:flex}.dummy-id-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:200px;height:300px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-header-bg{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);width:100%;height:80px;position:absolute;top:0;left:0}.card-content-preview{z-index:1;flex-direction:column;flex:1;align-items:center;margin-top:20px;padding:20px;display:flex}.profile-pic{color:#94a3b8;background:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:12px;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000001a}.name-placeholder{color:#0f172a;margin-bottom:4px;font-size:16px;font-weight:700}.desig-placeholder{color:#64748b;margin-bottom:16px;font-size:11px}.id-placeholder{color:#3b82f6;background:#eff6ff;border-radius:4px;margin-bottom:auto;padding:4px 12px;font-size:12px;font-weight:600}.qr-placeholder{color:#94a3b8;background:#f1f5f9;border:1px dashed #cbd5e1;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.card-footer-bg{background:#0f172a;width:100%;height:20px}.template-showcase-scroll::-webkit-scrollbar{height:8px}.template-showcase-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.template-showcase-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.template-showcase-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gallery-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.template-overlay{color:#fff;opacity:0;z-index:10;background:#3b82f6d9;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item:hover .template-overlay{opacity:1}.gallery-item:hover{transform:scale(1.02)translateY(-5px)}.email-setting-layout{background-color:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.cron-badge{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.time-display{color:#3b82f6;background:#eff6ff;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:14px;font-weight:600}@media (width<=1024px){.attendance-charts-grid{grid-template-columns:1fr}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fa-container{max-width:1400px;margin:0 auto;padding:24px;font-family:Inter,sans-serif}.fa-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.fa-header h1{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex}.fa-header p{color:#64748b;margin:4px 0 0;font-size:13px}.fa-tabs{background:#f1f5f9;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.fa-tab{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.fa-tab:hover{color:#0f172a;background:#ffffff80}.fa-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}.fa-stats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.fa-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.fa-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.fa-stat-card:after{content:"";border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.fa-stat-card.blue:after{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.fa-stat-card.green:after{background:linear-gradient(90deg,#10b981,#34d399)}.fa-stat-card.amber:after{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.fa-stat-card.purple:after{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.fa-stat-card.rose:after{background:linear-gradient(90deg,#f43f5e,#fb7185)}.fa-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.fa-stat-icon.blue{color:#3b82f6;background:#eff6ff}.fa-stat-icon.green{color:#10b981;background:#ecfdf5}.fa-stat-icon.amber{color:#f59e0b;background:#fffbeb}.fa-stat-icon.purple{color:#8b5cf6;background:#f5f3ff}.fa-stat-icon.rose{color:#f43f5e;background:#fff1f2}.fa-stat-value{color:#0f172a;font-size:28px;font-weight:800;line-height:1}.fa-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:12px;font-weight:500}.fa-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;padding:24px}.fa-card h2{color:#0f172a;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:700;display:flex}.fa-punch-section{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=768px){.fa-punch-section{grid-template-columns:1fr}}.fa-punch-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;position:relative;overflow:hidden}.fa-punch-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.fa-punch-card.in:before{background:linear-gradient(90deg,#10b981,#34d399)}.fa-punch-card.out:before{background:linear-gradient(90deg,#f43f5e,#fb7185)}.fa-punch-time{color:#0f172a;font-variant-numeric:tabular-nums;margin:16px 0;font-size:36px;font-weight:800}.fa-punch-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 40px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.fa-punch-btn.in{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.fa-punch-btn.in:hover{transform:scale(1.03);box-shadow:0 4px 16px #10b9814d}.fa-punch-btn.out{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48)}.fa-punch-btn.out:hover{transform:scale(1.03);box-shadow:0 4px 16px #f43f5e4d}.fa-punch-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.fa-table-wrap{overflow-x:auto}.fa-table{border-collapse:separate;border-spacing:0;width:100%}.fa-table th{text-transform:uppercase;letter-spacing:.5px;color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.fa-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13px}.fa-table tr:hover td{background:#f8fafc}.fa-table .emp-cell{align-items:center;gap:10px;display:flex}.fa-table .emp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.fa-table .emp-name{color:#0f172a;font-size:13px;font-weight:600}.fa-table .emp-id{color:#94a3b8;font-size:11px}.fa-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.fa-badge.matched{color:#059669;background:#ecfdf5}.fa-badge.mismatch{color:#dc2626;background:#fef2f2}.fa-badge.inside{color:#2563eb;background:#eff6ff}.fa-badge.outside{color:#ea580c;background:#fff7ed}.fa-badge.in{color:#059669;background:#ecfdf5}.fa-badge.out{color:#dc2626;background:#fef2f2}.fa-badge.approved{color:#059669;background:#ecfdf5}.fa-badge.skipped{color:#94a3b8;background:#f8fafc}.fa-badge.active{color:#059669;background:#ecfdf5}.fa-badge.primary{color:#2563eb;background:#eff6ff}.fa-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.fa-form-grid{grid-template-columns:1fr}}.fa-form-group{flex-direction:column;gap:6px;display:flex}.fa-form-group label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.fa-form-group input,.fa-form-group select,.fa-form-group textarea{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:13px;transition:border-color .2s}.fa-form-group input:focus,.fa-form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.fa-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.fa-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.fa-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.fa-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.fa-btn-danger:hover{box-shadow:0 4px 12px #ef44444d}.fa-btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.fa-btn-secondary:hover{background:#e2e8f0}.fa-btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.fa-loc-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.fa-loc-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;transition:all .2s;position:relative}.fa-loc-card:hover{box-shadow:0 4px 16px #0000000f}.fa-loc-card h3{color:#0f172a;align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:700;display:flex}.fa-loc-detail{color:#64748b;align-items:center;gap:6px;margin:4px 0;font-size:12px;display:flex}.fa-loc-actions{gap:8px;margin-top:12px;display:flex}.fa-filters{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}.fa-filters .fa-form-group{min-width:160px}.fa-empty{text-align:center;color:#94a3b8;padding:48px 24px}.fa-empty h3{color:#64748b;margin:12px 0 4px;font-size:16px}.fa-empty p{font-size:13px}.fa-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fa-modal{background:#fff;border-radius:16px;width:90%;max-width:520px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 24px 48px #00000026}.fa-modal h2{color:#0f172a;margin:0 0 20px;font-size:18px;font-weight:700}.fa-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@keyframes fa-pulse{0%,to{opacity:1}50%{opacity:.5}}.fa-live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite fa-pulse;display:inline-block}.et-container{background:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,sans-serif;animation:.5s ease-out etFadeIn}@keyframes etFadeIn{0%{opacity:0}to{opacity:1}}.et-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.et-title{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.et-subtitle{color:#64748b;margin:4px 0 0;font-size:14px}.et-actions{gap:12px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);box-shadow:0 4px 12px #0f172a26}.btn-secondary{color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000a}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.et-btn-danger{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.et-btn-danger:hover{background:#fee2e2;border-color:#fecaca;transform:translateY(-1px)}.et-btn-success{color:#10b981;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.et-btn-success:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.et-btn-refresh{color:#3b82f6;background:#eff6ff;border:1px solid #dbeafe}.et-btn-refresh:hover{background:#dbeafe;border-color:#bfdbfe;transform:translateY(-1px)}.et-kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=1200px){.et-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.et-kpi-grid{grid-template-columns:1fr}}.et-kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px -6px #0f172a0f}.et-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 16px 32px -8px #0f172a1f}.et-kpi-top{justify-content:space-between;align-items:flex-start;display:flex}.et-kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.et-kpi-card:hover .et-kpi-icon{transform:scale(1.1)rotate(-5deg)}.et-kpi-value{color:#0f172a;letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1.2}.et-kpi-label{color:#64748b;font-size:13px;font-weight:500}.et-filters-premium{background:#fff;border:1px solid #f1f5f9;border-radius:20px;margin-bottom:28px;padding:24px;box-shadow:0 4px 20px #0000000d}.filters-header-row{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:12px;display:flex}.filters-title{color:#1e293b;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.filters-title svg{color:#3b82f6}.filters-grid{flex-wrap:wrap;gap:20px;display:flex}.premium-input-group{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.premium-input-group label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.premium-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.premium-input-icon{color:#94a3b8;pointer-events:none;z-index:1;position:absolute;left:14px}.premium-input,.premium-select{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.premium-input.has-icon{padding-left:42px}.premium-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.premium-input:focus,.premium-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.btn-reset{color:#e11d48;cursor:pointer;background:#fff1f2;border:1px solid #ffe4e6;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-reset:hover{background:#ffe4e6;border-color:#fecdd3;transform:translateY(-1px)}@media (width<=1200px){.filters-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (width<=860px){.filters-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=680px){.filters-grid{grid-template-columns:1fr}}.et-loader{border:4px solid #f1f5f9;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:1s linear infinite etSpin}@keyframes etSpin{to{transform:rotate(360deg)}}.et-card-premium{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px -6px #0f172a0f}.premium-table-container{overflow-x:auto}.premium-table td{color:#334155;border-bottom:1px solid #f8fafc;padding:16px 20px;font-size:14px}.premium-table tr{transition:all .2s}.premium-table tr:hover{background:#fcfdfe}.user-avatar-mini{color:#3b82f6;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.user-name-text{color:#0f172a;font-weight:600}.user-dept-text{color:#94a3b8;font-size:12px}.status-badge-premium{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.btn-view-premium{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-view-premium:hover{color:#0f172a;background:#e2e8f0;transform:scale(1.05)}.et-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;padding:24px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;box-shadow:0 4px 24px -6px #0f172a0f}.et-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px -8px #0f172a1f}.et-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.et-card-title{color:#0f172a;margin:0;font-size:15px;font-weight:600}.et-card-link{color:#ef4444;align-items:center;gap:4px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.et-card-link:hover{text-decoration:underline}.et-map-container{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:400px;position:relative;overflow:hidden}.et-map-container-lg{height:550px}.et-map-placeholder{color:#64748b;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 200%;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;animation:3s infinite etMapShimmer;display:flex}.et-map-placeholder svg{opacity:.5}.et-map-placeholder span{font-size:13px;font-weight:500}@keyframes etMapShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.et-table-wrap{overflow-x:auto}.et-table{border-collapse:collapse;text-align:left;width:100%}.et-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:10px;font-weight:600}.et-table td{color:#1e293b;border-top:1px solid #f1f5f9;padding:12px 16px;font-size:13px}.et-table tbody tr{transition:background .2s}.et-table tbody tr:hover{background:#f8fafc}.et-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.et-badge-green{color:#059669;background:#f0fdf4}.et-badge-red{color:#dc2626;background:#fef2f2}.et-badge-amber{color:#d97706;background:#fffbeb}.et-badge-blue{color:#2563eb;background:#eff6ff}.et-badge-purple{color:#7c3aed;background:#f5f3ff}.et-badge-gray{color:#64748b;background:#f1f5f9}.et-badge-orange{color:#ea580c;background:#fff7ed}.et-badge-indigo{color:#4f46e5;background:#eef2ff}.et-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.et-dot-green{background:#10b981;box-shadow:0 0 6px #10b98180}.et-dot-red{background:#ef4444;box-shadow:0 0 6px #ef444480}.et-dot-amber{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.et-dot-gray{background:#94a3b8}.et-dot-pulse{animation:2s ease-in-out infinite etPulse}@keyframes etPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.et-toggle{cursor:pointer;vertical-align:middle;width:44px;height:24px;display:inline-block;position:relative}.et-toggle input{opacity:0;width:0;height:0;position:absolute}.et-toggle-slider{background:#cbd5e1;border:1px solid #0000;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.et-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0000001a}.et-toggle input:checked+.et-toggle-slider{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.et-toggle input:checked+.et-toggle-slider:before{transform:translate(20px)}.et-toggle:hover .et-toggle-slider{filter:brightness(1.05)}.et-btn-icon{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d}.et-btn-icon:hover{color:#3b82f6;background:#fff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.et-btn-icon.danger:hover{color:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef444426}.et-btn-icon.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.et-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;box-sizing:border-box;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;animation:.2s etFadeIn;display:flex;position:fixed;inset:0}.et-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:85vh;margin:auto;animation:.3s ease-out etSlideUp;overflow-y:auto;box-shadow:0 25px 80px #00000040,0 0 0 1px #0000000d}.et-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.et-modal-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.et-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.et-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.et-filters{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 4px 24px -6px #0f172a0d}.et-filter-group{flex-direction:column;flex:1;gap:6px;min-width:150px;display:flex}.et-filter-group label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.et-filter-buttons{align-items:center;gap:12px;margin-left:auto;display:flex}.et-form-group{flex-direction:column;gap:6px;display:flex}.et-form-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.et-form-input,.et-form-select,.et-form-textarea,.et-filters input[type=text],.et-filters input[type=date],.et-filters select{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.et-form-input:hover,.et-form-select:hover,.et-filters input:hover,.et-filters select:hover{background:#fff;border-color:#cbd5e1}.et-form-input:focus,.et-form-select:focus,.et-form-textarea:focus,.et-filters input:focus,.et-filters select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.et-form-textarea{resize:vertical;min-height:80px}.et-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.et-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.et-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.et-grid-sidebar{grid-template-columns:340px 1fr;gap:16px;display:grid}.et-widget-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:10px 0;display:flex}.et-widget-item:last-child{border-bottom:none}.et-widget-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.et-widget-info{flex:1;min-width:0}.et-widget-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.et-widget-meta{color:#64748b;margin-top:2px;font-size:11px}.et-widget-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.et-timeline{flex-direction:column;gap:0;padding-left:20px;display:flex;position:relative}.et-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:4px;bottom:4px;left:7px}.et-timeline-item{gap:16px;padding:10px 0;display:flex;position:relative}.et-timeline-dot{z-index:1;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:14px;left:-17px;box-shadow:0 0 0 2px #3b82f6}.et-timeline-content{flex:1}.et-timeline-time{color:#94a3b8;font-size:11px;font-weight:500}.et-timeline-title{color:#0f172a;margin-top:2px;font-size:13px;font-weight:500}.et-timeline-desc{color:#64748b;margin-top:2px;font-size:12px}.et-range-slider{appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px;transition:background .2s}.et-range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 6px #2563eb4d}.et-range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.et-info-panel{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:12px;padding:16px}.et-info-panel-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.et-info-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.et-info-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.et-info-list li{color:#475569;align-items:center;gap:8px;font-size:12px;display:flex}.et-info-list li:before{content:"✓";color:#10b981;font-size:11px;font-weight:700}.et-report-type{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.et-report-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:150px;padding:14px;transition:all .2s;display:flex}.et-report-card:hover{background:#f0f7ff;border-color:#93c5fd}.et-report-card.active{background:#eff6ff;border-color:#3b82f6}.et-report-card-icon{color:#64748b;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.et-report-card.active .et-report-card-icon{color:#2563eb;background:#dbeafe}.et-report-card-label{color:#374151;font-size:12px;font-weight:600}.et-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.et-empty svg{opacity:.4}.et-empty span{font-size:13px;font-weight:500}@keyframes etFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes etSlideUp{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.et-stagger-1{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) 50ms forwards etFadeUp}.et-stagger-2{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) .1s forwards etFadeUp}.et-stagger-3{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) .15s forwards etFadeUp}.et-stagger-4{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) .2s forwards etFadeUp}.et-stagger-5{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) .25s forwards etFadeUp}.et-stagger-6{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) .3s forwards etFadeUp}@media (width<=1200px){.et-kpi-grid{grid-template-columns:repeat(2,1fr)}.et-grid-sidebar{grid-template-columns:1fr}.et-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.et-kpi-grid,.et-grid-2,.et-grid-3{grid-template-columns:1fr}.et-grid-4{grid-template-columns:repeat(2,1fr)}.et-header{flex-direction:column;align-items:flex-start}.et-map-container{height:300px}.et-report-type{flex-direction:column}}.et-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.et-stat-card{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.et-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.et-stat-info{flex-direction:column;display:flex}.et-stat-label{color:#64748b;font-size:12px;font-weight:500}.et-stat-value{color:#0f172a;font-size:20px;font-weight:700}.et-filters-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.et-search-wrapper{flex:1;min-width:250px;position:relative}.et-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.et-search-input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 10px 10px 40px;font-size:14px}.et-filter-group{align-items:center;gap:12px;display:flex}.et-input-with-icon{position:relative}.et-input-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.et-filter-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 10px 10px 32px;font-size:14px}select.et-filter-select{padding-left:12px}.et-btn-view{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.et-btn-view:hover{background:#eff6ff;text-decoration:underline}.et-avatar{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.et-btn-back{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.et-btn-back:hover{color:#0f172a;background:#f8fafc;box-shadow:0 2px 8px #0000000d}.et-subtitle-detail{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:2px 10px;font-size:13px;display:flex}.et-badge-large{border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600}.status-pending{color:#3b82f6;background:#eff6ff}.status-approved{color:#10b981;background:#ecfdf5}.status-rejected{color:#ef4444;background:#fef2f2}.status-correction-requested{color:#f97316;background:#fff7ed}.et-summary-mini-card{background:#fff;border:1px solid #e2e8f0cc;border-left:4px solid #3b82f6;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex;box-shadow:0 2px 12px -2px #0f172a0f}.mini-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.card-header-inner{border-bottom:1px solid #f1f5f9;padding:16px 20px}.card-title-inner{color:#0f172a;margin:0;font-size:15px;font-weight:600}.et-timeline{flex-direction:column;gap:0;padding:24px;display:flex}.timeline-item{gap:20px;display:flex}.timeline-content{flex:1;padding-bottom:32px}.timeline-body{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:12px 16px}.timeline-activity-top{justify-content:space-between;margin-bottom:4px;display:flex}.activity-location{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.activity-notes{color:#475569;margin:8px 0 0;font-size:13px;line-height:1.5}.et-map-placeholder{background:#f1f5f9;height:300px;position:relative;overflow:hidden}.map-grid-bg{opacity:.5;background-image:linear-gradient(#e2e8f0 1px,#0000 1px),linear-gradient(90deg,#e2e8f0 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.map-overlay{z-index:5;padding:40px;position:absolute;inset:0}.map-marker-start{flex-direction:column;align-items:center;display:flex;position:absolute;top:60px;left:60px}.map-marker-end{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:60px;right:60px}.map-marker-start span,.map-marker-end span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:700}.map-path{border:3px dashed #94a3b8;border-radius:50% 10% 40% 20%;position:absolute;inset:80px}.et-textarea{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;min-height:120px;margin-bottom:20px;padding:12px;font-family:inherit;font-size:14px}.et-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.et-action-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.et-btn-action.reject{color:#fff;background:#ef4444;grid-column:span 1}.et-btn-action.correction{color:#fff;background:#f97316;grid-column:span 2}.et-btn-action:hover{opacity:.9;transform:translateY(-1px)}.et-info-box{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;gap:12px;margin-top:24px;padding:16px;font-size:13px;line-height:1.5;display:flex}.et-btn-back{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000a}.et-btn-back:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translate(-2px)}.et-subtitle-detail{color:#64748b;background:#f1f5f9;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:flex}.et-detail-grid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}@media (width<=1024px){.et-detail-grid{grid-template-columns:1fr}}.et-summary-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=600px){.et-summary-cards{grid-template-columns:repeat(2,1fr)}}.et-summary-mini-card{background:#fff;border:1px solid #e2e8f080;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.mini-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.mini-value{color:#0f172a;font-size:18px;font-weight:700}.timeline-item{gap:20px;padding-bottom:24px;display:flex;position:relative}.timeline-marker{flex-direction:column;align-items:center;width:20px;display:flex}.timeline-dot{z-index:2;background:#e2e8f0;border:3px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #e2e8f0}.timeline-dot.start{background:#10b981;box-shadow:0 0 0 1px #10b981,0 0 8px #10b98166}.timeline-dot.end{background:#ef4444;box-shadow:0 0 0 1px #ef4444,0 0 8px #ef444466}.timeline-line{background:#f1f5f9;flex:1;width:2px;margin:4px 0}.timeline-content{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex:1;padding:16px}.timeline-time{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:700}.timeline-activity-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.activity-type{color:#0f172a;font-size:15px;font-weight:600}.activity-location{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:flex}.activity-notes{color:#475569;border-top:1px dashed #e2e8f0;margin:0;padding-top:8px;font-size:13px;line-height:1.5}.et-action-buttons{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.et-btn-action{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.et-btn-action.approve{color:#fff;background:#10b981;grid-column:span 2}.et-btn-action.approve:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.et-btn-action.reject{color:#ef4444;background:#fff;border:1px solid #fecaca}.et-btn-action.reject:hover{background:#fef2f2}.et-btn-action.correction{color:#f59e0b;background:#fff;border:1px solid #fde68a}.et-btn-action.correction:hover{background:#fffbeb}.et-btn-action:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.et-textarea{color:#1e293b;resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;min-height:100px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.et-textarea:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 4px #0f172a0d}.et-info-box{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;gap:12px;margin-top:20px;padding:16px;font-size:13px;display:flex}.et-info-box p{margin:0;line-height:1.5}.report-layout-container{background-color:#f8fafc;min-height:100vh;padding:24px}.report-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.report-title-group h2{color:#0f172a;align-items:center;gap:12px;margin:0 0 4px;font-size:24px;font-weight:700;display:flex}.report-subtitle{color:#64748b;margin:0;font-size:14px}.report-actions{gap:12px;display:flex}.btn-export,.btn-import{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-export{color:#475569;background-color:#fff;border:1px solid #e2e8f0}.btn-export:hover{color:#0f172a;background-color:#f1f5f9}.btn-import{color:#475569;background-color:#fff;border:1px solid #e2e8f0}.btn-import:hover{color:#0f172a;background-color:#f1f5f9}.report-types-scroll{scrollbar-width:thin;gap:16px;margin-bottom:8px;padding-bottom:16px;display:flex;overflow-x:auto}.report-types-scroll::-webkit-scrollbar{height:6px}.report-types-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.report-types-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.report-type-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:12px;min-width:200px;padding:16px;transition:all .2s;display:flex}.report-type-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.report-type-card.active{background-color:#eff6ff;border-color:#3b82f6}.report-type-icon{color:#64748b;background:#f1f5f9;border-radius:8px;padding:8px}.report-type-card.active .report-type-icon{color:#3b82f6;background:#dbeafe}.report-type-info h4{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:600}.report-type-card.active .report-type-info h4{color:#1e40af}.report-type-info p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.report-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;padding:20px;display:flex}.filter-input,.filter-select{color:#0f172a;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.filter-actions{gap:12px;margin-left:auto;display:flex}.btn-generate{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-generate:hover{background-color:#4338ca}.btn-reset{color:#ef4444;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-reset:hover{background-color:#fee2e2}.report-summary-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex}.report-summary-icon{color:#3b82f6;background:#eff6ff;border-radius:8px;padding:8px}.report-summary-title h3{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:600}.report-summary-title p{color:#64748b;margin:0;font-size:13px}.report-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.report-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.stat-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.stat-label{color:#64748b;margin:0;font-size:13px}.report-data-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.report-data-header{border-bottom:1px solid #e2e8f0;padding:16px 20px}.report-data-header h4{color:#0f172a;margin:0;font-size:16px;font-weight:600}.report-table{border-collapse:collapse;width:100%}.report-table th,.report-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 20px}.report-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;font-size:12px;font-weight:600}.report-table td{color:#334155;font-size:14px}.report-table tr:hover td{background:#f8fafc}.report-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.report-badge-blue{color:#2563eb;background:#eff6ff}.report-badge-green{color:#16a34a;background:#f0fdf4}.report-badge-red{color:#dc2626;background:#fef2f2}.report-badge-amber{color:#d97706;background:#fffbeb}.report-badge-gray{color:#475569;background:#f1f5f9}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-left-\[35px\]{left:-35px}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-3{left:.75rem}.left-6{left:1.5rem}.left-8{left:2rem}.left-\[16px\]{left:16px}.right-3{right:.75rem}.right-8{right:2rem}.top-0{top:0}.top-1{top:.25rem}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-96{height:24rem}.h-\[300px\]{height:300px}.h-\[500px\]{height:500px}.h-\[58px\]{height:58px}.h-full{height:100%}.max-h-\[400px\]{max-height:400px}.max-h-full{max-height:100%}.min-h-\[200px\]{min-height:200px}.min-h-\[500px\]{min-height:500px}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-\[120px\]{min-width:120px}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-\[100px\]{max-width:100px}.max-w-\[120px\]{max-width:120px}.max-w-\[150px\]{max-width:150px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1}.origin-left{transform-origin:0}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[emsFadeIn_0\.2s_ease-out\]{animation:.2s ease-out emsFadeIn}.animate-\[emsFadeIn_0\.3s_ease-out\]{animation:.3s ease-out emsFadeIn}.animate-\[emsFadeIn_0\.4s_ease-out\]{animation:.4s ease-out emsFadeIn}@keyframes pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;overflow:hidden}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[3px\]{border-width:3px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199/var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-indigo-100{--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity,1))}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-100\/50{border-color:#f1f5f980}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-50{--tw-border-opacity:1;border-color:rgb(248 250 252/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-t-blue-600{--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-50\/50{background-color:#fffbeb80}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-500\/80{background-color:#f59e0bcc}.bg-amber-500\/90{background-color:#f59e0be6}.bg-black\/60{background-color:#0009}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-fuchsia-50{--tw-bg-opacity:1;background-color:rgb(253 244 255/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-50\/90{background-color:#f8fafce6}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/40{background-color:#0f172a66}.bg-slate-900\/95{background-color:#0f172af2}.bg-teal-50{--tw-bg-opacity:1;background-color:rgb(240 253 250/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/50{background-color:#ffffff80}.bg-white\/60{background-color:#fff9}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:#fbbf2400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-200{--tw-gradient-from:#bfdbfe var(--tw-gradient-from-position);--tw-gradient-to:#bfdbfe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-fuchsia-500{--tw-gradient-from:#d946ef var(--tw-gradient-from-position);--tw-gradient-to:#d946ef00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-800{--tw-gradient-from:#1e293b var(--tw-gradient-from-position);--tw-gradient-to:#1e293b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);--tw-gradient-to:#14b8a600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-indigo-200{--tw-gradient-to:#c7d2fe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#c7d2fe var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-4{padding-bottom:1rem}.pl-16{padding-left:4rem}.pl-2{padding-left:.5rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-8{padding-right:2rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-emerald-100{--tw-text-opacity:1;color:rgb(209 250 229/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-fuchsia-500{--tw-text-opacity:1;color:rgb(217 70 239/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-orange-100{--tw-text-opacity:1;color:rgb(255 237 213/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.accent-blue-600{accent-color:#2563eb}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-blue-600\/20{--tw-shadow-color:#2563eb33;--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/20{--tw-shadow-color:#10b98133;--tw-shadow:var(--tw-shadow-colored)}.shadow-indigo-500\/5{--tw-shadow-color:#6366f10d;--tw-shadow:var(--tw-shadow-colored)}.shadow-orange-500\/20{--tw-shadow-color:#f9731633;--tw-shadow:var(--tw-shadow-colored)}.shadow-pink-500\/20{--tw-shadow-color:#ec489933;--tw-shadow:var(--tw-shadow-colored)}.shadow-slate-200\/50{--tw-shadow-color:#e2e8f080;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline-offset:2px;outline:2px solid #0000}.blur{--tw-blur:blur(8px)}.blur,.blur-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-md{--tw-blur:blur(12px)}.blur-xl{--tw-blur:blur(24px)}.blur-xl,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-\[2px\]{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.last\:border-0:last-child{border-width:0}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:border-emerald-300:hover{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.hover\:border-indigo-200:hover{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:bg-amber-50\/50:hover{background-color:#fffbeb80}.hover\:bg-amber-500:hover{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.hover\:bg-amber-500\/30:hover{background-color:#f59e0b4d}.hover\:bg-blue-50\/50:hover{background-color:#eff6ff80}.hover\:bg-emerald-50\/50:hover{background-color:#ecfdf580}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.hover\:bg-indigo-50\/30:hover{background-color:#eef2ff4d}.hover\:bg-indigo-50\/50:hover{background-color:#eef2ff80}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:shadow-emerald-500\/10:hover{--tw-shadow-color:#10b9811a;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-red-500\/10:hover{--tw-shadow-color:#ef44441a;--tw-shadow:var(--tw-shadow-colored)}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-500\/20:focus{--tw-ring-color:#6366f133}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-110,.group:hover .group-hover\:scale-125{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.group:hover .group-hover\:bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.md\:w-1\/4{width:25%}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}}@media (width>=1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}}@media (width>=1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--ems-bg:#f8fafc;--ems-surface:#fff;--ems-surface-glass:#ffffffbf;--ems-text-primary:#0f172a;--ems-text-secondary:#475569;--ems-text-tertiary:#94a3b8;--ems-accent-primary:#3b82f6;--ems-accent-primary-light:#eff6ff;--ems-accent-primary-gradient:linear-gradient(135deg, #3b82f6, #6366f1);--ems-success:#10b981;--ems-success-light:#f0fdf4;--ems-warning:#f59e0b;--ems-warning-light:#fffbeb;--ems-danger:#ef4444;--ems-danger-light:#fef2f2;--ems-border:#e2e8f0cc;--ems-border-glass:#fff6;--ems-shadow-sm:0 2px 8px -2px #0f172a0a;--ems-shadow-md:0 8px 24px -6px #0f172a0d, inset 0 0 0 1px var(--ems-border-glass);--ems-shadow-lg:0 16px 32px -8px #0f172a14, inset 0 0 0 1px var(--ems-border-glass);--ems-shadow-float:0 24px 48px -12px #0f172a1f;--ems-radius-sm:8px;--ems-radius-md:16px;--ems-radius-lg:24px;--ems-radius-pill:9999px;--ems-transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--ems-transition-fast:all .2s cubic-bezier(.4, 0, .2, 1)}.ems-workspace{background-color:var(--ems-bg);min-height:calc(100vh - 64px);color:var(--ems-text-primary);background-image:radial-gradient(at 0 0,#3b82f60a 0,#0000 50%),radial-gradient(at 100% 0,#6366f10a 0,#0000 50%);padding:24px;font-family:Inter,sans-serif;animation:.5s ease-out emsFadeIn}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif}.ems-page-title{letter-spacing:-.03em;color:var(--ems-text-primary);margin-bottom:8px;font-size:32px;font-weight:800}.ems-page-subtitle{color:var(--ems-text-secondary);font-size:15px;font-weight:500}.ems-section-title{color:var(--ems-text-primary);letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.ems-glass-panel{background:var(--ems-surface-glass);-webkit-backdrop-filter:blur(20px);border-radius:var(--ems-radius-lg);border:1px solid var(--ems-border);box-shadow:var(--ems-shadow-md);transition:var(--ems-transition-smooth)}.ems-glass-card{background:var(--ems-surface);border-radius:var(--ems-radius-md);border:1px solid var(--ems-border);box-shadow:var(--ems-shadow-sm);transition:var(--ems-transition-smooth);padding:24px;position:relative;overflow:hidden}.ems-glass-card:hover{box-shadow:var(--ems-shadow-lg);border-color:#3b82f633;transform:translateY(-4px)}.ems-glass-card:before{content:"";background:var(--ems-accent-primary-gradient);opacity:0;transform-origin:0;height:3px;transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ems-glass-card:hover:before{opacity:1;transform:scaleX(1)}.ems-btn-primary{background:var(--ems-accent-primary-gradient);color:#fff;border-radius:var(--ems-radius-sm);transition:var(--ems-transition-fast);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #3b82f633}.ems-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f64d}.ems-btn-primary:active{transform:translateY(0)}.ems-btn-secondary{color:var(--ems-text-primary);border-radius:var(--ems-radius-sm);transition:var(--ems-transition-fast);border:1px solid var(--ems-border);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.ems-btn-secondary:hover{background:var(--ems-bg);border-color:#cbd5e1}.ems-badge{border-radius:var(--ems-radius-pill);letter-spacing:.02em;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.ems-badge-success{background:var(--ems-success-light);color:var(--ems-success)}.ems-badge-warning{background:var(--ems-warning-light);color:var(--ems-warning)}.ems-badge-danger{background:var(--ems-danger-light);color:var(--ems-danger)}.ems-badge-neutral{color:var(--ems-text-secondary);background:#f1f5f9}.ems-input{border-radius:var(--ems-radius-sm);color:var(--ems-text-primary);transition:var(--ems-transition-fast);background:#f8fafc;border:1px solid #0000;width:100%;padding:10px 16px;font-size:14px}.ems-input:focus{border-color:var(--ems-accent-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.ems-toggle{cursor:pointer;background:#cbd5e1;border-radius:99px;width:44px;height:24px;transition:background .3s;position:relative}.ems-toggle.active{background:var(--ems-success)}.ems-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}.ems-toggle.active .ems-toggle-knob{transform:translate(20px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes emsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(2)}}.pulse-indicator{background:var(--ems-success);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-indicator:before{content:"";background:inherit;z-index:-1;opacity:.7;border-radius:50%;width:16px;height:16px;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:-4px;left:-4px}.ems-table-container{border-radius:var(--ems-radius-md);border:1px solid var(--ems-border);overflow-x:auto}.ems-table{border-collapse:separate;border-spacing:0;width:100%}.ems-table th{color:var(--ems-text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--ems-border);background:#f8fafc;padding:16px 24px;font-size:12px;font-weight:600}.ems-table td{color:var(--ems-text-primary);background:#fff;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:14px;transition:background .2s}.ems-table tr:hover td{background:#f8fafc}.ems-table tr:last-child td{border-bottom:none}.ems-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ems-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.ems-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;transition:transform .3s;display:flex;transform:rotate(-5deg)}.ems-empty-state:hover .ems-empty-icon{transform:rotate(5deg)scale(1.1)}.visit-layout{background-color:#f8fafc;height:100%;padding:24px 32px;overflow-y:auto}.visit-header-banner{color:#fff;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 10px 25px -5px #0f172a26}.visit-title{letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700}.visit-subtitle{color:#cbd5e1;margin:4px 0 0;font-size:13px;font-weight:400}.btn-visit-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #6366f14d}.btn-visit-primary:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-visit-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-visit-secondary{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-visit-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.btn-visit-outline{color:#8b5cf6;cursor:pointer;background:#fff;border:1px dashed #8b5cf6;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-visit-outline:hover{background:#f5f3ff}.btn-icon-soft{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.btn-icon-soft:hover{color:#334155;background:#e2e8f0}.visit-filters{align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-group{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;max-width:400px;height:44px;padding:0 16px;transition:all .2s;display:flex}.search-group:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-group input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;padding:0 12px;font-size:14px}.date-filter-input{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;height:44px;padding:0 16px;font-size:14px}.visit-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.visit-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 20px -5px #0f172a0d}.visit-card:hover{border-color:#c7d2fe;transform:translateY(-3px);box-shadow:0 12px 30px -10px #4f46e526}.visit-card-header{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.client-name{color:#1e293b;margin:0 0 6px;font-size:17px;font-weight:600;line-height:1.3}.company-badge{color:#64748b;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.priority-ring{text-transform:uppercase;letter-spacing:.5px;color:#334155;background:#fff;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.visit-card-body{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex}.info-row{color:#475569;align-items:center;gap:10px;font-size:14px;display:flex}.info-icon{color:#94a3b8;flex-shrink:0}.visit-purpose{color:#334155;background:#f8fafc;border-radius:8px;align-items:flex-start;gap:8px;margin:8px 0 0;padding:10px;font-size:13px;line-height:1.5;display:flex}.visit-purpose svg{color:#94a3b8;flex-shrink:0;margin-top:2px}.visit-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.status-chip{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-draft{color:#475569;background:#f1f5f9}.status-planned{color:#4338ca;background:#e0e7ff}.status-checked-in{color:#c2410c;background:#ffedd5}.status-completed{color:#15803d;background:#dcfce7}.status-cancelled{color:#b91c1c;background:#fee2e2}.status-pending-approval{color:#854d0e;background:#fef9c3}.visit-empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:60px 20px}.visit-empty-state h3{color:#1e293b;margin:16px 0 8px;font-size:18px}.visit-empty-state p{color:#64748b;margin:0;font-size:14px}.visit-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.visit-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.visit-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.visit-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px;display:flex}.visit-modal-header h3{color:#1e293b;margin:0;font-size:18px}.visit-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group label .req{color:#ef4444}.visit-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.visit-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}textarea.visit-input{resize:vertical;min-height:80px}.visit-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.footer-actions-right{gap:12px;display:flex}.setting-section-title{color:#0f172a;align-items:center;gap:12px;margin:32px 0 16px;font-size:18px;font-weight:700;display:flex}.setting-section-title-icon{color:#4f46e5;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.settings-grid-premium{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;display:grid}.setting-card-premium{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px -5px #0f172a0d}.setting-card-premium:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 10px 30px -10px #4f46e526}.setting-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.setting-card-icon-title{align-items:center;gap:12px;display:flex}.setting-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-blue{color:#3b82f6;background:#eff6ff}.icon-purple{color:#8b5cf6;background:#f5f3ff}.icon-emerald{color:#10b981;background:#ecfdf5}.icon-amber{color:#f59e0b;background:#fffbeb}.icon-rose{color:#f43f5e;background:#fff1f2}.icon-indigo{color:#4338ca;background:#e0e7ff}.setting-title-text{color:#1e293b;margin:0;font-size:16px;font-weight:600}.setting-description-text{color:#64748b;margin-top:8px;font-size:13px;line-height:1.5}.premium-switch{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.premium-switch input{opacity:0;width:0;height:0}.premium-slider{cursor:pointer;background-color:#e2e8f0;border-radius:34px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000000d}.premium-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:4px;box-shadow:0 2px 5px #0003}input:checked+.premium-slider{background-image:linear-gradient(135deg,#4f46e5,#8b5cf6)}input:checked+.premium-slider:before{transform:translate(24px)}.active-module{background:linear-gradient(90deg,#fff,#f0fdf4);border-color:#86efac}.inactive-module{opacity:.8;background:linear-gradient(90deg,#fff,#fef2f2);border-color:#fca5a5}.settings-container{max-width:1200px;margin:0 auto;padding:24px}.settings-header{margin-bottom:32px}.settings-header h1{color:#0f172a;margin-bottom:8px;font-size:28px;font-weight:700}.settings-header p{color:#64748b;font-size:15px}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.card-header{color:#3b82f6;align-items:center;gap:12px;margin-bottom:24px;display:flex}.card-header h2{color:#1e293b;margin:0;font-size:18px;font-weight:600}.avatar-section{border-bottom:1px solid #f1f5f9;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;display:flex}.avatar-wrapper{position:relative}.avatar-preview{color:#fff;background:#0f172a;border:4px solid #f8fafc;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.avatar-preview img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.avatar-edit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:0;right:0}.avatar-edit-btn:hover{background:#2563eb;transform:scale(1.1)}.avatar-info h3{color:#0f172a;margin:0;font-size:18px}.avatar-info p{color:#64748b;margin:4px 0 0;font-size:14px}.settings-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:#475569;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1;display:flex}.form-group label svg{display:block}.form-group input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:12px;font-size:14px;transition:all .2s}.form-group input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.save-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:16px;font-size:15.5px;font-weight:600;transition:all .2s;display:flex}.save-btn:hover:not(:disabled){background:#1e293b;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a33}.save-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=640px){.settings-grid{grid-template-columns:1fr}}.my-profile-container{max-width:980px;margin:0 auto;padding:24px}.my-profile-header h1{color:#0f172a;margin:0}.my-profile-header p{color:#64748b;margin-top:6px}.my-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:18px;padding:20px}.my-profile-avatar-row{align-items:center;gap:16px;margin-bottom:18px;display:flex}.my-profile-avatar{color:#fff;background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:32px;font-weight:700;display:flex;overflow:hidden}.my-profile-avatar img{object-fit:cover;width:100%;height:100%}.avatar-upload-btn{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.my-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.my-profile-grid label{flex-direction:column;gap:6px;display:flex}.my-profile-grid span{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1;display:flex}.my-profile-grid span svg{display:block}.my-profile-grid input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.profile-save-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:14px;align-items:center;gap:8px;margin-top:16px;padding:16px;font-size:15.5px;font-weight:600;display:inline-flex}@media (width<=700px){.my-profile-grid{grid-template-columns:1fr}}.global-spinner-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#ffffffb3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.spinner-content{flex-direction:column;align-items:center;gap:12px;display:flex}.spinner-content p{color:#3b82f6;margin:0;font-size:14px;font-weight:600}.animate-spin{animation:1s linear infinite spin}.payroll-settings-layout{background-color:#f1f5f9;flex-direction:column;gap:28px;min-height:100vh;padding:32px;display:flex}.page-title-bar{align-items:center;gap:16px;margin-bottom:8px;padding-left:4px;display:flex}.title-icon-box{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #2563eb33}.page-title-bar h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.page-title-bar .subtitle{color:#64748b;margin-top:2px;font-size:14px}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.settings-section:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.section-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:24px 32px;transition:background .2s;display:flex}.section-header:hover{background:#f8fafc}.section-header-left{align-items:center;gap:16px;display:flex}.section-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:600;display:flex}.section-icon.blue{color:#2563eb;background:#eff6ff;border:1.5px solid #dbeafe}.section-icon.green{color:#16a34a;background:#f0fdf4;border:1.5px solid #dcfce7}.section-icon.purple{color:#9333ea;background:#faf5ff;border:1.5px solid #f3e8ff}.section-icon.amber{color:#d97706;background:#fffbeb;border:1.5px solid #fef3c7}.section-title{color:#1e293b;margin:0;font-size:18px;font-weight:700}.section-subtitle{color:#64748b;margin-top:3px;font-size:13px}.section-body{border-top:1px solid #f1f5f9;flex-direction:column;gap:24px;margin-top:8px;padding:0 32px 32px;animation:.4s ease-out slideDown;display:flex}.three-col{grid-template-columns:repeat(3,1fr)}.field-group{flex-direction:column;gap:8px;display:flex}.field-group label{color:#334155;margin-bottom:2px;font-size:14px;font-weight:600}.field-group label .required{color:#ef4444}.input-container{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.premium-input,.premium-select,.premium-textarea{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px 12px 40px;font-size:14px;font-weight:500;transition:all .2s}.no-icon-input{padding-left:16px}.premium-input:focus,.premium-select:focus,.premium-textarea:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.field-hint{color:#94a3b8;align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.premium-toggle-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.toggle-info h4{color:#1e293b;margin:0;font-size:15px;font-weight:600}.toggle-info p{color:#64748b;margin:4px 0 0;font-size:13px}.switch{width:50px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:#2563eb}input:checked+.slider:before{transform:translate(24px)}.premium-warning{color:#92400e;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;gap:12px;padding:16px 20px;font-size:14px;line-height:1.5;display:flex}.signature-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.premium-sig-card{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:24px;transition:all .2s;display:flex}.premium-sig-card:hover{background:#f0f7ff;border-color:#3b82f6}.sig-preview-container{background:#fff;border:1px solid #f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:100%;height:120px;display:flex;overflow:hidden}.sig-preview-img{object-fit:contain;max-width:100%;max-height:100%}.no-sig-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;display:flex}.premium-save-footer{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:flex-end;align-items:center;gap:20px;margin-top:20px;padding:24px 32px;display:flex;box-shadow:0 1px 3px #0000001a}.status-toast{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.btn-premium-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 40px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 20px -6px #2563eb80}.btn-premium-save:hover{transform:translateY(-2px);box-shadow:0 12px 25px -8px #2563eb99}.btn-premium-save:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (width<=1024px){.settings-grid,.signature-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}.earning-deduction-layout{background-color:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.ed-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ed-header-left{align-items:center;gap:12px;display:flex}.ed-header-left h1{color:#0f172a;margin:0;font-size:22px;font-weight:700}.ed-header-actions{gap:10px;display:flex}.btn-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-add:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb4d}.btn-delete-all{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-delete-all:hover{background:#fef2f2;border-color:#ef4444}.ed-filter-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:nowrap;align-items:center;gap:16px;padding:20px 24px;display:flex}.ed-search-box{flex:1;max-width:400px;position:relative}.earning-deduction-layout .ed-search-box input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:48px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);padding:10px 20px 10px 52px!important}.earning-deduction-layout .ed-search-box input::placeholder{color:#94a3b8;opacity:.8}.ed-search-box input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.earning-deduction-layout .ed-search-icon{color:#94a3b8;pointer-events:none;z-index:20;position:absolute;top:50%;transform:translateY(-50%);left:20px!important}.ed-filter-group{align-items:center;display:flex}.ed-type-filter{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;min-width:180px;height:44px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s}.ed-type-filter:hover{border-color:#cbd5e1}.ed-type-filter:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.ed-stats-row{flex-wrap:wrap;gap:12px;display:flex}.ed-stat-chip{border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.ed-stat-chip.earning{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.ed-stat-chip.deduction{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.ed-stat-chip.total{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.type-earning{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.type-deduction{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.taxable-yes{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.taxable-no{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.ed-pagination{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ed-pagination-info{color:#64748b;font-size:13px}.ed-pagination-buttons{gap:6px;display:flex}.ed-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.ed-page-btn:hover{color:#3b82f6;background:#f1f5f9;border-color:#3b82f6}.ed-page-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.ed-page-btn:disabled{opacity:.4;cursor:not-allowed}.btn-save-more{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #3b82f6;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-save-more:hover{background:#eff6ff}.modal-content.wide{max-width:560px}.premium-toggle{cursor:pointer;background-color:#e2e8f0;border:none;border-radius:12px;width:44px;height:24px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.premium-toggle:hover{transform:scale(1.05)}.premium-toggle.active{background-color:#22c55e;box-shadow:0 4px 12px #22c55e33}.premium-toggle:after{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000001a}.premium-toggle.active:after{left:23px}.earning-deduction-layout .btn-icon-only{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:36px;height:36px;margin:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.earning-deduction-layout .btn-icon-only:hover{color:#3b82f6;background:#f8fafc;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.earning-deduction-layout .btn-icon-only.delete:hover{color:#ef4444;background:#fef2f2;border-color:#fee2e2;box-shadow:0 4px 12px #ef444426}.earning-deduction-layout .btn-icon-only svg{stroke-width:2px;width:18px!important;height:18px!important;display:block!important}@media (width<=768px){.earning-deduction-layout{padding:16px}.ed-header-bar{flex-direction:column;align-items:flex-start}}.salary-groups-layout{background-color:#f8fafc;flex-direction:column;gap:28px;min-height:100vh;padding:32px;animation:.4s ease-out fadeIn;display:flex}.sg-header-bar{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.sg-header-left h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.sg-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:flex-end;gap:20px;padding:24px 32px;display:flex;box-shadow:0 4px 12px #00000008}.sg-filter-group{flex-direction:column;gap:8px;display:flex}.sg-filter-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.sg-filter-group input,.sg-filter-group select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;min-width:200px;height:46px;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s}.sg-filter-group input:focus,.sg-filter-group select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614}.btn-get-data{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;height:46px;padding:0 24px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-get-data:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #0000000a}.data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.1em;background:#f8fafc;border-bottom:1.5px solid #f1f5f9;padding:18px 24px;font-size:12px;font-weight:800}.data-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:20px 24px}.group-id-badge{color:#2563eb;background:#eff6ff;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700}.employee-count{color:#1e293b;background:#f1f5f9;border-radius:10px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-weight:700;display:flex}.earning-heads-list{flex-wrap:wrap;gap:6px;display:flex}.earning-head-tag{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.earning-head-more{color:#94a3b8;padding:4px;font-size:12px;font-weight:700}.sg-actions{align-items:center;gap:8px;display:flex}.sg-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d}.sg-action-btn:hover{color:#3b82f6;background:#f8fafc;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sg-action-btn.copy:hover{color:#8b5cf6;background:#f5f3ff;border-color:#ddd6fe}.sg-action-btn.delete:hover{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.sg-form-layout{background-color:#f8fafc;flex-direction:column;gap:32px;min-height:100vh;padding:32px;animation:.4s ease-out fadeIn;display:flex}.sg-back-row{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.sg-header-left{align-items:center;gap:16px;display:flex}.btn-back{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000005}.btn-back:hover{color:#3b82f6;background:#f8fafc;border-color:#3b82f6;transform:translate(-4px)}.sg-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px #00000008,0 2px 8px #00000005}.sg-form-section:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000000f}.sg-section-header{cursor:pointer;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 32px;transition:background .2s;display:flex}.sg-section-header:hover{background:#f8fafc}.sg-section-left{align-items:center;gap:16px;display:flex}.sg-section-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:600;display:flex}.sg-section-icon.blue{color:#2563eb;background:#eff6ff;border:1.5px solid #dbeafe}.sg-section-icon.green{color:#16a34a;background:#f0fdf4;border:1.5px solid #dcfce7}.sg-section-icon.purple{color:#9333ea;background:#faf5ff;border:1.5px solid #f3e8ff}.sg-section-icon.amber{color:#d97706;background:#fffbeb;border:1.5px solid #fef3c7}.sg-section-icon.rose{color:#f43f5e;background:#fff1f2;border:1.5px solid #ffe4e6}.sg-section-icon.teal{color:#14b8a6;background:#f0fdfa;border:1.5px solid #ccfbf1}.sg-section-icon.indigo{color:#6366f1;background:#eef2ff;border:1.5px solid #e0e7ff}.sg-section-title{color:#1e293b;letter-spacing:-.3px;font-size:17px;font-weight:700}.sg-section-sub{color:#64748b;margin-top:2px;font-size:13px}.chevron-icon{color:#94a3b8;transition:transform .3s cubic-bezier(.4,0,.2,1)}.chevron-icon.open{transform:rotate(180deg)}.sg-section-body{flex-direction:column;gap:28px;padding:32px;animation:.4s ease-out slideDown;display:flex}.sg-form-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.sg-form-grid.two-col{grid-template-columns:repeat(2,1fr)}.sg-field{flex-direction:column;gap:8px;display:flex}.sg-field label{color:#475569;font-size:14px;font-weight:600}.sg-field input,.sg-field select{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.sg-field input:focus,.sg-field select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614}.sg-toggle-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.sg-toggle-item{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .2s;display:flex}.sg-toggle-item:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #0000000d}.sg-toggle-item label{color:#334155;flex:1;font-size:14px;font-weight:600}.sg-form-layout .premium-switch{cursor:pointer;background-color:#cbd5e1;border:none;border-radius:12px;width:46px;height:24px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.sg-form-layout .premium-switch.active{background-color:#22c55e;box-shadow:0 4px 12px #22c55e33}.sg-form-layout .premium-switch:after{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000001a}.sg-form-layout .premium-switch.active:after{left:25px}.calc-type-selector{gap:12px;margin-bottom:8px;display:flex}.calc-type-btn{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.calc-type-btn:hover{background:#f8fafc;border-color:#cbd5e1}.calc-type-btn.active{color:#2563eb;background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #2563eb1a}.comp-row{background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;margin-bottom:12px;padding:16px 24px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.comp-row:hover{border-color:#e2e8f0;transform:translate(4px);box-shadow:0 4px 12px #0000000a}.comp-name{color:#1e293b;flex:1;font-size:15px;font-weight:600}.comp-type-tag{text-transform:uppercase;letter-spacing:.02em;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.comp-type-tag.earning{color:#16a34a;background:#f0fdf4}.comp-type-tag.deduction{color:#dc2626;background:#fef2f2}.comp-row input[type=number]{text-align:right;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:140px;padding:10px 14px;font-size:15px;font-weight:600;transition:all .2s}.comp-row input[type=number]:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f60f}.comp-remove-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.comp-remove-btn:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.sg-form-footer{background:#fff;border:1px solid #e2e8f0;border-radius:24px;justify-content:flex-end;align-items:center;gap:16px;margin-top:16px;padding:24px 32px;display:flex;box-shadow:0 10px 30px #0000000d}.btn-cancel:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.btn-primary-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 36px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 16px #2563eb33}.btn-primary-save:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2563eb4d}.save-status{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;display:flex}@media (width<=1024px){.sg-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sg-form-layout{padding:16px}.sg-form-grid,.sg-toggle-grid{grid-template-columns:1fr}.calc-type-selector{flex-direction:column}}.incentive-layout{background:#f8fafc;min-height:100vh;padding:32px;animation:.4s ease-out fadeIn}.incentive-container{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #00000008,0 2px 8px #00000005}.incentive-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.btn-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 16px #4f46e533}.btn-add:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4f46e54d}.filter-bar{background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:20px 32px;display:flex}.search-wrapper{flex:1;max-width:400px;position:relative}.search-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px 12px 44px;font-size:14px;font-weight:500;transition:all .2s}.search-input:focus{background:#fff;border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e514}.table-wrapper{overflow-x:auto}.custom-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.1em;background:#f8fafc;border-bottom:1.5px solid #f1f5f9;padding:16px 32px;font-size:12px;font-weight:800}.custom-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:18px 32px;font-size:14px}.status-inactive{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.action-btn-pill{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000005}.action-btn-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.btn-edit:hover{color:#4f46e5;background:#f5f3ff;border-color:#4f46e5}.btn-toggle:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.btn-delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:24px;width:90%;max-width:540px;animation:.4s cubic-bezier(.4,0,.2,1) modalSlideUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-header h3{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.modal-header button{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.modal-header button:hover{color:#ef4444;background:#f1f5f9}.modal-body{flex-direction:column;gap:20px;padding:32px;display:flex}.form-control{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.form-control:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e514}.footer-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-modal-cancel{color:#64748b;background:#fff;border:1px solid #e2e8f0}.btn-modal-cancel:hover{color:#0f172a;background:#f1f5f9}.btn-modal-save{color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #4f46e533}.btn-modal-save:hover{transform:translateY(-2px);box-shadow:0 8px 16px #4f46e54d}.gratuity-layout{background:#f8fafc;min-height:calc(100vh - 64px);padding:24px}.gratuity-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:1000px;margin:0 auto;box-shadow:0 4px 20px #0000000d}.gratuity-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border-bottom:1px solid #ffffff4d;padding:24px 32px}.header-info h2{color:#1e293b;letter-spacing:-.5px;align-items:center;margin:0;font-size:28px;font-weight:800;display:flex}.gratuity-body{padding:32px 40px}.settings-section{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:48px;padding:24px;transition:transform .2s,box-shadow .2s}.settings-section:hover{box-shadow:0 8px 15px #00000008}.section-title{color:#0f172a;align-items:center;gap:12px;margin-bottom:24px;font-size:1.125rem;font-weight:700;display:flex}.section-title svg{color:#3b82f6}.settings-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.settings-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:16px;display:flex}.row-label p{color:#1e293b;margin-bottom:2px;font-size:.9375rem;font-weight:600}.row-label span{color:#64748b;font-size:.8125rem}.formula-card{color:#e2e8f0;background:#0f172a;border:1px solid #1e293b;border-radius:12px;margin-bottom:24px;padding:24px;position:relative}.formula-card:before{content:"FORMULA";color:#fff;background:#3b82f6;border-radius:4px;padding:2px 8px;font-size:.625rem;font-weight:700;position:absolute;top:-10px;left:20px}.formula-textarea{color:#60a5fa;resize:none;background:0 0;border:none;outline:none;width:100%;font-family:Fira Code,monospace;font-size:1rem}.component-chip{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.component-chip:hover{background:#f0f7ff;border-color:#3b82f6}.component-chip.selected{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 6px -1px #2563eb33}.benefit-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0;border-radius:16px;margin-top:40px;padding:24px}.btn-save-settings{color:#fff;background:#2563eb;border-radius:10px;padding:12px 32px;font-size:.9375rem;font-weight:600;box-shadow:0 4px 6px -1px #2563eb4d}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-section{animation:.3s ease-out forwards slideIn}.benefit-card ul{margin-top:10px;padding:0;list-style:none}.benefit-card li{color:#166534;align-items:center;gap:8px;margin-bottom:6px;font-size:.8125rem;display:flex}.ctc-layout{background:#f8fafc;min-height:calc(100vh - 64px);padding:24px}.ctc-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.ctc-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:center;padding:24px;display:flex}.header-info p{color:#64748b;font-size:.875rem}.ctc-filters{background:#f1f5f9;grid-template-columns:repeat(4,1fr);align-items:end;gap:16px;padding:16px 24px;display:grid}.filter-group label{text-transform:uppercase;color:#64748b;margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.filter-control{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 12px;font-size:.8125rem}.salary-value{color:#059669;font-family:monospace;font-weight:600}.history-item{background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:0 8px 8px 0;margin-bottom:12px;padding:12px}.history-item.current{background:#eff6ff;border-left-color:#2563eb}.history-meta{color:#64748b;justify-content:space-between;margin-bottom:4px;font-size:.75rem;display:flex}.history-remark{color:#475569;margin-top:6px;font-size:.8125rem;font-style:italic}.btn-history{color:#2563eb;background:#eff6ff}.btn-history:hover{background:#dbeafe}.action-buttons{align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-edit{color:#2563eb;background:#eff6ff}.btn-edit:hover{background:#dbeafe}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-height:90vh;display:flex;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#0f172a;margin:0;font-size:1.125rem;font-weight:700}.btn-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-close:hover{color:#0f172a;background:#e2e8f0}.modal-body{padding:24px;overflow-y:auto}.input-with-icon{align-items:center;display:flex;position:relative}.field-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.premium-control{color:#0f172a;background:#fcfdfe;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 12px 10px 40px;font-size:.875rem;transition:all .2s}.premium-control:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.premium-control.no-icon-input{padding-left:12px}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#f1f5f9}.btn-save-ctc{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;padding:10px 24px;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #2563eb33}.btn-save-ctc:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #2563eb4d}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.history-item.current{background:#f0f9ff;border-color:#bae6fd;box-shadow:0 2px 4px #0000000d}.history-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-date{color:#64748b;align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.history-status{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:700}.history-status.current{color:#166534;background:#dcfce7}.history-status.previous{color:#475569;background:#f1f5f9}.history-details{justify-content:space-between;align-items:center;display:flex}.history-amount{color:#0f172a;font-size:1.125rem;font-weight:700}.history-group{color:#64748b;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;display:flex}.history-remark{color:#475569;border-top:1px dashed #e2e8f0;margin-top:10px;padding-top:10px;font-size:.8125rem;font-style:italic}.salary-calc-layout{background-color:#f8fafc;flex-direction:column;gap:32px;min-height:100vh;padding:32px;animation:.4s ease-out fadeIn;display:flex}.salary-calc-header{justify-content:space-between;align-items:center;display:flex}.header-info .title-with-icon{align-items:center;gap:16px;margin-bottom:6px;display:flex}.header-info h2{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.header-info p{color:#64748b;margin:0;font-size:14px}.filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:32px;box-shadow:0 4px 20px #00000008}.card-header{color:#1e293b;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:12px;margin-bottom:24px;font-size:16px;font-weight:800;display:flex}.form-group label{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.premium-control{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:46px;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s}.premium-control:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e514}.btn-get-data{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:46px;padding:0 24px;font-size:14px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 12px #0f172a1a}.btn-get-data:hover:not(:disabled){background:#1e293b;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a33}.calculation-form{flex-direction:column;gap:24px;animation:.5s ease-out slideUp;display:flex}.form-section-header{align-items:center;gap:16px;padding:0 4px;display:flex}.form-section-header h3{color:#1e293b;margin:0;font-size:20px;font-weight:800}.main-form-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.salary-info-card,.days-card,.summary-card,.action-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 12px #00000005}.card-sub-header{color:#64748b;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;font-size:13px;font-weight:800;display:flex}.card-sub-header.green{color:#16a34a;border-color:#f0fdf4}.card-sub-header.red{color:#dc2626;border-color:#fef2f2}.details-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.detail-item label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.detail-item p{color:#1e293b;margin:0;font-size:15px;font-weight:700}.badge-type{color:#2563eb;background:#eff6ff;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.input-grid,.summary-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.summary-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:12px}.summary-item span{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.summary-item p{color:#1e293b;margin:0;font-size:18px;font-weight:800}.summary-item.highlight{background:#f5f3ff;border-color:#ddd6fe}.summary-item.highlight p{color:#4f46e5}.mini-input{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;height:38px;padding:0 12px;font-weight:700}.split-grid{grid-column:span 2;grid-template-columns:1fr 1fr;gap:24px;display:grid}.earnings-section,.deductions-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px}.component-list{flex-direction:column;gap:12px;display:flex}.component-row{background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.component-row:hover{background:#f1f5f9;transform:translate(4px)}.component-row span{color:#475569;font-size:14px;font-weight:600}.component-row p{color:#0f172a;margin:0;font-size:15px;font-weight:700}.total-row{color:#166534;background:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;justify-content:space-between;margin-top:8px;padding:16px;font-weight:800;display:flex}.total-row.red-text{color:#991b1b;background:#fef2f2;border-color:#fee2e2}.net-salary-banner{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-radius:30px;grid-column:span 2;justify-content:space-between;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #312e8133}.net-salary-banner:after{content:"";background:radial-gradient(circle,#4f46e533 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-20%;right:-10%}.net-label{z-index:1;align-items:center;gap:20px;display:flex}.net-label span{color:#c7d2fe;letter-spacing:-.5px;font-size:24px;font-weight:700}.net-amount{color:#4ade80;text-shadow:0 0 30px #4ade8066;z-index:1;font-family:Inter,system-ui;font-size:56px;font-weight:900}.action-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px;display:grid}.full-width{grid-column:span 2}.action-grid textarea{resize:none;height:100px;padding:16px}.button-group{justify-content:flex-end;gap:16px;display:flex}.btn-generate,.btn-save,.btn-cancel{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;height:52px;padding:0 32px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.btn-generate{color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 8px 16px #4f46e533}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4f46e54d}.btn-save.dark{color:#fff;background:#0f172a}.btn-save.dark:hover{background:#1e293b}.btn-cancel{color:#64748b;background:#fff;border:1.5px solid #e2e8f0}.btn-cancel:hover{color:#0f172a;background:#f1f5f9}@media (width<=1200px){.filter-grid{grid-template-columns:repeat(3,1fr)}.btn-align{grid-column:span 3}}@media (width<=900px){.main-form-grid{grid-template-columns:1fr}.split-grid{grid-column:span 1;grid-template-columns:1fr}.net-salary-banner,.action-card{grid-column:span 1}.net-salary-banner{text-align:center;flex-direction:column;gap:20px;padding:32px}.net-label{flex-direction:column;gap:10px}.button-group{flex-direction:column}.btn-generate,.btn-save,.btn-cancel{width:100%}}.toggle-pill{cursor:pointer;color:#64748b;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.toggle-pill:hover{transform:scale(1.05)}.toggle-pill.active-green{color:#fff;background:#16a34a;border-color:#16a34a;box-shadow:0 4px 12px #16a34a33}.toggle-pill.active-red{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc262633}:root{--premium-primary:#4f46e5;--premium-primary-dark:#4338ca;--premium-bg:#f8fafc;--premium-card-bg:#fff;--premium-text-main:#0f172a;--premium-text-muted:#64748b;--premium-border:#e2e8f0;--premium-shadow-sm:0 1px 2px 0 #0000000d;--premium-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--premium-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}.payroll-module-container{background:var(--premium-bg);max-width:1600px;min-height:100vh;margin:0 auto;padding:32px}.module-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.header-title-section{align-items:center;gap:20px;display:flex}.title-icon-wrapper{width:64px;height:64px;box-shadow:var(--premium-shadow);color:var(--premium-primary);background:#fff;border-radius:18px;justify-content:center;align-items:center;display:flex}.title-icon{width:32px;height:32px}.module-header h1{color:var(--premium-text-main);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:800}.subtitle{color:var(--premium-text-muted);margin-top:4px;font-size:15px}.glass-card{background:var(--premium-card-bg);border:1px solid var(--premium-border);box-shadow:var(--premium-shadow);border-radius:24px;margin-bottom:24px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--premium-shadow-lg);border-color:#cbd5e1}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-end;gap:20px;display:grid}.filter-item{flex-direction:column;gap:8px;display:flex}.filter-item label{color:var(--premium-text-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.filter-item select,.filter-item input{border:1.5px solid var(--premium-border);height:48px;color:var(--premium-text-main);background:#f8fafc;border-radius:12px;padding:0 16px;font-size:14px;transition:all .2s}.filter-item select:focus,.filter-item input:focus{border-color:var(--premium-primary);background:#fff;outline:none;box-shadow:0 0 0 4px #4f46e51a}.dual-input{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-primary{background:var(--premium-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;height:48px;padding:0 24px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e533}.btn-primary:hover{background:var(--premium-primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #4f46e54d}.btn-secondary{height:48px;color:var(--premium-text-main);border:1.5px solid var(--premium-border);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.warning-panel{background:#fffbeb;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.warning-icon{color:#d97706;background:#fef3c7;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.warning-content h4{color:#92400e;margin:0;font-size:16px;font-weight:700}.warning-content p{color:#b45309;margin:4px 0 12px;font-size:14px}.warning-stats{color:#b45309;gap:20px;font-size:13px;display:flex}.table-container{border-radius:16px;overflow-x:auto}.premium-table th{text-align:left;color:var(--premium-text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--premium-border);background:#f8fafc;padding:16px 20px;font-size:12px;font-weight:700}.premium-table td{border-bottom:1px solid var(--premium-border);color:var(--premium-text-main);vertical-align:middle;padding:16px 20px;font-size:14px}.premium-table tr:hover td{background:#fcfdfe}.avatar{color:#475569;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.badge{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.status-pill{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.pending{color:#854d0e;background:#fef9c3}.status-pill.generated{color:#166534;background:#dcfce7}.status-pill.published{color:#3730a3;background:#e0e7ff}.actions{gap:8px;display:flex}.action-btn{border:1.5px solid var(--premium-border);width:34px;height:34px;color:var(--premium-text-muted);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn:hover{border-color:var(--premium-primary);color:var(--premium-primary);background:#f5f3ff}.action-btn.delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.no-data{text-align:center;color:var(--premium-text-muted);padding:64px 0!important}.tax-regime-layout{background:#f8fafc;min-height:calc(100vh - 60px);padding:24px}.tax-regime-container{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;display:flex}.tax-header{justify-content:space-between;align-items:center;display:flex}.tax-header h2{color:#1e293b;margin:0 0 4px;font-size:24px;font-weight:700}.tax-header p{color:#64748b;margin:0;font-size:14px}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 12px 32px -20px #0f172a1f}.card-icon{border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.card-icon.total{color:#4338ca;background:#eef2ff}.card-icon.new{color:#15803d;background:#dcfce7}.card-icon.old{color:#4338ca;background:#dbeafe}.card-icon.pending{color:#b45309;background:#fef3c7}.card-info h4{color:#64748b;letter-spacing:.04em;margin:0;font-size:12px;font-weight:600}.card-info p{color:#0f172a;margin:6px 0 0;font-size:22px;font-weight:800}.smart-filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:14px;padding:16px 20px;display:grid}.filter-chip-select{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:10px 14px;font-size:13px;transition:all .2s}.filter-chip-select:focus{background:#fff;border-color:#4338ca;box-shadow:0 0 0 4px #4338ca1f}.search-input-wrapper{min-width:220px;position:relative}.search-input-wrapper.search-full{grid-column:span 2}.search-input-wrapper input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 14px 10px 40px;font-size:13px;transition:all .2s}.search-input-wrapper input:focus{background:#fff;border-color:#4338ca;box-shadow:0 0 0 4px #4338ca1f}.filter-actions{grid-column:span 1;justify-content:flex-end;gap:10px;display:flex}.filter-actions .btn-filter,.filter-actions .btn-reset{width:100%}.btn-filter,.btn-reset{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-filter{color:#fff;background:#4338ca}.btn-filter:hover{background:#312e81}@media (width<=900px){.smart-filters{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.search-input-wrapper.search-full{grid-column:span 1}.filter-actions{flex-wrap:wrap;grid-column:span 2;justify-content:stretch}.filter-actions .btn-filter,.filter-actions .btn-reset{width:100%}}@media (width<=640px){.smart-filters{gap:12px;padding:14px}.filter-actions{grid-column:span 1}}.bulk-actions-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.bulk-left{color:#475569;align-items:center;gap:16px;font-size:14px;font-weight:500;display:flex}.bulk-buttons{gap:12px;display:flex}.btn-bulk-primary,.btn-bulk-secondary{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-bulk-primary{color:#fff;background:#3b82f6}.btn-bulk-primary:hover{background:#2563eb}.btn-bulk-secondary{color:#475569;background:#fff;border-color:#e2e8f0}.btn-bulk-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.custom-table{border-collapse:collapse;width:100%}.custom-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:13px;font-weight:600}.custom-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:16px}.employee-info{align-items:center;gap:12px;display:flex}.emp-avatar{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.emp-details p{color:#1e293b;margin:0;font-size:14px;font-weight:600}.emp-details span{color:#64748b;font-size:12px}.badge-regime{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-regime.new{color:#16a34a;background:#dcfce7}.badge-regime.old{color:#2563eb;background:#dbeafe}.badge-regime.none{color:#64748b;background:#f1f5f9}.badge-status{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-status.submitted{color:#16a34a;background:#dcfce7}.badge-status.pending{color:#d97706;background:#fef3c7}.badge-status.not-submitted{color:#dc2626;background:#fee2e2}.toggle-group{background:#f1f5f9;border-radius:8px;padding:2px;display:inline-flex}.toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s}.toggle-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000d}.action-btn{cursor:pointer;color:#1f2937;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;box-shadow:0 8px 18px -12px #382eff59}.action-btn svg{width:18px;height:18px}.action-btn:hover{color:#3730a3;background:#e0e7ff;border-color:#c7d2fe;transform:translateY(-1px)}.action-btn:focus-visible{outline-offset:2px;outline:2px solid #4338ca}input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.drawer-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-content{background:#fff;flex-direction:column;width:450px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;box-shadow:-4px 0 24px #0000001a}.btn-close{cursor:pointer;color:#64748b;background:0 0;border:none}.form-group-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.form-group-card label{color:#475569;margin-bottom:12px;font-size:13px;font-weight:600;display:block}.huge-toggle{background:#f1f5f9;border-radius:10px;padding:4px;display:flex}.huge-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.huge-toggle button.active{color:#0f172a;background:#fff;box-shadow:0 2px 4px #0000000d}.ai-suggestion{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:8px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;display:flex}.ai-suggestion p{color:#0f766e;margin:0;font-size:12px;line-height:1.5}.tds-layout{background:#f8fafc;min-height:calc(100vh - 60px);padding:24px}.tds-container{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;display:flex}.tds-header{justify-content:space-between;align-items:center;display:flex}.tds-header h2{color:#1e293b;margin:0 0 4px;font-size:24px;font-weight:700}.tds-header p{color:#64748b;margin:0;font-size:14px}.global-rules-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000005}.global-rules-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.global-rules-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.rules-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.rule-input-group label{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.rule-input-group .input-wrapper{align-items:center;display:flex;position:relative}.rule-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.rule-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.rule-input.has-prefix{padding-left:36px}.input-prefix{color:#64748b;font-size:14px;font-weight:500;position:absolute;left:12px}.auto-apply-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.toggle-switch{background-color:#cbd5e1;border-radius:20px;width:44px;height:24px;transition:all .3s;position:relative}.toggle-switch:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001a}.auto-apply-toggle input:checked+.toggle-switch{background-color:#10b981}.auto-apply-toggle input:checked+.toggle-switch:after{transform:translate(20px)}.auto-apply-toggle input{display:none}.slider-container{align-items:center;gap:12px;width:250px;display:flex}.slider{accent-color:#3b82f6;flex:1}.freq-chip{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.freq-chip.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.save-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.save-btn:hover{background:#1e293b}.td-freq{color:#1e293b;margin-bottom:4px;font-size:13px;font-weight:600;display:inline-block}.td-sub-freq{color:#64748b;font-size:11px}.tax-category-layout{background:#f8fafc;min-height:calc(100vh - 60px);padding:24px}.tax-category-container{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;display:flex}.tc-header{justify-content:space-between;align-items:center;display:flex}.tc-header h2{color:#1e293b;margin:0 0 4px;font-size:24px;font-weight:700}.tc-header p{color:#64748b;margin:0;font-size:14px}.btn-add-primary{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-add-primary:hover{background:#1e293b}.tc-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tc-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.tc-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.tc-table{border-collapse:collapse;width:100%}.tc-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:13px;font-weight:600}.tc-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:16px}.tc-usage-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.category-form-grid{grid-template-columns:1fr;gap:16px;display:grid}.tc-input-wrapper{flex-direction:column;display:flex;position:relative}.tc-input-wrapper label{color:#475569;margin-bottom:6px;font-size:13px;font-weight:600}.tc-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:all .2s}.tc-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.tc-chip-group{background:#f1f5f9;border-radius:8px;gap:4px;padding:4px;display:flex}.tc-chip-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.tc-chip-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000000d}.smart-suggestion-box{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;font-size:12px;display:flex}.smart-suggestion-box button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.tax-slabs-layout{background:#f8fafc;min-height:calc(100vh - 60px);padding:24px}.tax-slabs-container{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;display:flex}.ts-header{justify-content:space-between;align-items:center;display:flex}.ts-header h2{color:#0f172a;margin:0;font-size:24px}.ts-header p{color:#64748b;margin:4px 0 0;font-size:14px}.ts-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-end;gap:20px;padding:20px;display:flex}.ts-filter-group{flex-direction:column;flex:1;gap:8px;display:flex}.ts-filter-group label{color:#475569;font-size:13px;font-weight:500}.ts-input,.ts-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.ts-input:focus,.ts-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ts-grid-layout{grid-template-columns:2fr 1fr;gap:24px;display:grid}.ts-slab-builder{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.ts-slab-builder-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ts-slab-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px;display:flex}.ts-slab-col{flex-direction:column;flex:1;gap:6px;display:flex}.ts-slab-col label{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:600}.ts-slab-col span{color:#0f172a;font-size:15px;font-weight:600}.btn-add-slab{color:#3b82f6;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:12px;font-weight:600;transition:all .2s;display:flex}.btn-add-slab:hover{background:#eff6ff;border-color:#3b82f6}.btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-weight:500}.ts-calculator-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;position:sticky;top:24px}.ts-calc-result{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-top:20px;padding:16px}.ts-calc-result p{color:#1e3a8a;margin:0;font-size:14px}.ts-calc-result h3{color:#1d4ed8;margin:8px 0 0;font-size:28px}.tax-doc-layout{background:#f8fafc;min-height:calc(100vh - 60px);padding:24px}.tax-doc-container{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;display:flex}.td-header{justify-content:space-between;align-items:center;display:flex}.td-header h2{color:#0f172a;margin:0;font-size:24px}.td-header p{color:#64748b;margin:4px 0 0;font-size:14px}.td-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:20px;padding:20px;display:flex}.td-filter-group{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.td-filter-group label{color:#475569;font-size:13px;font-weight:500}.td-input,.td-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.td-input:focus,.td-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.td-emp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:32px;padding:20px 24px;display:flex}.td-emp-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.td-emp-detail h3{color:#0f172a;margin:0;font-size:18px}.td-emp-detail p{color:#64748b;margin:4px 0 0;font-size:14px}.td-category-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;overflow:hidden}.td-cat-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.td-cat-header h4{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.td-table{border-collapse:collapse;width:100%}.td-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 24px;font-size:12px;font-weight:600}.td-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:16px 24px;font-size:14px}.td-table tr:last-child td{border-bottom:none}.badge.pending{color:#d97706;background:#fef3c7}.badge.approved{color:#16a34a;background:#dcfce7}.badge.rejected{color:#ef4444;background:#fef2f2}.badge.review{color:#4f46e5;background:#e0e7ff}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:flex}.user-cell{align-items:center;gap:12px;display:flex}.avatar-circle{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.avatar-circle.emp{background:#8b5cf6}.cat-tags{flex-wrap:wrap;gap:6px;display:flex}.cat-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.cat-tag.more{color:#334155;background:#e2e8f0}.limit-badge{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.categories-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:200px;padding:4px;display:grid;overflow-y:auto}.cat-checkbox{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:13px;transition:all .2s;display:flex}.cat-checkbox:hover{background:#f8fafc}.cat-checkbox.checked{color:#1e3a8a;background:#eff6ff;border-color:#3b82f6;font-weight:500}.field-hint{color:#64748b;margin-top:2px;font-size:11px}.flex-options{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:12px;margin-top:8px;padding:16px;display:flex}.custom-checkbox{cursor:pointer;color:#334155;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.custom-checkbox input{display:none}.custom-checkbox .check-box{background:#fff;border:2px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.custom-checkbox input:checked+.check-box{background:#3b82f6;border-color:#3b82f6}.custom-checkbox input:checked+.check-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;margin-top:-2px;transform:rotate(45deg)}.wa-layout{box-sizing:border-box;background-color:#f8fafc;justify-content:center;width:100%;min-height:calc(100vh - 64px);padding:24px;display:flex}.wa-container{flex-direction:column;gap:24px;width:100%;max-width:1200px;display:flex}.wa-header{justify-content:space-between;align-items:center;display:flex}.wa-header h2{color:#1e293b;letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700}.wa-header p{color:#64748b;margin:4px 0 0;font-size:14px}.btn-add-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #3b82f633}.btn-add-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.wa-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.wa-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrapper.i-blue{color:#3b82f6;background:#eff6ff}.stat-icon-wrapper.i-green{color:#16a34a;background:#dcfce7}.stat-icon-wrapper.i-red{color:#ef4444;background:#fef2f2}.stat-title{color:#64748b;margin:0;font-size:13px;font-weight:500}.stat-value{color:#0f172a;margin:4px 0 0;font-size:24px;font-weight:700}.wa-filters-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #00000005}.search-wrapper{flex:1;position:relative}.search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{width:100%;padding-left:38px!important}.wa-input{color:#1e293b;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.wa-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#e2e8f0}.wa-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.wa-table{border-collapse:collapse;width:100%}.wa-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:13px;font-weight:600}.wa-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:14px}.wa-table tr:last-child td{border-bottom:none}.wa-table tr:hover td{background:#f8fafc}.code-badge{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:700;display:inline-block}.row-title{color:#1e293b;margin:0;font-weight:600}.row-desc{color:#64748b;margin:4px 0 0;font-size:12px}.priority-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.priority-badge.p-high{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2}.priority-badge.p-medium{color:#eab308;background:#fefce8;border:1px solid #fef08a}.priority-badge.p-low{color:#22c55e;background:#f0fdf4;border:1px solid #dcfce7}.priority-badge .dot{border-radius:50%;width:6px;height:6px}.dot.p-high{background:#ef4444}.dot.p-medium{background:#eab308}.dot.p-low{background:#22c55e}.sla-badge{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-weight:600;display:inline-flex}.status-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.status-toggle.active{color:#16a34a;background:#dcfce7}.status-toggle.inactive{color:#64748b;background:#f1f5f9}.action-buttons{justify-content:flex-end;gap:8px;display:flex}.btn-icon{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon:hover{color:#3b82f6;background:#f1f5f9}.btn-icon.danger:hover{color:#ef4444}.table-loading{text-align:center;color:#64748b;padding:40px!important}.wa-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:flex-end;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.wa-drawer{background:#fff;flex-direction:column;width:480px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:-4px 0 24px #0000001a}.drawer-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-header h3{color:#0f172a;margin:0;font-size:18px}.btn-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.wa-input-wrapper{flex-direction:column;gap:8px;display:flex}.wa-input-wrapper label{color:#475569;justify-content:space-between;font-size:13px;font-weight:600;display:flex}.wa-input-wrapper .required{color:#ef4444}.wa-input-wrapper .auto-text{color:#94a3b8;font-size:12px;font-weight:400}.wa-chip-group{gap:10px;display:flex}.wa-chip-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.wa-chip-btn:hover{background:#f8fafc;border-color:#cbd5e1}.wa-chip-btn.active{color:#2563eb;background:#ebf5ff;border-color:#3b82f6}.drawer-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:24px;display:flex}.btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 18px;font-weight:600}.btn-save{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.btn-save:disabled{opacity:.7;cursor:not-allowed}.task-board{margin-top:8px}.task-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.task-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.task-card.delayed{background:snow;border-color:#fecaca}.task-card-header{justify-content:space-between;align-items:center;display:flex}.task-id{color:#64748b;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:700}.task-status{border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.task-status .dot{border-radius:50%;width:6px;height:6px}.task-title{color:#1e293b;margin:0;font-size:16px;font-weight:600;line-height:1.4}.task-meta{flex-wrap:wrap;gap:8px;display:flex}.meta-tag{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.task-progress-box{margin-top:auto}.progress-labels{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.progress-bar-bg{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .3s}.task-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:4px;padding-top:16px;display:flex}.assignee-box{color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.avatar-sm{color:#fff;background:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex}.due-box{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.wa-drawer.wide{width:650px;max-width:90vw}.forms-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.form-col{flex-direction:column;gap:16px;display:flex}.section-title{color:#0f172a;border-bottom:2px solid #e2e8f0;margin:0 0 8px;padding-bottom:8px;font-size:14px;font-weight:700}.date-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.attachment-box{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding:24px;display:flex}.attachment-box p{color:#64748b;margin:0;font-size:13px}.btn-upload{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;box-shadow:0 1px 2px #0000000d}.report-mode{background-color:#f1f5f9}.header-actions{align-items:center;gap:12px;display:flex}.date-filter{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex;box-shadow:0 1px 2px #00000005}.date-filter input{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:13px;font-weight:500}.date-filter span{color:#94a3b8}.r-card{border:none;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.split-val{align-items:center;gap:12px;display:flex}.productivity-badge{color:#16a34a;background:#dcfce7;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:700}.report-sections-grid{grid-template-columns:1fr;gap:24px;margin-top:24px;display:grid}.report-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.rc-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.rc-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.rc-body{padding:0;overflow-x:auto}.mini-table{border-collapse:collapse;width:100%}.mini-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;padding:12px 24px;font-size:12px;font-weight:600}.mini-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 24px}.mini-table tr:last-child td{border-bottom:none}.emp-row{align-items:center;gap:12px;display:flex}.avatar-xs{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.e-name{color:#1e293b;margin:0;font-size:14px;font-weight:600}.e-role{color:#64748b;margin:2px 0 0;font-size:12px}.count-badge{color:#334155;font-size:14px;font-weight:700}.delay-badge{color:#ef4444;background:#fef2f2;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.time-badge{color:#64748b;font-size:14px;font-weight:600}.prod-score{justify-content:flex-end;align-items:center;gap:12px;display:flex}.prod-score span{color:#0f172a;text-align:right;width:40px;font-size:14px;font-weight:700}.ps-bar{background:#e2e8f0;border-radius:3px;width:80px;height:6px}.table-toolbar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.table-toolbar h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.inline{display:inline-flex}@media print{.hide-print,.btn-primary,.btn-secondary,.drawer-overlay{display:none!important}.wa-layout{background:#fff!important;padding:0!important}.r-card,.report-card,.wa-table-wrapper{break-inside:avoid;box-shadow:none!important;border:1px solid #000!important}.wa-container{max-width:100%!important}}.sm-page{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;gap:20px;width:100%;min-height:calc(100vh - 64px);padding:24px;font-family:Inter,sans-serif;display:flex}.sm-header{justify-content:space-between;align-items:center;display:flex}.sm-header__left{align-items:center;gap:14px;display:flex}.sm-header__icon{color:#3b82f6;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sm-header__title{color:#1e293b;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.sm-header__sub{color:#64748b;margin:3px 0 0;font-size:14px}.sm-header__actions{gap:10px;display:flex}.sm-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.sm-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.sm-stat:hover{box-shadow:0 4px 12px #00000014}.sm-stat__val{color:#0f172a;font-size:26px;font-weight:700;line-height:1}.sm-stat__label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.sm-controls{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #00000005}.sm-controls__left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sm-select-wrap{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.sm-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .2s}.sm-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sm-search-wrap{align-items:center;display:flex;position:relative}.sm-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:11px}.sm-search{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:260px;padding:9px 32px 9px 34px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.sm-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sm-search::placeholder{color:#94a3b8}.sm-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:9px}.sm-search-clear:hover{color:#ef4444}.sm-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.sm-btn--primary{color:#fff;background:#3b82f6;box-shadow:0 4px 12px #3b82f633}.sm-btn--primary:hover{background:#2563eb;transform:translateY(-1px)}.sm-btn--primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.sm-btn--secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.sm-btn--secondary:hover{background:#e2e8f0}.sm-btn--ghost{color:#64748b;background:#fff;border:1px solid #e2e8f0}.sm-btn--ghost:hover{background:#f1f5f9}.sm-btn--danger-ghost{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2}.sm-btn--danger-ghost:hover{background:#fee2e2}.sm-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.sm-table{border-collapse:collapse;width:100%;font-size:14px}.sm-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.sm-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:13px 16px;font-size:12px;font-weight:600}.sm-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:14px 16px}.sm-table tbody tr:last-child td{border-bottom:none}.sm-table tbody tr:hover td{background:#f8fafc}.sm-tr--selected td{background:#eff6ff!important}.sm-td-sr{color:#94a3b8;font-size:13px;font-weight:600}.sm-site-name{color:#1e293b;font-size:14px;font-weight:600}.sm-site-loc{color:#64748b;margin-top:2px;font-size:12px}.sm-phone-link{color:#475569;align-items:center;gap:5px;font-size:13px;text-decoration:none;display:inline-flex}.sm-phone-link:hover{color:#3b82f6}.sm-area{color:#64748b;align-items:center;gap:4px;font-size:13px;display:inline-flex}.sm-rev-bar{color:#16a34a;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.sm-rev-bar>div{background:#dcfce7;border-radius:4px;width:50px;height:5px;position:relative;overflow:hidden}.sm-rev-fill{background:#16a34a;border-radius:4px;position:absolute;top:0;bottom:0;left:0}.sm-emp-count{color:#64748b;align-items:center;gap:5px;font-size:13px;display:inline-flex}.sm-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.sm-badge--active{color:#16a34a;background:#dcfce7}.sm-badge--inactive{color:#64748b;background:#f1f5f9}.sm-badge--pending{color:#ca8a04;background:#fefce8}.sm-bearer{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.sm-bearer--company{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe}.sm-bearer--client{color:#ca8a04;background:#fefce8;border:1px solid #fef08a}.sm-bearer--both{color:#9333ea;background:#faf5ff;border:1px solid #e9d5ff}.sm-actions{align-items:center;gap:6px;display:flex}.sm-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sm-action-btn:hover{background:#f1f5f9}.sm-action-btn--view:hover{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.sm-action-btn--edit:hover{color:#f59e0b;background:#fefce8;border-color:#fde68a}.sm-action-btn--delete:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.sm-loading{color:#64748b;justify-content:center;align-items:center;gap:12px;padding:60px;font-size:14px;display:flex}.sm-spin{animation:.8s linear infinite sm-spin}@keyframes sm-spin{to{transform:rotate(360deg)}}.sm-empty{text-align:center;color:#94a3b8;padding:50px;font-size:14px}.sm-pagination{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.sm-pag-info{color:#64748b;font-size:13px}.sm-pag-btns{gap:6px;display:flex}.sm-pag-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sm-pag-btn:hover:not(:disabled){color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.sm-pag-btn--active{color:#fff;background:#3b82f6;border-color:#3b82f6}.sm-pag-btn:disabled{opacity:.4;cursor:not-allowed}.sm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:flex-end;animation:.2s sm-fade-in;display:flex;position:fixed;inset:0}@keyframes sm-fade-in{0%{opacity:0}to{opacity:1}}.sm-drawer{background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;width:520px;max-width:95vw;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) sm-slide-in;display:flex;box-shadow:-8px 0 30px #0000001a}.sm-drawer--view{width:480px}@keyframes sm-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.sm-drawer__header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sm-drawer__title{color:#0f172a;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.sm-drawer__close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sm-drawer__close:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.sm-drawer__body{flex-direction:column;flex:1;gap:4px;padding:24px;display:flex;overflow-y:auto}.sm-drawer__body::-webkit-scrollbar{width:5px}.sm-drawer__body::-webkit-scrollbar-track{background:0 0}.sm-drawer__body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.sm-section-label{text-transform:uppercase;letter-spacing:.08em;color:#3b82f6;border-bottom:1px solid #e2e8f0;margin-bottom:12px;padding:14px 0 8px;font-size:11px;font-weight:700}.sm-grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:4px;display:grid}.sm-field{flex-direction:column;gap:6px;display:flex}.sm-field--full{grid-column:1/-1}.sm-field label{color:#475569;font-size:13px;font-weight:600}.sm-req{color:#ef4444}.sm-field input,.sm-field select,.sm-field textarea{color:#1e293b;resize:none;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 12px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.sm-field input:focus,.sm-field select:focus,.sm-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sm-field input::placeholder,.sm-field textarea::placeholder{color:#94a3b8}.sm-drawer__footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.sm-view-hero{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;margin-bottom:18px;padding:20px;display:flex}.sm-view-icon{color:#3b82f6;background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.sm-view-name{color:#0f172a;margin-bottom:4px;font-size:18px;font-weight:700}.sm-view-loc{color:#64748b;align-items:center;gap:4px;margin-bottom:8px;font-size:13px;display:flex}.sm-view-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sm-view-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.sm-view-item--full{grid-column:1/-1}.sm-view-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.sm-view-item span,.sm-view-item a{color:#334155;font-size:14px;font-weight:500}.sm-view-item a{color:#3b82f6;text-decoration:none}.sm-view-item a:hover{text-decoration:underline}.sm-view-highlight{color:#16a34a!important;font-size:15px!important;font-weight:700!important}.sm-text-dim{color:#94a3b8;font-size:12px}@media (width<=768px){.sm-page{padding:16px}.sm-stats{grid-template-columns:repeat(2,1fr)}.sm-header{flex-direction:column;align-items:flex-start;gap:12px}.sm-controls{flex-direction:column;align-items:stretch}.sm-search{width:100%}.sm-grid-2{grid-template-columns:1fr}.sm-drawer{width:100%!important}}.pms-layout{box-sizing:border-box;background-color:#f8fafc;justify-content:center;width:100%;min-height:calc(100vh - 64px);padding:24px;display:flex}.pms-container{flex-direction:column;gap:22px;width:100%;max-width:1280px;display:flex}.pms-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pms-header-left{align-items:center;gap:14px;display:flex}.pms-header-icon{color:#3b82f6;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.pms-header h2{color:#1e293b;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.pms-header p{color:#64748b;margin:3px 0 0;font-size:14px}.pms-header-actions{align-items:center;gap:9px;display:flex}.pms-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.pms-stat-card{cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #0000000a}.pms-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.pms-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.pms-stat-icon.blue{color:#3b82f6;background:#eff6ff}.pms-stat-icon.green{color:#16a34a;background:#dcfce7}.pms-stat-icon.amber{color:#ca8a04;background:#fefce8}.pms-stat-icon.purple{color:#9333ea;background:#faf5ff}.pms-stat-icon.red{color:#ef4444;background:#fef2f2}.pms-stat-label{color:#64748b;margin:0;font-size:13px;font-weight:500}.pms-stat-value{color:#0f172a;margin:4px 0 0;font-size:26px;font-weight:800;line-height:1}.pms-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 18px;display:flex;box-shadow:0 1px 3px #00000005}.pms-field{flex-direction:column;gap:5px;display:flex}.pms-field label{color:#475569;font-size:12px;font-weight:600}.pms-req{color:#ef4444}.pms-input,.pms-select,.pms-textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 12px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.pms-input:focus,.pms-select:focus,.pms-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pms-input::placeholder,.pms-textarea::placeholder{color:#94a3b8}.pms-textarea{resize:none}.pms-search-wrap{flex:1;min-width:200px;position:relative}.pms-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.pms-search-wrap .pms-input{width:100%;padding-left:36px;padding-right:32px}.pms-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pms-search-clear:hover{color:#ef4444}.pms-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.pms-btn-primary{color:#fff;background:#3b82f6;box-shadow:0 4px 12px #3b82f633}.pms-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.pms-btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.pms-btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.pms-btn-secondary:hover{background:#e2e8f0}.pms-btn-ghost{color:#64748b;background:#fff;border:1px solid #e2e8f0}.pms-btn-ghost:hover{background:#f1f5f9}.pms-btn-danger{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.pms-btn-danger:hover{background:#fee2e2}.pms-btn-green{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.pms-btn-green:hover{background:#bbf7d0}.pms-btn-sm{padding:7px 12px;font-size:13px}.pms-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.pms-table{border-collapse:collapse;width:100%;font-size:14px}.pms-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.pms-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.pms-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.pms-table tbody tr:last-child td{border-bottom:none}.pms-table tbody tr:hover td{background:#f8fafc}.pms-tr-selected td{background:#eff6ff!important}.pms-td-sr{color:#94a3b8;min-width:36px;font-size:13px;font-weight:600}.pms-name{color:#1e293b;font-weight:600}.pms-sub{color:#64748b;margin-top:2px;font-size:12px}.pms-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pms-badge-active{color:#16a34a;background:#dcfce7}.pms-badge-inactive{color:#64748b;background:#f1f5f9}.pms-badge-pending{color:#ca8a04;background:#fefce8}.pms-badge-completed{color:#3b82f6;background:#eff6ff}.pms-grade-badge{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:inline-flex}.pms-grade-a-plus{color:#92400e;background:#fef3c7}.pms-grade-a{color:#166534;background:#dcfce7}.pms-grade-b{color:#1e40af;background:#eff6ff}.pms-grade-c{color:#6b21a8;background:#faf5ff}.pms-grade-d{color:#991b1b;background:#fef2f2}.pms-progress-wrap{align-items:center;gap:8px;display:flex}.pms-progress-bar{background:#e2e8f0;border-radius:99px;flex:1;max-width:80px;height:7px;overflow:hidden}.pms-progress-fill{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:99px;height:100%;transition:width .4s}.pms-progress-fill.green{background:linear-gradient(90deg,#22c55e,#16a34a)}.pms-progress-fill.amber{background:linear-gradient(90deg,#f59e0b,#d97706)}.pms-progress-fill.red{background:linear-gradient(90deg,#f87171,#ef4444)}.pms-score{color:#0f172a;font-size:15px;font-weight:700}.pms-score-dim{color:#64748b;font-size:13px;font-weight:600}.pms-rank{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:flex}.pms-rank-1{color:#92400e;background:#fef3c7}.pms-rank-2{color:#475569;background:#f1f5f9}.pms-rank-3{color:#9a3412;background:#fff7ed}.pms-rank-n{color:#94a3b8;background:#f8fafc}.pms-actions{align-items:center;gap:6px;display:flex}.pms-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.pms-action-btn:hover{background:#f1f5f9}.pms-action-edit:hover{color:#f59e0b;background:#fefce8;border-color:#fde68a}.pms-action-delete:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.pms-action-view:hover{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.pms-action-star:hover{color:#8b5cf6;background:#faf5ff;border-color:#ddd6fe}.pms-loading{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:12px;padding:60px;font-size:14px;display:flex}.pms-empty{text-align:center;color:#94a3b8;padding:50px;font-size:14px}.pms-spin{animation:.8s linear infinite pms-spin}@keyframes pms-spin{to{transform:rotate(360deg)}}.pms-pagination{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.pms-pag-info{color:#64748b;font-size:13px}.pms-pag-btns{gap:6px;display:flex}.pms-pag-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pms-pag-btn:hover:not(:disabled){color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.pms-pag-btn-active{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}.pms-pag-btn:disabled{opacity:.4;cursor:not-allowed}.pms-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:flex-end;animation:.2s pms-fade;display:flex;position:fixed;inset:0}@keyframes pms-fade{0%{opacity:0}to{opacity:1}}.pms-drawer{background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;width:520px;max-width:95vw;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) pms-slide;display:flex;box-shadow:-8px 0 40px #0000001a}@keyframes pms-slide{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.pms-drawer-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pms-drawer-title{color:#0f172a;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.pms-drawer-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.pms-drawer-close:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.pms-drawer-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.pms-drawer-body::-webkit-scrollbar{width:5px}.pms-drawer-body::-webkit-scrollbar-track{background:0 0}.pms-drawer-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pms-drawer-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.pms-section-label{text-transform:uppercase;letter-spacing:.08em;color:#3b82f6;border-bottom:1px solid #e2e8f0;padding-bottom:8px;font-size:11px;font-weight:700}.pms-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pms-full{grid-column:1/-1}.pms-dim-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.pms-dim-row-name{color:#1e293b;flex:1;font-size:14px;font-weight:500}.pms-dim-row input{width:80px}.pms-band-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .2s;display:flex}.pms-band-row:hover{border-color:#bfdbfe}.pms-band-range{color:#475569;min-width:90px;font-size:13px;font-weight:700}.pms-band-fill{background:#e2e8f0;border-radius:99px;flex:1;height:8px;overflow:hidden}.pms-band-inner{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:99px;height:100%}.pms-chip-group{flex-wrap:wrap;gap:8px;display:flex}.pms-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.pms-chip:hover{background:#f8fafc;border-color:#cbd5e1}.pms-chip-active{color:#2563eb;background:#eff6ff;border-color:#3b82f6}.pms-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.pms-toggle-active{color:#16a34a;background:#dcfce7}.pms-toggle-inactive{color:#64748b;background:#f1f5f9}.pms-controls{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.pms-controls-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pms-show-wrap{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.pms-leader-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.pms-leader-card:hover{border-color:#bfdbfe;box-shadow:0 4px 12px #3b82f614}.pms-leader-card.top-1{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fbbf24}.pms-leader-card.top-2{background:linear-gradient(135deg,#f8fafc,#fff);border-color:#cbd5e1}.pms-leader-card.top-3{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#fdba74}.pms-leader-medal{font-size:26px}.pms-leader-rank{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:700}.pms-leader-name{color:#0f172a;font-size:15px;font-weight:700}.pms-leader-score{color:#3b82f6;margin-left:auto;font-size:24px;font-weight:800}.pms-leader-grade{color:#64748b;font-size:12px;font-weight:600}@media (width<=768px){.pms-layout{padding:14px}.pms-header{flex-direction:column;align-items:flex-start}.pms-stats-grid{grid-template-columns:1fr 1fr}.pms-grid-2{grid-template-columns:1fr}.pms-drawer{width:100%!important}.pms-filters{flex-direction:column;align-items:stretch}}.ev-layout{background:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.ev-container{max-width:1280px;margin:0 auto}.ev-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ev-header-left h2{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:800}.ev-header-left p{color:#64748b;margin:0;font-size:14px}.ev-header-icon{color:#3b82f6;background:#fff;border-radius:12px;justify-content:center;align-items:center;margin-right:16px;padding:10px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.ev-header-left{align-items:center;display:flex}.ev-header-actions{gap:10px;display:flex}.ev-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.ev-btn-primary{color:#fff;background:#3b82f6}.ev-btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.ev-btn-secondary{color:#475569;background:#fff;border-color:#e2e8f0}.ev-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.ev-btn-danger{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.ev-btn-danger:hover{background:#fee2e2}.ev-btn-ghost{color:#64748b;background:0 0}.ev-btn-ghost:hover{color:#334155;background:#f1f5f9}.ev-btn-sm{border-radius:8px;padding:6px 12px;font-size:13px}.ev-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.ev-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .2s;display:flex}.ev-stat-card:hover{transform:translateY(-2px)}.ev-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ev-stat-icon.blue{color:#3b82f6;background:#eff6ff}.ev-stat-icon.green{color:#22c55e;background:#f0fdf4}.ev-stat-icon.purple{color:#a855f7;background:#faf5ff}.ev-stat-icon.amber{color:#f59e0b;background:#fffbeb}.ev-stat-label{color:#64748b;margin:0;font-size:13px;font-weight:500}.ev-stat-value{color:#0f172a;margin:2px 0 0;font-size:20px;font-weight:700}.ev-filters{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.ev-field{flex-direction:column;gap:6px;display:flex}.ev-field label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.ev-input,.ev-select{color:#1e293b;background:#fcfcfd;border:1px solid #e2e8f0;border-radius:8px;min-width:180px;height:40px;padding:0 12px;font-size:14px;transition:all .2s}.ev-input:focus,.ev-select:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.ev-textarea{min-height:80px;padding:12px}.ev-table-wrap{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ev-table{border-collapse:collapse;text-align:left;width:100%}.ev-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:12px;font-weight:600}.ev-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:14px}.ev-tr-selected{background:#f0f9ff!important}.ev-table tr:hover:not(.ev-tr-selected){background:#fcfdfe}.ev-td-sr{color:#94a3b8;font-size:12px;font-weight:500}.ev-name{color:#1e293b;font-weight:600}.ev-badge{text-transform:uppercase;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.ev-badge-active{color:#166534;background:#dcfce7}.ev-badge-inactive{color:#475569;background:#f1f5f9}.ev-actions{gap:8px;display:flex}.ev-action-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.ev-action-edit{color:#3b82f6}.ev-action-edit:hover{background:#eff6ff;border-color:#bfdbfe}.ev-action-delete{color:#ef4444}.ev-action-delete:hover{background:#fef2f2;border-color:#fee2e2}.ev-action-view{color:#64748b}.ev-action-view:hover{background:#f1f5f9;border-color:#e2e8f0}.ev-pagination{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ev-pag-info{color:#64748b;font-size:13px}.ev-pag-btns{gap:6px;display:flex}.ev-pag-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.ev-pag-btn:hover:not(:disabled){color:#3b82f6;background:#f0f9ff;border-color:#3b82f6}.ev-pag-btn-active{color:#fff;background:#3b82f6;border-color:#3b82f6}.ev-pag-btn:disabled{opacity:.5;cursor:not-allowed}.ev-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:flex-end;animation:.3s ev-fadein;display:flex;position:fixed;inset:0}.ev-drawer{background:#fff;flex-direction:column;width:100%;max-width:480px;height:100%;animation:.3s cubic-bezier(0,0,.2,1) ev-slidein;display:flex;box-shadow:-10px 0 25px -5px #0000001a}@keyframes ev-fadein{0%{opacity:0}to{opacity:1}}@keyframes ev-slidein{0%{transform:translate(100%)}to{transform:translate(0)}}.ev-drawer-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ev-drawer-title{color:#0f172a;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.ev-drawer-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.ev-drawer-body{flex:1;padding:24px;overflow-y:auto}.ev-drawer-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.ev-section-label{color:#3b82f6;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px dashed #e2e8f0;align-items:center;gap:8px;margin-top:12px;margin-bottom:16px;padding-bottom:12px;font-size:13px;font-weight:700;display:flex}.ev-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.ev-req{color:#ef4444;margin-left:2px}.ev-image-slot-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}.ev-image-slot{aspect-ratio:1;cursor:pointer;background:#fcfcfd;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.ev-image-slot:hover{background:#f0f9ff;border-color:#3b82f6}.ev-image-preview{object-fit:cover;width:100%;height:100%}.ev-image-label{color:#64748b;margin-top:4px;font-size:11px;font-weight:600}.ev-qr-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;padding:24px;transition:all .3s;display:flex}.ev-qr-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001a}.ev-qr-wrap{background:#f1f5f9;border-radius:16px;margin-bottom:16px;padding:16px}.ev-qr-info{width:100%}.ev-qr-name{color:#0f172a;font-size:16px;font-weight:700}.ev-qr-sub{color:#64748b;margin:4px 0 12px;font-size:13px}.ev-loading{color:#64748b;justify-content:center;align-items:center;gap:10px;padding:40px;font-weight:500;display:flex}.ev-empty{text-align:center;color:#94a3b8;padding:40px;font-style:italic}.ev-spin{animation:1s linear infinite ev-spin}@keyframes ev-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ev-chip-group{flex-wrap:wrap;gap:8px;display:flex}.ev-chip{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.ev-chip-active{color:#fff;background:#3b82f6;border-color:#3b82f6}:root{--ib-primary:#6366f1;--ib-primary-light:#818cf8;--ib-secondary:#ec4899;--ib-success:#22c55e;--ib-warning:#f59e0b;--ib-danger:#ef4444;--ib-pending:#64748b;--ib-review:#8b5cf6;--ib-bg:#f8fafc;--ib-white:#fff;--ib-border:#e2e8f0;--ib-text-main:#0f172a;--ib-text-sub:#64748b;--ib-glass:#ffffffb3;--ib-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}.ib-layout{background:var(--ib-bg);min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.ib-container{max-width:1400px;margin:0 auto}.ib-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.ib-header-left{align-items:center;gap:16px;display:flex}.ib-header-icon{background:linear-gradient(135deg, var(--ib-primary), var(--ib-secondary));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 16px #6366f14d}.ib-header-left h2{color:var(--ib-text-main);letter-spacing:-.025em;margin:0;font-size:26px;font-weight:800}.ib-header-left p{color:var(--ib-text-sub);margin:2px 0 0;font-size:14px}.ib-header-actions{gap:12px;display:flex}.ib-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.ib-btn-primary{background:var(--ib-primary);color:#fff}.ib-btn-primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 20px #6366f133}.ib-btn-secondary{color:var(--ib-text-main);border-color:var(--ib-border);background:#fff}.ib-btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.ib-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.ib-stat-card{background:var(--ib-white);border:1px solid var(--ib-border);border-radius:20px;align-items:center;gap:20px;padding:24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.ib-stat-card:hover{box-shadow:var(--ib-shadow);transform:translateY(-4px)}.ib-stat-icon-box{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.ib-stat-icon-box.blue{color:#6366f1;background:#eef2ff}.ib-stat-icon-box.pink{color:#ec4899;background:#fdf2f8}.ib-stat-icon-box.green{color:#22c55e;background:#f0fdf4}.ib-stat-icon-box.amber{color:#f59e0b;background:#fffbeb}.ib-stat-info h3{color:var(--ib-text-sub);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:13px;font-weight:700}.ib-stat-info .value{color:var(--ib-text-main);margin-top:4px;font-size:28px;font-weight:800}.ib-tabs{background:#f1f5f9;border-radius:14px;gap:8px;width:fit-content;margin-bottom:24px;padding:6px;display:flex}.ib-tab{color:var(--ib-text-sub);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.ib-tab:hover{color:var(--ib-text-main)}.ib-tab-active{color:var(--ib-primary);background:#fff;box-shadow:0 4px 6px -1px #0000001a}.ib-idea-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.ib-idea-card{border:1px solid var(--ib-border);cursor:pointer;background:#fff;border-radius:24px;flex-direction:column;padding:24px;transition:all .3s;display:flex;position:relative}.ib-idea-card:hover{border-color:var(--ib-primary-light);transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000000d}.ib-idea-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800;position:absolute;top:24px;right:24px}.ib-badge-pending{color:#64748b;background:#f1f5f9}.ib-badge-review{color:#8b5cf6;background:#f5f3ff}.ib-badge-approved{color:#22c55e;background:#f0fdf4}.ib-badge-rejected{color:#ef4444;background:#fef2f2}.ib-badge-implemented{color:#3b82f6;background:#eff6ff}.ib-idea-cat{color:var(--ib-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:12px;font-weight:700}.ib-idea-title{color:var(--ib-text-main);margin-bottom:12px;font-size:18px;font-weight:700;line-height:1.4}.ib-idea-desc{color:var(--ib-text-sub);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.ib-idea-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.ib-user-info{align-items:center;gap:10px;display:flex}.ib-avatar{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.ib-user-name{color:var(--ib-text-main);font-size:13px;font-weight:600}.ib-user-date{color:var(--ib-text-sub);font-size:12px}.ib-idea-stats{gap:12px;display:flex}.ib-stat-item{color:var(--ib-text-sub);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.ib-leaderboard-card{color:#fff;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;margin-bottom:32px;padding:32px}.ib-leader-rank{background:#ffffff0d;border-radius:16px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.ib-leader-rank:hover{background:#ffffff14}.ib-rank-number{color:#fff6;width:32px;font-size:18px;font-weight:800}.ib-rank-1{color:#facc15}.ib-rank-2{color:#cbd5e1}.ib-rank-3{color:#fb923c}.ib-leader-score{text-align:right;margin-left:auto}.ib-points{color:#818cf8;font-size:18px;font-weight:700}.ib-form-group{margin-bottom:20px}.ib-label{color:var(--ib-text-sub);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.ib-input,.ib-select,.ib-textarea{border:1px solid var(--ib-border);background:#f8fafc;border-radius:12px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.ib-input:focus,.ib-select:focus,.ib-textarea:focus{border-color:var(--ib-primary);background:#fff;outline:none;box-shadow:0 0 0 4px #6366f11a}.ib-textarea{resize:vertical;min-height:120px}@keyframes ib-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ib-fade-in{animation:.4s cubic-bezier(0,0,.2,1) forwards ib-fade-in}.ib-table-card{border:1px solid var(--ib-border);box-shadow:var(--ib-shadow);background:#fff;border-radius:24px;overflow:hidden}.ib-table{border-collapse:collapse;width:100%}.ib-table th{text-align:left;color:var(--ib-text-sub);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ib-border);background:#f8fafc;padding:18px 24px;font-size:12px;font-weight:700}.ib-table td{color:var(--ib-text-main);border-bottom:1px solid #f1f5f9;padding:18px 24px;font-size:14px}.ib-table tr:hover{background:#fcfdfe}.ib-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172a99;justify-content:flex-end;display:flex;position:fixed;inset:0}.ib-drawer{background:#fff;flex-direction:column;width:100%;max-width:540px;height:100%;animation:.4s cubic-bezier(0,0,.2,1) ib-slide-in;display:flex;box-shadow:-20px 0 50px #0003}@keyframes ib-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.ib-drawer-header{border-bottom:1px solid var(--ib-border);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.ib-drawer-body{flex:1;padding:32px;overflow-y:auto}.ib-drawer-footer{border-top:1px solid var(--ib-border);justify-content:flex-end;gap:16px;padding:24px 32px;display:flex}:root{--sos-danger:#ef4444;--sos-danger-light:#fee2e2;--sos-danger-dark:#b91c1c;--sos-warning:#f59e0b;--sos-success:#10b981;--sos-info:#3b82f6;--sos-bg:#fdfcfc;--sos-card-bg:#fff;--sos-text-main:#0f172a;--sos-text-sub:#64748b;--sos-border:#e2e8f0;--sos-shadow:0 10px 25px -5px #ef44441a, 0 8px 10px -6px #0000000d}.sos-layout{background:var(--sos-bg);min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.sos-container{max-width:1400px;margin:0 auto}.sos-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.sos-header-left{align-items:center;gap:16px;display:flex}.sos-header-icon{background:linear-gradient(135deg, var(--sos-danger), #dc2626);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 8px 20px #ef44444d}.sos-header-icon:after{content:"";background:var(--sos-danger);opacity:.4;z-index:-1;border-radius:16px;width:100%;height:100%;animation:2s infinite sos-pulse;position:absolute}@keyframes sos-pulse{0%{opacity:.4;transform:scale(1)}70%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1.4)}}.sos-header-left h2{color:var(--sos-text-main);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:900}.sos-header-left p{color:var(--sos-text-sub);margin:4px 0 0;font-size:14px}.sos-stats{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:32px;display:grid}.sos-stat-card{border:1px solid var(--sos-border);background:#fff;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sos-stat-card:hover{box-shadow:var(--sos-shadow);border-color:var(--sos-danger-light);transform:translateY(-5px)}.sos-stat-icon-box{border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.sos-stat-icon-box.red{color:#ef4444;background:#fef2f2}.sos-stat-icon-box.orange{color:#f59e0b;background:#fffbeb}.sos-stat-icon-box.green{color:#10b981;background:#f0fdf4}.sos-stat-icon-box.blue{color:#3b82f6;background:#eff6ff}.sos-stat-info h3{color:var(--sos-text-sub);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:13px;font-weight:700}.sos-stat-info .value{color:var(--sos-text-main);margin-top:4px;font-size:30px;font-weight:900}.sos-tabs{background:#f1f5f9;border-radius:18px;gap:12px;width:fit-content;margin-bottom:32px;padding:8px;display:flex}.sos-tab{color:var(--sos-text-sub);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.sos-tab:hover{color:var(--sos-text-main)}.sos-tab-active{color:var(--sos-danger);background:#fff;box-shadow:0 4px 12px #0000000d}.sos-type-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.sos-type-card{border:1px solid var(--sos-border);text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;padding:24px;transition:all .3s;display:flex;position:relative}.sos-type-card:hover{border-color:var(--sos-danger);transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000000d}.sos-type-icon-circle{width:80px;height:80px;color:var(--sos-danger);background:#f8fafc;border:2px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.sos-type-name{color:var(--sos-text-main);margin-bottom:8px;font-size:18px;font-weight:800}.sos-type-duration{color:var(--sos-text-sub);background:#f1f5f9;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.sos-type-actions{gap:10px;width:100%;margin-top:24px;display:flex}.sos-type-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;flex:1;padding:10px;font-size:13px;font-weight:700;transition:all .2s}.sos-btn-edit{color:#475569;background:#f1f5f9}.sos-btn-delete{color:#ef4444;background:#fef2f2}.sos-status-toggle{position:absolute;top:20px;right:20px}.sos-report-container{grid-template-columns:1fr 400px;gap:24px;display:grid}.sos-table-card{border:1px solid var(--sos-border);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.sos-table{border-collapse:collapse;width:100%}.sos-table th{text-align:left;color:var(--sos-text-sub);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--sos-border);background:#f8fafc;padding:16px 20px;font-size:12px;font-weight:700}.sos-table td{border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:14px}.sos-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800}.sos-badge-active{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2}.sos-badge-resolved{color:#10b981;background:#ecfdf5;border:1px solid #d1fae5}.sos-badge-closed{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.sos-map-card{border:1px solid var(--sos-border);background:#fff;border-radius:24px;flex-direction:column;gap:20px;height:fit-content;padding:24px;display:flex;position:sticky;top:24px}.sos-map-placeholder{aspect-ratio:1;color:#94a3b8;background:#f1f5f9;border:2px dashed #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.sos-map-info{border-top:1px solid #f1f5f9;padding-top:20px}.sos-info-row{justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.sos-info-label{color:var(--sos-text-sub);font-weight:600}.sos-info-value{color:var(--sos-text-main);font-weight:700}.sos-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.sos-btn-primary{background:var(--sos-danger);color:#fff}.sos-btn-primary:hover{background:var(--sos-danger-dark);transform:scale(1.02)}.sos-btn-outline{color:var(--sos-danger);border:2px solid var(--sos-danger);background:#fff}.sos-btn-outline:hover{background:var(--sos-danger-light)}.sos-selection-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:20px;display:grid}.sos-selection-item{text-align:center;cursor:pointer;border:2px solid #f1f5f9;border-radius:16px;padding:16px;transition:all .2s}.sos-selection-item.selected{border-color:var(--sos-danger);background:var(--sos-danger-light)}.sos-selection-item i{margin-bottom:10px;font-size:24px;display:block}.sos-selection-name{text-transform:uppercase;font-size:12px;font-weight:700}.sos-form-group{margin-bottom:20px}.sos-label{color:var(--sos-text-sub);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.sos-input,.sos-select{border:1px solid var(--sos-border);background:#f8fafc;border-radius:12px;width:100%;padding:12px 16px;font-size:14px}.sos-input:focus{border-color:var(--sos-danger);background:#fff;outline:none}.sos-proof-box{color:#94a3b8;cursor:pointer;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:100px;height:100px;font-size:20px;display:flex;overflow:hidden}.sos-proof-img{object-fit:cover;width:100%;height:100%}@keyframes sos-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sos-fade-in{animation:.4s ease-out forwards sos-fade-in}:root{--hd-primary:#14b8a6;--hd-primary-dark:#0d9488;--hd-secondary:#6366f1;--hd-bg:#f8fafc;--hd-card-bg:#fff;--hd-text-main:#1e293b;--hd-text-muted:#64748b;--hd-border:#e2e8f0;--hd-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}.hd-page{background-color:var(--hd-bg);flex-direction:column;gap:24px;min-height:calc(100vh - 64px);padding:24px;display:flex}.hd-fade-in{animation:.5s ease-out hdFadeIn}@keyframes hdFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hd-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:18px;display:flex}.hd-header-info{flex-direction:column;gap:4px;min-width:0;display:flex}.hd-header-info h1{color:var(--hd-text-main);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.hd-header-subtitle{color:var(--hd-text-muted);margin-top:4px;font-size:14px;display:block}.hd-header-icon-premium{background:linear-gradient(135deg, var(--hd-primary), var(--hd-secondary));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 10px 15px -3px #0000001a}.hd-card{background:var(--hd-card-bg);border:1px solid var(--hd-border);box-shadow:var(--hd-shadow);border-radius:16px;padding:24px}.hd-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.hd-info-banner{color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#0f766e 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #14b8a633}.hd-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.hd-field{flex-direction:column;gap:8px;display:flex}.hd-field--full{grid-column:1/-1}.hd-field label{color:var(--hd-text-main);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.hd-input,.hd-select,.hd-textarea{border:1px solid var(--hd-border);background:#f1f5f9;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.hd-input:focus,.hd-select:focus,.hd-textarea:focus{border-color:var(--hd-primary);background:#fff;box-shadow:0 0 0 4px #14b8a61a}.hd-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.hd-btn-primary{background:var(--hd-text-main);color:#fff}.hd-btn-primary:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.hd-btn-teal{background:var(--hd-primary);color:#fff}.hd-btn-teal:hover{background:var(--hd-primary-dark)}.hd-btn-secondary{border:1.5px solid var(--hd-border);color:var(--hd-text-muted);background:#fff}.hd-btn-secondary:hover{background:var(--hd-bg);color:var(--hd-text-main);border-color:#cbd5e1}.hd-table-wrapper{border:1px solid var(--hd-border);box-shadow:var(--hd-shadow);background:#fff;border-radius:20px;overflow:hidden}.hd-table{border-collapse:collapse;width:100%}.hd-table th{text-align:left;color:var(--hd-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--hd-border);background:#f8fafc;padding:16px 20px;font-size:12px;font-weight:800}.hd-table td{border-bottom:1px solid var(--hd-border);vertical-align:middle;padding:16px 20px;font-size:14px}.hd-table tr:hover{background:#f8fafc}.hd-badge{text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex}.hd-badge-active{color:#166534;background:#dcfce7}.hd-badge-inactive{color:#991b1b;background:#fee2e2}.hd-badge-pending{color:#92400e;background:#fef3c7}@media (width<=768px){.hd-form-grid{grid-template-columns:1fr}.hd-header{flex-direction:column;gap:16px}.hd-btn{width:100%}}.md-layout{background-color:#f8fafc;flex-direction:column;min-height:100vh;padding:24px;display:flex}.md-fade-in{animation:.4s ease-in-out fadeIn}.md-header{background:#fff;border:1px solid #e1e7ec;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 30px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #00000006}.md-header-left{align-items:center;gap:20px;display:flex}.md-header-icon-premium{color:#fff;background:linear-gradient(135deg,#0ea5e9,#4f46e5);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #4f46e54d}.md-header h2{color:#1e293b;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.md-header-subtitle{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:500}.md-controls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.md-search-wrapper{flex:1;max-width:400px;position:relative}.md-search-icon{color:#64748b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.md-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:all .2s}.md-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.md-filter-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:150px;padding:10px 16px;font-size:14px;transition:border-color .2s}.md-filter-select:focus{border-color:#4f46e5}.md-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.md-btn-primary{color:#fff;background:#4f46e5;box-shadow:0 4px 6px -1px #4f46e533}.md-btn-primary:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.md-btn-danger{color:#fff;background:#ef4444}.md-btn-danger:hover{background:#dc2626}.md-btn-success{color:#fff;background:#10b981}.md-btn-success:hover{background:#059669}.md-btn:disabled{opacity:.6;cursor:not-allowed}.md-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.md-table{border-collapse:collapse;width:100%}.md-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:13px;font-weight:600}.md-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:14px}.md-table tr:hover td{background-color:#f8fafc}.md-status-badge{border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.md-status-bound{color:#166534;background:#dcfce7}.md-status-unbound{color:#475569;background:#f1f5f9}.md-status-pending{color:#92400e;background:#fef3c7}.md-status-approved{color:#16a34a;background:#dcfce7}.md-status-rejected{color:#dc2626;background:#fee2e2}.md-action-group{flex-wrap:wrap;gap:8px;display:flex}.md-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.md-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.md-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.md-modal-header h3{color:#1e293b;margin:0;font-size:18px;font-weight:700}.md-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;transition:color .2s}.md-close-btn:hover{color:#1e293b}.md-modal-body{padding:24px;overflow-y:auto}.md-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.md-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:10px;margin-bottom:24px;padding:10px;display:flex}.md-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.md-tab.active{color:#fff;background:#4f46e5;box-shadow:0 2px 4px #4f46e533}.md-tab:hover:not(.active){background:#f1f5f9}.attendance-module-container{color:#0f172a;background:#f1f5f9;min-height:100%;padding:16px;font-family:Inter,sans-serif;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeUp}.attendance-header{background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:8px;display:flex}.attendance-title{color:#0f172a;margin:0;font-size:24px;font-weight:700}.attendance-subtitle{color:#64748b;margin:4px 0 0;font-size:14px}.attendance-actions{gap:10px;display:flex}.btn-primary,.btn-secondary,.btn-apply,.btn-reset,.btn-link{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary{color:#fff;background:linear-gradient(90deg,#0f172a,#1e293b)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a33}.btn-secondary{color:#0f172a;background:#fff;border:1px solid #cbd5e1;font-size:14px}.btn-apply{color:#fff;background:linear-gradient(90deg,#0f172a,#1e293b)}.btn-apply:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a33}.btn-reset{color:#ef4444;background:#fff;border:1px solid #fca5a5}.btn-reset:hover{background:#fef2f2}.btn-link{color:#ef4444;background:0 0;padding:0;font-size:12px;font-weight:500}.btn-link:hover{text-decoration:underline}.attendance-filters-bar{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.filter-group{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.filter-group label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.filter-group input,.filter-group select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-group select option{color:#0f172a;background:#fff}.filter-buttons{gap:10px;display:flex}.attendance-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px;display:grid}.kpi-card{cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0f172a1a}.kpi-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-content{flex-direction:column;justify-content:center;display:flex}.kpi-value{color:#0f172a;margin:0;font-size:20px;font-weight:700;line-height:1.2}.kpi-title{color:#64748b;margin:4px 0 0;font-size:12px}.color-blue .kpi-icon-wrapper{color:#3b82f6;background:#eff6ff}.color-green .kpi-icon-wrapper{color:#10b981;background:#f0fdf4}.color-red .kpi-icon-wrapper{color:#ef4444;background:#fef2f2}.color-amber .kpi-icon-wrapper{color:#f59e0b;background:#fffbeb}.color-purple .kpi-icon-wrapper{color:#a855f7;background:#faf5ff}.color-orange .kpi-icon-wrapper{color:#f97316;background:#fff7ed}.color-indigo .kpi-icon-wrapper{color:#6366f1;background:#eef2ff}.color-rose .kpi-icon-wrapper{color:#f43f5e;background:#fff1f2}.attendance-charts-grid{grid-template-columns:1fr 2fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=1024px){.attendance-charts-grid{grid-template-columns:1fr}}.attendance-chart-card,.attendance-table-card{background:#fff;border-radius:12px;padding:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d}.attendance-chart-card:hover,.attendance-table-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.chart-title{color:#0f172a;margin:0 0 16px;font-size:15px;font-weight:600}.chart-container-inner{width:100%}.table-header-flex{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.table-header-flex h3{margin:0}.table-responsive{overflow-x:auto}.attendance-table{border-collapse:collapse;text-align:left;width:100%}.attendance-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:10px;font-weight:600}.attendance-table td{color:#1e293b;border-top:1px solid #f1f5f9;padding:12px 16px;font-size:13px}.attendance-table tbody tr{transition:background .2s}.attendance-table tbody tr:hover{background:#f8fafc}.badge{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-present{color:#059669;background:#f0fdf4}.badge-absent{color:#dc2626;background:#fef2f2}.badge-late{color:#d97706;background:#fffbeb}.badge-leave{color:#2563eb;background:#eff6ff}.badge-halfday{color:#ea580c;background:#fff7ed}.badge-earlyout{color:#7e22ce;background:#f3e8ff}.badge-onbreak{color:#0f766e;background:#ccfbf1}:root{--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-xl:24px;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-bg:#f1f5f9;--color-card:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-primary:#0f172a;--color-accent:#3b82f6;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0f172a1f;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.2s;--duration-normal:.3s;--duration-entrance:.5s}.text-page-title{color:var(--color-text);margin:0;font-size:24px;font-weight:700;line-height:1.2}.text-section-title{color:var(--color-text);margin:0;font-size:16px;font-weight:700;line-height:1.3}.text-body{color:#1e293b;font-size:13px;font-weight:500;line-height:1.5}.text-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600;line-height:1.4}.text-caption{color:var(--color-text-muted);font-size:11px;font-weight:500;line-height:1.5}.tm-glass-card{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast), box-shadow var(--duration-fast);border:1px solid var(--color-border-light)}.tm-glass-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tm-grad-indigo{background:linear-gradient(135deg,#6366f10f 0%,#0000 100%)}.tm-grad-emerald{background:linear-gradient(135deg,#10b9810f 0%,#0000 100%)}.tm-grad-rose{background:linear-gradient(135deg,#f43f5e0f 0%,#0000 100%)}.tm-input,.tm-select,.tm-textarea{background:var(--color-card);color:#1e293b;border-radius:var(--radius-md);transition:all var(--duration-fast);border:1px solid #cbd5e1;outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.tm-input:focus,.tm-select:focus,.tm-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.tm-textarea{resize:vertical;min-height:200px;line-height:1.6}.tm-select{cursor:pointer;appearance:auto}.tm-filter-group{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.tm-filter-group label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.tm-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) cubic-bezier(.4, 0, .2, 1);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.tm-btn-primary{color:#fff;background:linear-gradient(90deg,#0f172a,#1e293b)}.tm-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a33}.tm-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.tm-btn-secondary{background:var(--color-card);color:var(--color-text);border:1px solid #cbd5e1}.tm-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.tm-table,.tm-table-responsive{border-collapse:collapse;text-align:left;width:100%}.tm-table th,.tm-table-responsive th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);background:#fafbfc;padding:12px 16px;font-size:10px;font-weight:600}.tm-table td,.tm-table-responsive td{color:#1e293b;border-top:1px solid var(--color-border-light);padding:12px 16px;font-size:13px}.tm-table tbody tr,.tm-table-responsive tbody tr{transition:background var(--duration-fast)}.tm-table tbody tr:hover,.tm-table-responsive tbody tr:hover{background:#f8fafc}.badge,.tm-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-emerald{color:#059669;background:#f0fdf4}.badge-rose{color:#e11d48;background:#fff1f2}.badge-amber{color:#d97706;background:#fffbeb}.badge-blue{color:#2563eb;background:#eff6ff}.badge-indigo{color:#4f46e5;background:#eef2ff}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.tm-kpi-grid-elite{gap:var(--spacing-4);margin-bottom:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tm-layout-3col{gap:var(--spacing-4);grid-template-columns:260px 1fr 320px;display:grid}@media (width<=1280px){.tm-layout-3col{grid-template-columns:240px 1fr}.tm-layout-3col>aside:last-child{display:none}}@media (width<=768px){.tm-layout-3col{grid-template-columns:1fr}.tm-layout-3col>aside:first-of-type{display:none}}.tm-toggle-switch{border-radius:var(--radius-full);cursor:pointer;width:48px;height:26px;transition:background var(--duration-normal) var(--ease-out);background:#e2e8f0;flex-shrink:0;position:relative}.tm-toggle-switch.active{background:#6366f1}.tm-toggle-knob{width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001a}.tm-toggle-switch.active .tm-toggle-knob{transform:translate(22px)}@keyframes tmPulseGlow{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.tm-active-pulse{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite tmPulseGlow}.tm-reaction-btn{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.tm-reaction-btn:hover{color:#6366f1;background:#6366f10d}.tm-reaction-btn.active-love{color:#f43f5e}.tm-reaction-btn.active-love:hover{background:#f43f5e0d}@keyframes tmFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tm-fade-up-entry{opacity:0;animation:tmFadeUp var(--duration-entrance) var(--ease-out) forwards}.tm-standard-page{padding:16px}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}@keyframes tmShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.tm-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/800px 100%;animation:1.5s ease-in-out infinite tmShimmer}.skeleton-card{border-radius:var(--radius-lg);height:160px}.recharts-default-tooltip{color:#0f172a!important;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important}@media (width<=768px){.tm-kpi-grid-elite{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.tm-kpi-grid-elite{grid-template-columns:1fr}}.tm-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;padding-bottom:8px;display:flex}.tm-title{color:var(--color-text);margin:0;font-size:24px;font-weight:700}.tm-subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:14px}.chat-group-layout{background-color:#f8fafc;justify-content:center;height:100%;padding:24px;display:flex}.chat-group-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:100%;max-width:1200px;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.chat-group-header{background:#fdfdfd;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;display:flex}.chat-group-header-info h2{color:#0f172a;margin:0;font-size:22px;font-weight:700}.chat-group-header-info p{color:#64748b;max-width:540px;margin:10px 0 0;font-size:14px}.chat-group-meta{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.badge-pill{color:#1e293b;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.chat-group-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.search-input{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:250px;padding:10px 16px 10px 40px;font-size:14px;transition:all .2s}.btn-primary:hover{background-color:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.table-container{background:#fff;flex:1;padding:16px;overflow-y:auto}.premium-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:left;background:0 0;border-bottom:2px solid #e2e8f0;padding:16px;font-size:12px;font-weight:600}.premium-table td{color:#334155;background-color:#fff;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:14px}.premium-table tbody tr:hover td{background-color:#f8fafc}.group-name-cell{align-items:center;gap:12px;display:flex}.group-icon{color:#3b82f6;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.type-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.type-badge.auto{color:#059669;background-color:#d1fae5}.type-badge.manual{color:#d97706;background-color:#fef3c7}.action-buttons{gap:8px;display:flex}.action-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.action-btn:hover{color:#1e293b;background-color:#f1f5f9;border-color:#e2e8f0}.group-summary-grid{background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 28px;display:grid}.group-summary-card{background:#f8fbff;border:1px solid #e0efff;border-radius:16px;flex-direction:column;gap:8px;padding:18px 20px;display:flex;box-shadow:0 10px 20px -15px #3b82f633}.group-summary-card p{text-transform:uppercase;letter-spacing:.08em;color:#475569;margin:0;font-size:12px}.group-summary-card strong{color:#0f172a;font-size:24px;line-height:1}.action-btn.delete:hover{color:#ef4444;background-color:#fee2e2;border-color:#fca5a5}.pagination-controls{align-items:center;gap:8px;display:flex}.page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){color:#1e293b;background:#f1f5f9}.page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.chat-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.chat-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:500px;max-width:90vw;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.chat-modal-header{background:#fdfdfd;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.chat-modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.chat-modal-body{max-height:60vh;padding:24px;overflow-y:auto}.chat-modal-footer{background:#fdfdfd;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-group{margin-bottom:20px}.form-group label{color:#334155;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-control{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.visibility-toggle{cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.visibility-toggle:hover{background:#e2e8f0}.visibility-toggle.visible{color:#059669}.visibility-toggle.hidden{color:#e11d48}.role-badge{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-block}.role-badge:hover{border-color:#94a3b8}.role-badge.admin{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.vendor-layout{background-color:#f5f8fb;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.vendor-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;margin:0 auto;overflow:hidden;box-shadow:0 20px 40px -24px #0f172a2e}.vendor-header{background:#fdfdfd;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex}.vendor-header-info h2{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex}.vendor-header-info p{color:#64748b;max-width:640px;margin:8px 0 0;font-size:14px}.vendor-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vendor-filter-panel,.report-filters{background:#f8fbff;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:18px;padding:24px 32px;display:grid}.vendor-summary-grid{background:#fff;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;padding:24px 32px;display:grid}.vendor-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:8px;padding:22px 20px;display:flex;box-shadow:0 16px 30px -24px #0f172a2e}.vendor-summary-card h4{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px;font-weight:700}.vendor-summary-card strong{color:#0f172a;margin:0;font-size:32px;line-height:1}.vendor-section{gap:24px;padding:24px 32px;display:grid}.vendor-section h3,.section-title{color:#0f172a;margin:0 0 12px;font-size:16px;font-weight:700}.vendor-form{gap:24px;padding:24px 32px;display:grid}.vendor-form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:10px;display:flex}.form-group label{color:#475569;font-size:13px;font-weight:600}.form-control{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;width:100%;min-height:44px;padding:14px 16px;font-size:14px;transition:all .2s}.form-control:focus,.form-control:hover{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f614}textarea.form-control{resize:vertical;min-height:100px}.btn-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:#2563eb;box-shadow:0 12px 28px -18px #2563eb4d}.btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.search-input-wrapper svg{color:#94a3b8;position:absolute;left:16px}.search-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:14px;outline:none;width:100%;min-height:44px;padding:12px 16px 12px 44px;font-size:14px;transition:all .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.table-container{background:#fff;overflow-x:auto}.premium-table{border-collapse:separate;border-spacing:0 12px;width:100%}.premium-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.08em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:18px 24px;font-size:12px;font-weight:700}.premium-table td{color:#334155;vertical-align:middle;background:#fff;border-bottom:none;padding:18px 24px;font-size:14px}.premium-table tbody tr td:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}.premium-table tbody tr td:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}.pagination{background:#fdfdfd;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;transition:all .2s}.page-btn:disabled{opacity:.5;cursor:not-allowed}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.modal-footer .btn-primary,.modal-footer .btn-secondary{min-width:140px}@media (width<=900px){.vendor-header,.vendor-filter-panel,.report-filters,.vendor-summary-grid,.vendor-container{padding:18px}.vendor-header,.vendor-actions{flex-direction:column;align-items:flex-start}.vendor-actions,.search-input{width:100%}}@media (width<=640px){.vendor-layout,.vendor-filter-panel,.report-filters,.vendor-header,.vendor-summary-grid,.vendor-section,.vendor-form{padding:16px}}.bgv-layout{background-color:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.bgv-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.bgv-header-left{align-items:center;gap:12px;display:flex}.bgv-header-left h1{color:#0f172a;margin:0;font-size:22px;font-weight:700}.bgv-header-actions{gap:10px;display:flex}.bgv-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.bgv-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.bgv-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.bgv-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bgv-stat-info h3{color:#64748b;margin:0;font-size:14px}.bgv-stat-info p{color:#0f172a;margin:4px 0 0;font-size:24px;font-weight:700}.bgv-tabs{background:#f1f5f9;border-radius:12px;gap:8px;width:fit-content;padding:6px;display:flex}.bgv-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s}.bgv-tab.active{color:#3b82f6;background:#fff;box-shadow:0 4px 6px -1px #0000000d}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.verified{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.status-badge.pending{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.status-badge.failed{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.status-badge.not-started{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.bgv-search-box{flex:1;position:relative}.bgv-search-box input{border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px 10px 40px;font-size:14px}.bgv-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px}.bgv-table-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.bgv-table-controls{flex:1;align-items:center;gap:14px;display:flex}.bgv-search-box{flex:1.8;min-width:260px;position:relative}.bgv-search-box input{border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 44px;font-size:15px;transition:border-color .2s,box-shadow .2s}.bgv-search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614}.bgv-search-box .search-icon{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.bgv-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;min-width:150px;max-width:200px;padding:10px 14px;font-size:14px}.bgv-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.doc-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.doc-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.doc-item .doc-info{color:#475569;align-items:center;gap:8px;display:flex}.btn-upload{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1px dashed #3b82f6;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;font-weight:600;display:flex}@media (width<=1024px){.bgv-form-grid{grid-template-columns:1fr}}.visitors-layout{background-color:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.v-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.v-header-left{align-items:center;gap:12px;display:flex}.v-header-left h1{color:#0f172a;margin:0;font-size:22px;font-weight:700}.v-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.v-export-button{min-width:140px;padding:10px 16px;font-size:14px}.btn-export-excel{color:#16a34a;background:#fff;border:1px solid #bbf7d0}.btn-export-pdf{color:#dc2626;background:#fff;border:1px solid #fecaca}.v-filter-row{background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:minmax(260px,1.4fr) minmax(360px,1fr);align-items:center;gap:16px;padding:24px;display:grid}.v-search-box{min-width:260px}.v-filter-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.v-filter-controls .bgv-filter-select{min-width:160px;max-width:240px}@media (width<=960px){.v-filter-row{grid-template-columns:1fr}.v-filter-controls{justify-content:flex-start}}.v-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.v-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000000d}.v-stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.v-stat-icon-box{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.v-stat-info h3{color:#64748b;margin:0;font-size:14px;font-weight:600}.v-stat-info p{color:#0f172a;margin:4px 0 0;font-size:28px;font-weight:800}.v-form-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}.v-form-header{color:#1e293b;background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:20px 24px;font-weight:700;display:flex}.v-form-body{grid-template-columns:1fr 1fr;gap:24px;max-height:calc(100vh - 200px);padding:24px;display:grid;overflow-y:auto}.v-photo-upload{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;grid-column:span 2;padding:30px;transition:all .2s}.v-photo-upload:hover{background:#eff6ff;border-color:#3b82f6}.v-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.v-status-badge.inside{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.v-status-badge.checked-out{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.v-status-badge.rejected{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.v-filter-row{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.v-setting-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.v-setting-info h4{color:#1e293b;margin:0;font-size:15px}.v-setting-info p{color:#64748b;margin:4px 0 0;font-size:13px}@media (width<=1024px){.v-form-body{grid-template-columns:1fr}}.complaints-layout{background-color:#f8fafc;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.c-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.c-status-badge.open{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5}.c-status-badge.in-progress{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.c-status-badge.closed{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.c-status-badge.re-open{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2}.c-priority-tag{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.c-priority-tag.high{color:#dc2626;background:#fee2e2}.c-priority-tag.medium{color:#854d0e;background:#fef9c3}.c-priority-tag.low{color:#475569;background:#f1f5f9}.c-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.c-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d}.c-stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.c-stat-value{color:#0f172a;font-size:24px;font-weight:800}.c-stat-label{color:#64748b;font-size:13px;font-weight:600}.c-discussion-wrap{background:#f8fafc;border-radius:16px;flex-direction:column;gap:16px;max-height:400px;padding:20px;display:flex;overflow-y:auto}.c-comment-bubble{border-radius:16px;max-width:80%;padding:12px 16px;position:relative}.c-comment-bubble.admin{background:#fff;border:1px solid #e2e8f0;align-self:flex-start}.c-comment-bubble.internal{background:#fffbeb;border:1px solid #fde68a}.c-comment-meta{color:#94a3b8;margin-bottom:4px;font-size:11px}.c-sla-status{align-items:center;gap:6px;font-size:12px;display:flex}.c-sla-status.breached{color:#dc2626;font-weight:700}.c-sla-status.ok{color:#16a34a}.fade-in{animation:.4s ease-out fadeIn}:root{--discussion-primary:#3b82f6;--discussion-primary-light:#eff6ff;--discussion-secondary:#64748b;--discussion-bg:#f8fafc;--discussion-card-bg:#fffc;--discussion-border:#e2e8f0cc;--discussion-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}.discussion-container{background:radial-gradient(circle at 100% 0,#3b82f60d,#0000 400px);max-width:1400px;margin:0 auto;padding:32px;animation:.6s cubic-bezier(.16,1,.3,1) slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.discussion-header{background:var(--discussion-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--discussion-border);box-shadow:var(--discussion-shadow);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:40px;padding:24px;display:flex}.discussion-title-section h1{color:#0f172a;letter-spacing:-1px;background:linear-gradient(90deg,#1e293b,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:800}.stats-row{gap:20px;margin-bottom:40px;display:flex}.stat-card{background:var(--discussion-card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--discussion-border);border-radius:20px;flex:1;align-items:center;gap:16px;padding:20px;transition:transform .3s;display:flex}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:28px;display:grid}.topic-card{background:var(--discussion-card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--discussion-border);border-radius:24px;padding:28px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.topic-card:before{content:"";opacity:0;background:linear-gradient(90deg,#3b82f6,#60a5fa);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.topic-card:hover{border-color:#3b82f6;transform:translateY(-12px)scale(1.02);box-shadow:0 25px 50px -12px #00000026}.topic-card:hover:before{opacity:1}.topic-status-badge{text-transform:uppercase;letter-spacing:.8px;border-radius:12px;padding:6px 14px;font-size:11px;font-weight:700;position:absolute;top:24px;right:24px}.status-active{color:#15803d;background:#dcfce7;border:1px solid #b9fbc0}.status-closed{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.topic-title{color:#1e293b;margin-bottom:14px;font-size:20px;font-weight:700;line-height:1.3}.topic-desc{color:#64748b;margin-bottom:24px;font-size:15px;line-height:1.6}.topic-footer{border-top:1px solid #e2e8f080;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.user-tag{color:#475569;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.user-tag img,.user-avatar-sm{color:#fff;background:#3b82f6;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.thread-layout{background:#fff;border:1px solid #e2e8f0;border-radius:32px;margin-top:24px;overflow:hidden;box-shadow:0 40px 100px -20px #0000001a}.thread-header{background:linear-gradient(135deg,#f8faff 0%,#fff 100%);border-bottom:1px solid #f1f5f9;padding:40px}.thread-main-topic p{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:28px;font-size:18px;line-height:1.8}.comment-section{padding:40px}.comment-bubble-wrapper{margin-bottom:32px;position:relative}.comment-bubble{gap:20px;display:flex}.comment-content-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex:1;padding:24px;transition:all .2s}.comment-bubble-wrapper:hover .comment-content-wrapper{background:#fcfdff;border-color:#3b82f6}.reply-thread{margin-left:60px;padding-top:16px;position:relative}.reply-thread:before{content:"";background:linear-gradient(#3b82f6,#0000);border-radius:4px;width:2px;position:absolute;top:-20px;bottom:40px;left:-30px}.comment-input-area{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #3b82f6;border-radius:24px;margin:0 40px 40px;padding:20px;position:sticky;bottom:24px;box-shadow:0 20px 40px -10px #3b82f633}.input-box-wrapper{background:#f8fafc;border-radius:16px;padding:12px 16px}.comment-textarea{background:0 0;border:none;width:100%;font-size:16px}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.spinner{animation:1s linear infinite spin}.escalation-container{max-width:1400px;margin:0 auto;padding:32px;animation:.4s ease-out fadeIn}.escalation-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.escalation-title-section h1{color:#0f172a;letter-spacing:-.5px;margin-bottom:6px;font-size:28px;font-weight:800}.escalation-title-section p{color:#64748b;font-size:15px}.stats-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:24px;align-items:center;gap:20px;padding:24px;transition:transform .2s;display:flex;box-shadow:0 10px 15px -3px #0000000d}.stat-card:hover{transform:translateY(-4px)}.stat-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.escalation-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.escalation-table{border-collapse:collapse;width:100%}.escalation-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:18px 24px;font-size:13px;font-weight:700}.escalation-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:18px 24px;font-size:14px}.escalation-table tr:hover{background:#f8fafc}.badge{border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-open{color:#3b82f6;background:#eff6ff}.badge-progress{color:#f97316;background:#fff7ed}.badge-closed{color:#10b981;background:#f0fdf4}.priority-urgent{color:#ef4444;background:#fef2f2}.priority-high{color:#f97316;background:#fff7ed}.priority-medium{color:#3b82f6;background:#eff6ff}.priority-low{color:#64748b;background:#f8fafc}.thread-container{max-width:900px;margin:0 auto;padding:40px 20px}.thread-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;margin-bottom:32px;padding:32px;box-shadow:0 20px 25px -5px #0000000d}.replies-timeline{padding-left:32px;position:relative}.replies-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:0;bottom:0;left:11px}.reply-item{margin-bottom:24px;position:relative}.reply-dot{z-index:2;background:#fff;border:3px solid #3b82f6;border-radius:50%;width:12px;height:12px;position:absolute;top:12px;left:-26px}.reply-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:20px 24px}:root{--meeting-primary:#0f6cbd;--meeting-primary-dark:#0a4f8f;--meeting-accent:#0f766e;--meeting-bg:#f5f8fd;--meeting-bg-soft:#eef4fb;--meeting-card-bg:#ffffffe0;--meeting-border:#d9e3f2;--meeting-glass-border:#ffffffb3;--meeting-shadow:0 14px 28px -18px #091e4273;--meeting-shadow-hover:0 24px 40px -20px #091e4285;--meeting-text-main:#112238;--meeting-text-muted:#5f7086;--meeting-radius:18px;--meeting-transition:all .22s ease}.meeting-fade-in{animation:.45s forwards fadeIn}.meeting-layout{background:radial-gradient(circle at 12% 10%, #0f6cbd1f, transparent 35%), radial-gradient(circle at 92% 85%, #0f766e1f, transparent 40%), linear-gradient(180deg, #f7fbff 0%, var(--meeting-bg) 40%, #f2f7fe 100%);min-height:calc(100vh - 64px);color:var(--meeting-text-main);padding:34px;font-family:Manrope,Sora,Segoe UI,sans-serif}.meeting-container{max-width:1420px;margin:0 auto;animation:.55s fadeIn}.meeting-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:32px;display:flex}.meeting-header-info h2{letter-spacing:-.03em;color:var(--meeting-text-main);align-items:center;gap:12px;margin:0;font-size:clamp(24px,2.3vw,32px);font-weight:800;display:flex}.meeting-header-info p{color:var(--meeting-text-muted);margin:10px 0 0;font-size:14px;font-weight:550}.meeting-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.meeting-action-cell{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.meeting-action-cell .action-btn{padding:8px 12px;font-size:12px}.meeting-card-panel{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:32px;display:grid}.meeting-card-panel .glass-effect{min-height:120px;padding:24px}.meeting-panel-title{color:var(--meeting-text-main);margin:0 0 14px;font-size:17px;font-weight:800}.meeting-panel-subtitle{color:var(--meeting-text-muted);margin:0;font-size:13px}.meeting-back-btn{color:var(--meeting-primary);cursor:pointer;transition:var(--meeting-transition);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:700;display:inline-flex}.meeting-back-btn:hover{color:var(--meeting-primary-dark);transform:translate(-2px)}.btn-primary,.btn-secondary,.action-btn{letter-spacing:.01em;cursor:pointer;transition:var(--meeting-transition);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--meeting-primary) 0%, var(--meeting-primary-dark) 100%);border-color:#0f6cbd47;padding:11px 18px;box-shadow:0 10px 20px -14px #0f6cbdd9}.btn-primary:hover:not(:disabled){filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 14px 28px -16px #0f6cbdf2}.btn-primary:disabled,.btn-secondary:disabled,.action-btn:disabled{opacity:.58;cursor:not-allowed}.btn-secondary{color:var(--meeting-text-main);border-color:var(--meeting-border);background:#ffffffd9;padding:10px 16px}.btn-secondary:hover:not(:disabled){border-color:var(--meeting-primary);color:var(--meeting-primary);background:#fff}.action-btn{color:#32506f;background:linear-gradient(#fff 0%,#f6f9fe 100%);border-color:#d2dfef;padding:8px 14px}.action-btn:hover:not(:disabled){color:var(--meeting-primary);border-color:#adc7e7}.action-btn.delete:hover,.action-btn.delete{color:#be123c;background:#fff1f2;border-color:#fecdd3}.glow-btn{position:relative}.glow-btn:after{content:"";z-index:-1;opacity:0;transition:var(--meeting-transition);filter:blur(10px);background:linear-gradient(50deg,#1499f2,#0f6cbd,#0a4f8f);border-radius:14px;position:absolute;inset:-2px}.glow-btn:hover:after{opacity:.36}.glass-effect{background:var(--meeting-card-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--meeting-glass-border);border-radius:var(--meeting-radius);box-shadow:var(--meeting-shadow)}.meeting-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.silo-card{color:inherit;transition:var(--meeting-transition);flex-direction:column;gap:14px;padding:22px;text-decoration:none;display:flex;position:relative}.silo-card h3{margin:0;font-size:18px;font-weight:750}.silo-card p{color:var(--meeting-text-muted);margin:3px 0 0;font-size:13px;font-weight:550}.silo-card:hover{box-shadow:var(--meeting-shadow-hover);border-color:#0f6cbd38;transform:translateY(-4px)}.silo-icon{width:50px;height:50px;color:var(--meeting-primary);transition:var(--meeting-transition);background:linear-gradient(145deg,#e5f1ff,#f1f8ff);border:1px solid #d4e5f8;border-radius:13px;justify-content:center;align-items:center;display:inline-flex}.table-container{border-radius:var(--meeting-radius);border:1px solid #deebf8;margin-top:20px;overflow:hidden}.premium-table{border-collapse:collapse;width:100%}.premium-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#637995;background:#edf4fc;padding:16px;font-size:11px;font-weight:750}.premium-table td{color:#1f3550;vertical-align:middle;border-bottom:1px solid #edf2fa;padding:15px 16px;font-size:14px}.premium-table tr:last-child td{border-bottom:none}.premium-table tbody tr:hover td{background:#e2edfb66}.status-badge,.priority-badge{text-transform:capitalize;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:28px;padding:6px 10px;font-size:12px;font-weight:750;display:inline-flex}.status-scheduled{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.status-ongoing{color:#166534;background:#dcfce7;border-color:#bbf7d0}.status-completed{color:#155e75;background:#ecfeff;border-color:#a5f3fc}.status-cancelled{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.status-present{color:#166534;background:#dcfce7;border-color:#bbf7d0}.status-absent{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.status-late{color:#b45309;background:#fef3c7;border-color:#fde68a}.status-pending{color:#5b21b6;background:#ede9fe;border-color:#ddd6fe}.status-in-progress{color:#c2410c;background:#ffedd5;border-color:#fdba74}.priority-low{color:#166534;background:#dcfce7;border-color:#bbf7d0}.priority-medium{color:#b45309;background:#fef3c7;border-color:#fde68a}.priority-high{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-group{flex-direction:column;display:flex}.form-label{color:#233a56;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-control,.search-input{width:100%;min-height:42px;color:var(--meeting-text-main);transition:var(--meeting-transition);background:#fff;border:1.5px solid #d2dfef;border-radius:11px;padding:10px 12px;font-size:14px;font-weight:550}.form-control:focus,.search-input:focus{border-color:#69a9e6;outline:none;box-shadow:0 0 0 3px #0f6cbd24}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{color:#6f839b;pointer-events:none;position:absolute;left:12px}.search-input-wrapper .form-control,.search-input-wrapper .search-input{padding-left:38px}.empty-state{color:var(--meeting-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:20px;display:flex}.meeting-panel{padding:26px}.attendance-switch{background:#eff4fb;border:1px solid #d5e3f4;border-radius:12px;align-items:center;gap:4px;padding:3px;display:inline-flex}.attendance-choice{color:#506782;cursor:pointer;transition:var(--meeting-transition);background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:700}.attendance-choice.active.present{color:#fff;background:#16a34a}.attendance-choice.active.absent{color:#fff;background:#dc2626}.attendance-choice.active.late{color:#fff;background:#d97706}.btn-square{width:48px;height:48px;padding:0}.btn-full{justify-content:center;width:100%;margin-top:16px}.btn-toggle-inline{border-radius:999px;width:auto;min-width:116px;padding:10px 14px}.meeting-setting-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.meeting-setting-copy{flex:1;min-width:220px}.meeting-toggle-wrap{flex-shrink:0;margin-left:auto}.meeting-toggle-switch{cursor:pointer;min-width:142px;min-height:40px;transition:var(--meeting-transition);border:1px solid #d2dfef;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:inline-flex}.meeting-toggle-knob{width:28px;height:28px;transition:var(--meeting-transition);background:#fff;border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px #0f172a40}.meeting-toggle-label{letter-spacing:.01em;font-size:12px;font-weight:800}.meeting-toggle-switch.is-on{background:#dcfce7;border-color:#86efac}.meeting-toggle-switch.is-on .meeting-toggle-label{color:#166534}.meeting-toggle-switch.is-on .meeting-toggle-knob{order:2}.meeting-toggle-switch.is-off{background:#f8fafc;border-color:#d4dceb}.meeting-toggle-switch.is-off .meeting-toggle-label{color:#475569}.meeting-toggle-switch.is-off .meeting-toggle-knob{order:0}.meeting-toggle-switch:hover:not(:disabled){transform:translateY(-1px)}.meeting-toggle-switch:disabled{opacity:.65;cursor:not-allowed}@media (width<=1024px){.meeting-layout{padding:20px}.meeting-header{flex-direction:column}.meeting-actions{width:100%}.meeting-actions>*{flex:1}.form-grid{grid-template-columns:1fr}}@media (width<=768px){.premium-table{white-space:nowrap;display:block;overflow-x:auto}.meeting-actions>.btn-primary,.meeting-actions>.btn-secondary,.meeting-actions>.action-btn{width:100%}.btn-toggle-inline{width:auto;min-width:108px}.meeting-toggle-wrap{width:100%;margin-left:0}.meeting-toggle-switch{width:100%}.meeting-grid{grid-template-columns:1fr}}.finance-page{width:100%;padding:var(--space-6) var(--space-8);box-sizing:border-box;background:linear-gradient(#f6f8fcf2 0%,#fffffff2 100%);min-height:calc(100vh - 72px);animation:.4s ease-out fadeIn}.finance-page .page-title{font-family:var(--font-family-display);letter-spacing:-.035em;color:var(--color-text-primary);font-size:36px}.finance-page .page-subtitle{color:var(--color-text-muted);font-size:14px}.finance-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.finance-page-header h1{font-family:var(--font-family-display);letter-spacing:-.03em;background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:28px;font-weight:800}.finance-page-header p{color:var(--color-text-muted);font-size:15px;font-weight:500}.finance-filters{border-radius:calc(var(--radius-xl) * 1.1);background:#fffffffa;border:1px solid #94a3b82e;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:16px;margin-bottom:24px;padding:20px 22px;animation:.4s ease-out slideUpFade;display:grid;box-shadow:0 24px 80px -45px #0f172a1f}.finance-filter-field{flex-direction:column;gap:8px;display:flex}.finance-filter-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:700}.finance-select-wrap{position:relative}.finance-select-wrap svg{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.finance-filters select,.finance-filters input[type=month],.finance-filters input[type=date]{width:100%;height:46px;color:var(--color-text-primary);transition:var(--transition-fast);box-sizing:border-box;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 14px center/16px no-repeat;border:1px solid #94a3b83d;border-radius:16px;outline:none;padding:0 38px;font-family:inherit;font-size:15px}.finance-filters select:focus,.finance-filters input:focus{border-color:var(--color-primary-600);box-shadow:var(--shadow-focus);background-color:#fff}.finance-filter-actions{grid-template-columns:auto auto;align-items:end;gap:8px;display:grid}.finance-btn-secondary,.finance-btn-primary{white-space:nowrap;min-height:42px}.finance-btn-secondary{border-style:dashed}.finance-btn-primary{min-width:132px;box-shadow:var(--shadow-primary)}.finance-overview-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:-8px 0 18px;display:grid}.finance-overview-pill{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fffffff0;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.finance-overview-pill span{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;font-size:11px;font-weight:800}.finance-overview-pill strong{color:var(--color-text-primary);letter-spacing:-.02em;font-size:14px;font-weight:800}.finance-overview-pill.is-highlight{border-color:var(--color-primary-200);background:var(--color-primary-50);color:var(--color-primary-700);justify-content:center}.finance-section-heading{justify-content:space-between;align-items:flex-end;gap:10px;margin:4px 0;display:flex}.finance-section-heading h2{font-family:var(--font-family-display);color:var(--color-text-primary);letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:900;display:inline-flex}.finance-section-heading p{color:var(--color-text-muted);margin:0;font-size:12.5px;font-weight:600}.finance-layout{grid-template-columns:1.2fr .8fr;gap:22px;margin-bottom:24px;display:grid}.finance-left{display:flex}.finance-cards{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.f-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);min-height:110px;transition:var(--transition-base);background:#fff;flex-direction:column;justify-content:center;gap:10px;padding:20px;animation:.4s ease-out both slideUpFade;display:flex;position:relative;overflow:hidden}.f-card:before{content:"";opacity:0;height:3px;transition:var(--transition-base);position:absolute;top:0;left:0;right:0}.f-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.f-card:hover:before{opacity:1}.f-card h4{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800;font-family:var(--font-family-display);margin:0}.f-card p{font-family:var(--font-family-display);color:var(--color-text-primary);letter-spacing:-.03em;margin:0;font-size:clamp(30px,3vw,36px);font-weight:900;line-height:1}.f-card-icon{border:1px solid var(--color-border);width:26px;height:26px;color:var(--color-text-secondary);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.card-emoji{margin-right:4px;font-size:18px}.f-card.purple{border-left:4px solid var(--primary);background:linear-gradient(to right, var(--color-primary-50), white)}.f-card.purple:before{background:var(--gradient-primary)}.f-card.orange{border-left:4px solid var(--color-warning-500);background:linear-gradient(to right, var(--color-warning-50), white)}.f-card.orange:before{background:linear-gradient(90deg, var(--color-warning-500), var(--color-warning-700))}.f-card.green{border-left:4px solid var(--color-success-500);background:linear-gradient(to right, var(--color-success-50), white)}.f-card.green:before{background:linear-gradient(90deg, var(--color-success-500), var(--color-success-700))}.f-card.red{border-left:4px solid var(--color-danger-500);background:linear-gradient(to right, var(--color-danger-50), white)}.f-card.red:before{background:linear-gradient(90deg, var(--color-danger-500), var(--color-danger-700))}.f-card-note{color:var(--color-text-secondary);opacity:.88;margin:2px 0 0;font-size:12px;font-weight:600}.finance-right{display:flex}.finance-chart-box{border-radius:calc(var(--radius-xl) * 1.05);text-align:center;background:#fff;border:1px solid #94a3b829;flex-direction:column;width:100%;min-height:360px;padding:28px;animation:.45s ease-out slideUpFade;display:flex;box-shadow:0 25px 80px -55px #0f172a29}.finance-chart-box h3{font-size:17px;font-weight:800;font-family:var(--font-family-display);color:var(--color-text-primary);text-align:left;margin-bottom:20px}.finance-chart-box canvas{max-width:260px;max-height:260px;margin:auto;width:100%!important;height:auto!important}.section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-header h3{font-size:17px;font-weight:800;font-family:var(--font-family-display);color:var(--color-text-primary);align-items:center;gap:10px;margin:0;display:flex}.section-total{color:var(--color-primary-600);font-size:15px;font-weight:700;font-family:var(--font-family-display)}.two-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}.three-grid,.three-row{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;display:grid}.analytics-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);height:300px;transition:var(--transition-base);background:#fff;flex-direction:column;justify-content:space-between;padding:22px;animation:.4s ease-out both slideUpFade;display:flex}.analytics-card h3{color:var(--color-text-primary);font-size:16px;font-family:var(--font-family-display);letter-spacing:-.01em;margin:0;font-weight:800}.analytics-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics-card canvas{max-height:220px;width:100%!important;height:auto!important}.top-stack{flex-direction:column;gap:24px;margin-top:24px;display:flex}.full-width-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);min-height:350px;transition:var(--transition-base);background:#fff;flex-direction:column;padding:28px;animation:.4s ease-out slideUpFade;display:flex}.full-width-card h3{font-family:var(--font-family-display);margin:0;font-size:17px;font-weight:800}.full-width-card:hover{box-shadow:var(--shadow-md)}.full-width-card canvas{max-height:260px;margin:auto;width:100%!important}.yearly-section{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);background:#fff;margin-top:24px;padding:28px;animation:.4s ease-out slideUpFade}.yearly-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.yearly-header h3{font-size:17px;font-weight:800;font-family:var(--font-family-display);color:var(--color-text-primary);margin:0}.yearly-total{color:var(--color-primary-600);font-weight:700;font-family:var(--font-family-display);font-size:15px}.yearly-chart-box{height:300px}@media (width<=1200px){.finance-layout{grid-template-columns:1fr}.three-grid,.three-row,.finance-overview-strip{grid-template-columns:1fr 1fr}}@media (width<=992px){.two-grid{grid-template-columns:1fr}.finance-cards{grid-template-columns:1fr 1fr}}@media (width<=768px){.finance-page{padding:18px}.finance-page .page-title{font-size:28px}.finance-filters{grid-template-columns:1fr 1fr}.finance-filter-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.finance-overview-strip{grid-template-columns:1fr}.finance-section-heading{flex-direction:column;align-items:flex-start}.finance-cards,.three-grid,.three-row{grid-template-columns:1fr}.yearly-header{flex-direction:column;align-items:flex-start;gap:8px}.analytics-card{height:auto}}@media (width<=560px){.finance-filters{grid-template-columns:1fr}}.payroll-container{padding:var(--space-6) var(--space-8);background:var(--gradient-subtle);min-height:calc(100vh - 72px);animation:.4s ease-out fadeIn}.payroll-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.payroll-header-text h1{font-family:var(--font-family-display);letter-spacing:-.03em;background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:28px;font-weight:800}.payroll-header-text p{color:var(--color-text-muted);margin:0;font-size:15px;font-weight:500}.generate-actions{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);background:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;animation:.35s ease-out slideUpFade;display:flex}.month-dropdown,.year-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-gray-50);color:var(--color-text-primary);transition:var(--transition-fast);outline:none;padding:9px 14px;font-family:inherit;font-size:14px}.month-dropdown:focus,.year-input:focus{border-color:var(--primary);box-shadow:var(--shadow-focus);background:#fff}.year-input{width:90px}.payroll-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.payroll-stat-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:var(--transition-base);background:#fff;animation:.35s ease-out both slideUpFade;position:relative;overflow:hidden}.payroll-stat-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:var(--transition-base);position:absolute;top:0;left:0;right:0}.payroll-stat-card:hover:before{opacity:1}.payroll-stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-200);transform:translateY(-4px)}.payroll-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.payroll-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:var(--transition-base);background:#fff;animation:.4s ease-out both slideUpFade;overflow:hidden}.payroll-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-200);transform:translateY(-4px)}.payroll-card:before{content:"";background:var(--gradient-primary);height:3px;display:block}.card-header{border-bottom:1px solid var(--color-bg-tertiary);padding:22px 24px}.run-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.run-title h3{color:var(--color-text-primary);margin:0;font-size:17px;font-weight:800}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:4px 11px;font-size:12px;font-weight:700}.status-badge.draft{background:var(--color-warning-100);color:var(--color-warning-700);border:1px solid var(--color-warning-200)}.status-badge.processed{background:var(--color-primary-100);color:var(--color-primary-700);border:1px solid var(--color-primary-200)}.status-badge.paid{background:var(--color-success-100);color:var(--color-success-700);border:1px solid var(--color-success-200)}.run-summary{background:var(--color-gray-50);border-radius:var(--radius-lg);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex}.stat-column{flex-direction:column;gap:3px;display:flex}.right-align{text-align:right;align-items:flex-end}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:700}.stat-value{font-family:var(--font-family-mono);color:var(--color-text-primary);font-size:15px;font-weight:800;line-height:1.2}.net-cost{color:var(--color-success-700)!important}.total-gross{color:var(--primary)!important}.card-actions{background:var(--color-gray-50);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.auto-width{flex:1;justify-content:center}.btn-danger-outline{color:var(--color-danger-600);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:#fff;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:700;display:inline-flex}.btn-danger-outline:hover{background:var(--color-danger-500);color:#fff;box-shadow:var(--shadow-danger);border-color:#0000;transform:translateY(-1px)}.payroll-table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:#fff;margin-top:20px;overflow:hidden}.payroll-table{border-collapse:collapse;width:100%;font-size:14px}.payroll-table th{background:var(--table-header-bg);text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);white-space:nowrap;padding:13px 18px;font-size:11.5px;font-weight:700}.payroll-table td{border-bottom:1px solid var(--color-bg-tertiary);vertical-align:middle;padding:14px 18px}.payroll-table tbody tr{transition:background .15s}.payroll-table tbody tr:hover{background:var(--color-primary-50)}.payroll-table tbody tr:last-child td{border-bottom:none}@media (width<=768px){.payroll-container{padding:18px}.payroll-grid{grid-template-columns:1fr}.payroll-header{flex-direction:column}.generate-actions{flex-wrap:wrap}}.view-slip-shell{background:radial-gradient(circle at 0 0,#4f46e514 0%,#0000 40%),radial-gradient(circle at 100% 100%,#10b9810d 0%,#0000 40%),#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:48px 20px;display:flex}.view-slip-panel.digital-slip{background:#fff;border:1px solid #e2e8f0;border-radius:32px;width:min(900px,100%);padding:40px;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0f172a26}.slip-top-nav{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.back-nav{color:#64748b;align-items:center;gap:10px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.back-nav:hover{color:#4f46e5}.nav-actions{gap:12px;display:flex}.nav-btn-secondary{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.nav-btn-secondary:hover{color:#4f46e5;background:#f5f3ff;border-color:#4f46e5}.nav-btn-primary{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;align-items:center;gap:10px;height:42px;padding:0 20px;font-weight:700;transition:all .2s;display:flex}.nav-btn-primary:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.slip-main-header{border-bottom:1.5px dashed #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:32px;display:flex}.company-branding{align-items:center;gap:16px;display:flex}.company-logo-bg{color:#1e293b;justify-content:center;align-items:center;display:flex}.company-branding h2{letter-spacing:1px;color:#0f172a;margin:0;font-size:20px;font-weight:900}.company-branding p{color:#64748b;margin:2px 0 0;font-size:13px;font-weight:600}.slip-status-badge{color:#166534;letter-spacing:.5px;background:#f0fdf4;border:1px solid #dcfce7;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:800;display:flex}.slip-hero-banner{background:#f8fafc;border:1px solid #f1f5f9;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:40px;padding:32px;display:flex}.hero-left{align-items:center;gap:20px;display:flex}.hero-avatar{color:#4f46e5;background:#fff;border:4px solid #fff;border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:900;display:flex;box-shadow:0 4px 12px #0000000d}.hero-text h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:800}.hero-meta{color:#64748b;gap:16px;margin-top:6px;font-size:13px;font-weight:500;display:flex}.hero-meta span{align-items:center;gap:6px;display:flex}.hero-right{text-align:right}.period-label{color:#94a3b8;letter-spacing:1px;margin:0 0 4px;font-size:11px;font-weight:800}.period-value{color:#4f46e5;margin:0;font-size:22px;font-weight:900}.slip-info-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.info-node{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:20px}.info-node.highlight{background:#f5f3ff;border-color:#ddd6fe}.node-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.node-value{color:#1e293b;font-size:16px;font-weight:700}.node-value.large{color:#4f46e5;font-size:22px;font-weight:900}.node-sub{color:#64748b;margin-top:4px;font-size:12px;font-weight:500}.slip-breakdown-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}.breakdown-column{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden}.column-header{align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:800;display:flex}.column-header.earning{color:#166534;background:#f0fdf4}.column-header.deduction{color:#991b1b;background:#fef2f2}.item-list{padding:10px 0}.breakdown-item{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.item-info{flex-direction:column;display:flex}.item-name{color:#1e293b;font-size:14px;font-weight:700}.item-cat{color:#94a3b8;font-size:11px;font-weight:600}.item-amount{color:#0f172a;font-weight:700}.item-amount.negative{color:#dc2626}.column-footer{color:#1e293b;background:#f8fafc;justify-content:space-between;align-items:center;margin-top:8px;padding:16px 20px;font-size:15px;font-weight:800;display:flex}.footer-amount{color:#4f46e5}.slip-net-banner{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:2px solid #ddd6fe;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px;display:flex}.net-label{align-items:center;gap:16px;display:flex}.net-label h3{color:#1e293b;margin:0;font-size:18px;font-weight:800}.net-label p{color:#64748b;margin:2px 0 0;font-size:13px;font-weight:500}.net-value{align-items:baseline;gap:8px;display:flex}.net-value .currency{color:#94a3b8;font-size:18px;font-weight:800}.net-value .amount{color:#4f46e5;letter-spacing:-1px;font-size:42px;font-weight:950}.slip-disclaimer{text-align:center;border-top:1px solid #f1f5f9;padding-top:24px}.slip-disclaimer p{color:#94a3b8;max-width:700px;margin:0 auto;font-size:11px;line-height:1.6}.loading-panel{text-align:center}.loading-spinner-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;position:relative}.pulse-ring{border:2px solid #4f46e5;border-radius:50%;width:100%;height:100%;animation:2s infinite pulse;position:absolute}.animate-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}@media (width<=850px){.slip-info-grid{grid-template-columns:repeat(2,1fr)}.slip-breakdown-grid{grid-template-columns:1fr}.slip-hero-banner{text-align:center;flex-direction:column;gap:20px}.hero-left{flex-direction:column}.hero-right{text-align:center}.slip-main-header{text-align:center;flex-direction:column;gap:16px}.company-branding{flex-direction:column}.net-value .amount{font-size:32px}}:root{--primary:#4f46e5;--primary-600:#4f46e5;--primary-500:#6366f1;--primary-400:#818cf8;--primary-100:#e0e7ff;--primary-50:#eef2ff;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-danger-50:#fff1f2;--color-danger-100:#ffe4e6;--color-danger-200:#fecdd3;--color-danger-500:#f43f5e;--color-danger-600:#e11d48;--color-danger-700:#be123c;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-info-50:#f0f9ff;--color-info-100:#e0f2fe;--color-info-200:#bae6fd;--color-info-500:#0ea5e9;--color-info-600:#0284c7;--color-info-700:#0369a1;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-border-strong:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-text-placeholder:#94a3b8;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:12px;--radius-2xl:1.25rem;--radius-full:9999px;--font-family-base:"Inter", sans-serif;--font-family-display:"Outfit", "Inter", sans-serif;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--gradient-secondary:linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--gradient-hero:linear-gradient(135deg, #1e1b4b 0%, #3730a3 50%, #4f46e5 100%);--gradient-subtle:linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 8px 18px #0f172a1a;--shadow-lg:0 16px 32px #0f172a1f;--shadow-primary:0 10px 22px #4f46e540;--shadow-primary-lg:0 18px 42px #4f46e559;--shadow-success:0 10px 22px #10b98133;--shadow-danger:0 10px 22px #e11d4833;--shadow-focus:0 0 0 3px #6366f129;--transition-fast:.14s ease;--transition-base:.22s ease;--transition-slow:.32s ease}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);color:var(--color-text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#6366f114,#0000 28%),radial-gradient(circle at 100% 0,#0ea5e90f,#0000 26%),linear-gradient(#f8fafc 0%,#eef2ff 100%);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--shadow-focus);outline:none}::selection{color:var(--color-text-primary);background:#6366f12e}.app-layout{background:0 0;width:100%;height:100vh;display:flex;overflow:hidden}.main-area{background:0 0;flex-direction:column;flex:1;min-width:0;display:flex}.content-area{min-width:0;padding:var(--space-6);background:0 0;flex:1}.dashboard,.main-content,.sm-container,.page-shell,.page-container{width:100%}.dashboard-container,.sm-container,.page-shell,.page-container,.main-content,.content-area{animation:.24s fadeIn}.sm-container,.page-shell,.page-container{padding:var(--space-6)}.main-content,.sm-container,.page-shell,.page-container{min-height:calc(100vh - 120px)}.dashboard-container{gap:var(--space-4);padding:0;display:flex}.dashboard-main{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.page-header,.lm-page-header,.dashboard-header-title{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-title,.lm-page-title,.dashboard-header-title h1{font-family:var(--font-family-display);letter-spacing:-.03em;color:var(--color-text-primary);margin:0;font-size:28px;font-weight:800}.page-title-block{flex-direction:column;gap:4px;display:flex}.page-title-row{align-items:center;gap:10px;display:inline-flex}.page-title-icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.page-title-icon svg{width:24px;height:24px}.page-subtitle,.lm-page-subtitle,.dashboard-header-title p{color:var(--color-text-muted);margin:0;font-size:14px;font-weight:500}.card,.lm-card,.glass-card,.chart-card,.new-stat-card,.section-card,.summary-card,.content-card{border-radius:var(--radius-xl);background:#fffffff5;border:1px solid #94a3b829;box-shadow:0 18px 40px -18px #0f172a1f}.card,.lm-card,.glass-card,.chart-card,.section-card,.summary-card,.content-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card,.lm-card,.glass-card,.chart-card,.section-card,.summary-card,.content-card,.new-stat-card{transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.card:hover,.lm-card:hover,.glass-card:hover,.chart-card:hover,.section-card:hover,.summary-card:hover,.content-card:hover,.new-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-4px)}.lm-card,.glass-card,.section-card,.summary-card,.content-card{padding:var(--space-6)}.btn,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-save,.btn-add,.btn-cancel,.action-btn,.btn-icon,.btn-icon-only{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);transition:transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base), border-color var(--transition-base), color var(--transition-base);border:1px solid #0000;padding:10px 16px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.btn-primary,.btn-save,.btn-add{color:#fff;background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.btn-secondary,.btn-cancel,.btn,.action-btn,.btn-icon,.btn-icon-only{color:var(--color-text-secondary);border-color:var(--color-border);background:#ffffffeb}.btn-primary:hover,.btn-save:hover,.btn-add:hover,.btn-secondary:hover,.btn-cancel:hover,.btn:hover,.action-btn:hover,.btn-icon:hover,.btn-icon-only:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-danger{color:#fff;background:linear-gradient(135deg, var(--color-danger-500), var(--color-danger-700));box-shadow:var(--shadow-danger)}.btn-success{color:#fff;background:linear-gradient(135deg, var(--color-success-500), var(--color-success-700));box-shadow:var(--shadow-success)}.input-modern,.select-modern,.form-input,.lm-input,.lm-select,.lm-textarea,input[type=text],input[type=email],input[type=search],input[type=number],input[type=password],select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#fff}.input-modern,.select-modern,.form-input,.lm-input,.lm-select,.lm-textarea,input[type=text],input[type=email],input[type=search],input[type=number],input[type=password],select{min-height:42px;padding:10px 14px}input[type=date]{appearance:none;cursor:pointer;min-height:42px;position:relative}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;padding:4px;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.modern-datepicker-container .datepicker-input{background:#fff}textarea,.lm-textarea{resize:vertical;min-height:110px;padding:12px 14px}.input-modern:hover,.select-modern:hover,.form-input:hover,.lm-input:hover,.lm-select:hover,.lm-textarea:hover,input:hover,select:hover,textarea:hover{border-color:var(--color-border-strong)}.input-modern:focus,.select-modern:focus,.form-input:focus,.lm-input:focus,.lm-select:focus,.lm-textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--color-primary-600);box-shadow:var(--shadow-focus);outline:none}.table-modern,.orders-table,.table-responsive table,.table,.data-table{border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;width:100%;overflow:hidden}.table-modern th,.table-modern td,.orders-table th,.orders-table td,.table-responsive table th,.table-responsive table td,.table th,.table td,.data-table th,.data-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);padding:12px 14px}.table-modern thead th,.orders-table thead th,.table-responsive table thead th,.table thead th,.data-table thead th{background:var(--color-gray-50);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.badge,.status-badge,.tag,.pill{border-radius:var(--radius-full);border:1px solid #0000;justify-content:center;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-primary,.status-active,.tag-primary,.pill-primary{color:var(--color-primary-700);background:var(--color-primary-50);border-color:var(--color-primary-100)}.badge-success,.status-completed,.tag-success,.pill-success{color:var(--color-success-700);background:var(--color-success-50);border-color:var(--color-success-100)}.badge-warning,.status-pending,.tag-warning,.pill-warning{color:var(--color-warning-700);background:var(--color-warning-50);border-color:var(--color-warning-100)}.badge-danger,.status-cancelled,.status-rejected,.tag-danger,.pill-danger{color:var(--color-danger-700);background:var(--color-danger-50);border-color:var(--color-danger-100)}.badge-gray,.status-neutral,.pill-neutral{color:var(--color-gray-700);background:var(--color-gray-100);border-color:var(--color-border)}.empty-state,.loading-state,.no-data,.lm-empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:#ffffffdb}.filter-bar,.filters,.search-bar,.toolbar,.actions-bar,.header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.modal,.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (width<=1024px){.content-area{padding:var(--space-5)}.dashboard-container{flex-direction:column}}@media (width<=768px){.content-area{padding:var(--space-4)}.page-title,.lm-page-title,.dashboard-header-title h1{font-size:22px}.page-header,.lm-page-header,.dashboard-header-title,.filter-bar,.filters,.search-bar,.toolbar,.actions-bar,.header-actions{align-items:stretch}.btn,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-save,.btn-add,.btn-cancel,.action-btn,.btn-icon,.btn-icon-only{width:100%}}