@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary: #1763A6;--primary-hover: color-mix(in srgb, var(--primary) 85%, black);--primary-active: color-mix(in srgb, var(--primary) 75%, black);--primary-focus: color-mix(in srgb, var(--primary) 30%, transparent);--primary-disabled: color-mix(in srgb, var(--primary) 40%, #e2e8f0);--bg-color: #F5F7FA;--card-bg: #FFFFFF;--text-main: #172033;--text-muted: #667085;--tertiary: #CCA254;--border-color: #E4E7EC;--success: #10b981;--warning: #f59e0b;--error: #ef4444;color-scheme:light;--color-warehouse: #ea580c;--color-hse: #dc2626;--sidebar-width: 280px;--sidebar-collapsed-width: 80px;--sidebar-bg: #1763A6;--sidebar-text: #FFFFFF;--sidebar-hover: color-mix(in srgb, var(--sidebar-bg) 85%, black);--sidebar-active: color-mix(in srgb, var(--sidebar-bg) 75%, black);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--border-radius-base: 6px;--bg-white: #FFFFFF;--border-thin: #E4E7EC}:root.dark,.dark{--primary: #3b82f6;--primary-hover: color-mix(in srgb, var(--primary) 85%, white);--primary-active: color-mix(in srgb, var(--primary) 75%, white);--primary-focus: color-mix(in srgb, var(--primary) 30%, transparent);--primary-disabled: color-mix(in srgb, var(--primary) 40%, #334155);--bg-color: #020617;--card-bg: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--tertiary: #CCA254;--border-color: #334155;--success: #10b981;--warning: #f59e0b;--error: #ef4444;color-scheme:dark;--color-warehouse: #9a3412;--color-hse: #991b1b;--sidebar-bg: rgba(15, 23, 42, .85);--sidebar-text: #f8fafc;--sidebar-hover: color-mix(in srgb, var(--sidebar-bg) 85%, white);--sidebar-active: color-mix(in srgb, var(--sidebar-bg) 75%, white);--bg-white: #0f172a;--border-thin: #334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}.glass{background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius-base);border:none;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.btn-primary:active{transform:translateY(1px);background-color:var(--primary-active)}.app-layout{display:flex;height:100vh;padding-top:64px;box-sizing:border-box;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1);height:100%;overflow:hidden}.dashboard-header{height:64px;background-color:var(--bg-white);border-bottom:1px solid var(--border-thin);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1050;position:fixed;top:0;left:0;right:0}.content-area{padding:1.5rem;overflow-y:auto;flex:1;background-color:var(--bg-color)}@media (max-width: 1024px){.content-area{padding:1rem}.mobile-hamburger{display:flex!important}.dashboard-header{justify-content:space-between!important;padding:0 8px 0 16px!important}h1,.page-title{font-size:1.5rem!important;line-height:1.3}h2,.section-title{font-size:1.125rem!important;line-height:1.3}h3,.card-title{font-size:.875rem!important;line-height:1.4}p,.card-description,.body-text{font-size:.8125rem!important;line-height:1.5}.label-text,.icon-text{font-size:.75rem!important;line-height:1.4}}@media (min-width: 769px){.hide-on-desktop{display:none!important}}@media (max-width: 768px){.content-area{padding:1rem;padding-bottom:calc(1rem + 64px)}.hide-on-mobile{display:none!important}.dashboard-header{padding:0 8px 0 12px!important;height:56px!important}.topbar-logo-main{height:36px!important}.topbar-brand-wrapper{gap:8px!important;margin-left:0!important}.mobile-hamburger{margin-left:-4px!important;width:36px!important;height:36px!important}.mobile-hamburger svg{width:20px;height:20px}.desktop-search{display:none!important}.mobile-search-btn{display:flex!important}.profile-text-desktop{display:none!important}.profile-text-mobile{display:flex!important}.topbar-actions{gap:2px!important}.topbar-actions .icon-btn svg{transform:scale(.85)}.topbar-actions .icon-btn{width:34px!important;height:34px!important}.user-profile{padding:4px!important;gap:6px!important}.user-profile .avatar{width:32px!important;height:32px!important}.topbar-separator{margin:0 2px!important;height:20px!important}input,select,textarea{width:100%}}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;border-radius:var(--border-radius-base)}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:800px}.skeleton{background:var(--border-thin);border-radius:var(--border-radius-base);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff6 20%,#ffffffb3 60%,#fff0);animation:shimmer 1.5s infinite}:root.dark .skeleton:after{background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0)}@keyframes shimmer{to{transform:translate(100%)}}.modal-overlay,.ui-modal-overlay,.tier-modal-overlay,.po-modal-overlay,.loading-overlay,.hr-modal-overlay,.spl-modern-modal-overlay,.edr-notif-overlay,.edr-modal-overlay,.cv-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:#0f172a99!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important}:root[data-theme=dark] .modal-overlay,:root.dark .modal-overlay,.dark .modal-overlay,:root[data-theme=dark] .ui-modal-overlay,:root.dark .ui-modal-overlay,.dark .ui-modal-overlay,:root[data-theme=dark] .tier-modal-overlay,:root.dark .tier-modal-overlay,.dark .tier-modal-overlay,:root[data-theme=dark] .po-modal-overlay,:root.dark .po-modal-overlay,.dark .po-modal-overlay,:root[data-theme=dark] .loading-overlay,:root.dark .loading-overlay,.dark .loading-overlay,:root[data-theme=dark] .hr-modal-overlay,:root.dark .hr-modal-overlay,.dark .hr-modal-overlay,:root[data-theme=dark] .spl-modern-modal-overlay,:root.dark .spl-modern-modal-overlay,.dark .spl-modern-modal-overlay,:root[data-theme=dark] .edr-notif-overlay,:root.dark .edr-notif-overlay,.dark .edr-notif-overlay,:root[data-theme=dark] .edr-modal-overlay,:root.dark .edr-modal-overlay,.dark .edr-modal-overlay,:root[data-theme=dark] .cv-modal-overlay,:root.dark .cv-modal-overlay,.dark .cv-modal-overlay{background-color:#000000bf!important}table thead,.table-container thead{background-color:var(--bg-color)!important}table thead th,.table-container thead th{color:var(--text-muted)!important;font-weight:600!important;border-bottom:1px solid var(--border-color)!important}.modern-demo-select{padding:6px 30px 6px 12px!important;border-radius:8px!important;background:linear-gradient(135deg,#3b82f60d,#9333ea0d)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;color:var(--primary)!important;border:1px solid rgba(147,51,234,.3)!important;box-shadow:0 2px 10px #9333ea1a!important;font-size:13px!important;font-weight:600!important;outline:none!important;cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%239333EA%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)!important;background-repeat:no-repeat!important;background-position:right 10px top 50%!important;background-size:10px auto!important;transition:all .2s ease!important}.modern-demo-select:hover,.modern-demo-select:focus{background:linear-gradient(135deg,#3b82f61a,#9333ea26)!important;border-color:#9333ea99!important;box-shadow:0 4px 12px #9333ea33!important}.dark .modern-demo-select{background:linear-gradient(135deg,#3b82f61a,#9333ea1a)!important;color:#c084fc!important;border:1px solid rgba(192,132,252,.4)!important;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23c084fc%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)!important}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:10000;transform:translateY(150%);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-container.show{transform:translateY(0);opacity:1}.toast-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:8px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-left:4px solid #3b82f6;min-width:300px}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-message{flex:1;font-size:.95rem;font-weight:500;color:#1e293b}.toast-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s ease}.toast-close:hover{color:#0f172a}.ui-modal-overlay.glass{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.ui-modal-content.glass{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);width:90%;max-width:400px;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.ui-modal-header h2{font-size:1.2rem;font-weight:600;color:#0f172a;margin:0}.ui-modal-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;background-color:#f8fafc;border-top:1px solid #e2e8f0}.ui-btn-close{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:4px;transition:all .2s ease}.ui-btn-close:hover{background-color:#f1f5f9;color:#0f172a}.ui-btn-cancel{background:transparent;border:1px solid #cbd5e1;color:#475569;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ui-btn-cancel:hover{background-color:#f1f5f9;color:#0f172a}.ui-btn-save{color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ui-btn-save:hover{background-color:#2563eb!important}.login-wrapper{height:100vh;display:flex;background-color:var(--bg-color, #f8fafc);font-family:Hanken Grotesk,system-ui,sans-serif;overflow:hidden}.login-container{width:100%;height:100vh;display:flex;background:url(/images/bg.png) center/cover no-repeat;overflow:hidden;position:relative}.login-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172a99,#1e3a8a66);z-index:1}.login-brand-side{flex:1.3;position:relative;display:flex;flex-direction:column;overflow:hidden;background:transparent}.brand-abstract-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.glow-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s infinite ease-in-out alternate}.shape-1{width:600px;height:600px;background:#60a5fa;top:-200px;left:-100px;animation-delay:0s}.shape-2{width:500px;height:500px;background:#8b5cf6;bottom:-150px;right:-100px;animation-delay:-5s}.shape-3{width:400px;height:400px;background:#38bdf8;top:40%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s;opacity:.4}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-50px) scale(1.05)}to{transform:translate(-20px,20px) scale(.95)}}.glass-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px;z-index:2}.brand-content{position:relative;z-index:3;padding:4rem;height:100%;display:flex;flex-direction:column}.brand-logo-top{margin-bottom:4rem}.brand-logo-top img{height:32px;width:auto;object-fit:contain}.brand-text{margin-bottom:3rem;animation:fadeIn .8s ease-out}.badge-modern{display:inline-block;padding:.5rem 1rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:2rem;color:#fff;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.5px}.brand-text h1{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.25rem;letter-spacing:-1.5px}.brand-text p{color:#ffffffd9;font-size:1.25rem;line-height:1.6;max-width:90%}.brand-footer{margin-top:auto;animation:fadeIn 1s ease-out}.modern-glass-card{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:1.5rem;border-radius:1.25rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 10px 40px -10px #0003}.glass-icon-wrap{width:48px;height:48px;background:#fff3;border-radius:1rem;display:flex;align-items:center;justify-content:center}.glass-icon-modern{font-size:1.5rem}.glass-card-text h4{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.glass-card-text p{color:#fffc;font-size:.95rem;line-height:1.4;margin:0}.login-form-side{flex:1;padding:0;display:flex;align-items:stretch;justify-content:flex-end;background:transparent;position:relative;z-index:10}.form-card-modern{width:100%;max-width:540px;background:#fff;border-radius:2rem 0 0 2rem;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:-10px 0 30px #0000000d;border:none;transition:all .3s ease}.form-box{width:100%;max-width:420px;min-width:0}.form-logo-container{display:flex;justify-content:center;margin-bottom:2rem}.theme-toggle-mobile{display:none}.theme-toggle-desktop{position:absolute;top:24px;right:24px;background:var(--bg-color, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;color:#fbbf24;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}:root.dark .theme-toggle-desktop,.dark .theme-toggle-desktop{color:#f8fafc;background:#1e293b;border-color:#334155}.form-logo-container img{height:100px;object-fit:contain;transition:filter .3s ease}.form-header{margin-bottom:1rem;text-align:center}.form-header h2{font-size:1.75rem;color:var(--text-main, #0f172a);font-weight:700;letter-spacing:-.5px;margin:0 0 .25rem}.form-header p{color:var(--text-muted, #64748b);font-size:.95rem;margin:0}.alert-toast-container{position:fixed;top:2rem;right:2rem;width:350px;max-width:calc(100vw - 4rem);z-index:9999;display:flex;flex-direction:column;gap:1rem}.error-alert,.success-alert{width:100%;display:flex;align-items:flex-start;gap:.75rem;background-color:#fef2f2f2;color:#b91c1c;padding:1rem 1.25rem;border-radius:.75rem;font-size:.9rem;font-weight:500;border:1px solid #fecaca;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;overflow:hidden;box-shadow:0 10px 40px -10px #0003}.error-alert span,.success-alert span{flex:1;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-height:1.5}.success-alert{background-color:#f0fdf4f2;color:#15803d;border-color:#bbf7d0}.fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form .input-group{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.login-form .input-group label{font-size:.875rem;font-weight:600;color:var(--text-main, #334155)}.login-form .input-field{display:flex;align-items:center;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:.75rem;padding:0 1rem;height:48px;width:100%;min-width:0;box-sizing:border-box;box-shadow:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-form .input-field:focus-within{background-color:#fff6;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent),0 4px 12px color-mix(in srgb,var(--primary) 10%,transparent);transform:translateY(-2px)}.field-icon{color:#334155;margin-right:.75rem;transition:color .3s ease}.login-form .input-field:focus-within .field-icon{color:var(--primary, #2563eb)}.login-form .input-field input{flex:1;height:100%;border:none;background:transparent;color:var(--text-main, #0f172a);font-size:.95rem;font-family:inherit;font-weight:500}.login-form .input-field input:focus{outline:none}.login-form .input-field input::placeholder{color:#94a3b8;font-weight:400}.login-form .input-field input:-webkit-autofill,.login-form .input-field input:-webkit-autofill:hover,.login-form .input-field input:-webkit-autofill:focus,.login-form .input-field input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--text-main, #0f172a)!important}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem;margin-bottom:.5rem}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-muted, #475569);font-weight:500;transition:color .2s ease}.remember-me:hover{color:var(--text-main, #0f172a)}.remember-me input{width:16px;height:16px;accent-color:var(--primary, #3b82f6);cursor:pointer;border-radius:4px}.forgot-password-link{background:none;border:none;color:var(--primary, #3b82f6);font-size:.875rem;font-weight:600;cursor:pointer;padding:0;transition:all .2s}.forgot-password-link:hover{color:var(--primary-active);text-decoration:underline}.submit-btn{width:100%;box-sizing:border-box;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-active) 100%);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 20%,transparent)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 30%,transparent);background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary-active) 100%)}.submit-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 20%,transparent)}.submit-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.btn-arrow{transition:transform .3s cubic-bezier(.4,0,.2,1)}.submit-btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.spinner{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-footer{margin-top:1rem;text-align:center;font-size:.875rem;color:#64748b;font-weight:500}.form-footer p{margin:0}.form-footer a{color:var(--primary, #3b82f6);text-decoration:none;font-weight:600;transition:color .2s ease}.form-footer a:hover{color:var(--primary-active);text-decoration:underline}:root.dark .login-wrapper,.dark .login-wrapper,:root.dark .login-form-side,.dark .login-form-side{background-color:transparent;border-color:var(--border-color, #1e293b)}:root.dark .login-container:before,.dark .login-container:before{background:linear-gradient(135deg,#0f172acc,#020617d9)}:root.dark .form-card-modern,.dark .form-card-modern{background:#1e293b;border:none;border-left:1px solid #334155;box-shadow:-10px 0 30px #0003}:root[data-theme=dark] .form-logo-container img,:root.dark .form-logo-container img,.dark .form-logo-container img,:root[data-theme=dark] .loader-logo,:root.dark .loader-logo,.dark .loader-logo{filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important}:root.dark .form-header h2,.dark .form-header h2{color:#f8fafc}:root.dark .form-header p,.dark .form-header p{color:#94a3b8}:root.dark .login-form .input-group label,.dark .login-form .input-group label{color:#cbd5e1}:root.dark .login-form .input-field,.dark .login-form .input-field{background-color:transparent;border-color:#ffffff40;box-shadow:none}:root.dark .login-form .input-field:focus-within,.dark .login-form .input-field:focus-within{background-color:#0000004d;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 4px #3b82f633,0 4px 12px #0000004d}:root.dark .field-icon,.dark .field-icon{color:#94a3b8}:root.dark .login-form .input-field input,.dark .login-form .input-field input{color:#f8fafc}:root.dark .login-form .input-field input:-webkit-autofill,:root.dark .login-form .input-field input:-webkit-autofill:hover,:root.dark .login-form .input-field input:-webkit-autofill:focus,:root.dark .login-form .input-field input:-webkit-autofill:active,.dark .login-form .input-field input:-webkit-autofill,.dark .login-form .input-field input:-webkit-autofill:hover,.dark .login-form .input-field input:-webkit-autofill:focus,.dark .login-form .input-field input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#f8fafc!important}:root.dark .login-form .input-field input::placeholder,.dark .login-form .input-field input::placeholder{color:#64748b}:root.dark .remember-me,.dark .remember-me{color:#cbd5e1}:root.dark .remember-me:hover,.dark .remember-me:hover{color:#f8fafc}:root.dark .form-footer,.dark .form-footer{color:#94a3b8}:root.dark .error-alert,.dark .error-alert{background-color:#7f1d1d66;border-color:#b91c1c80;color:#fca5a5}.fullscreen-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:flex;justify-content:center;align-items:center;animation:fadeInOverlay .4s ease-out forwards}.loader-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-ring{position:absolute;width:140px;height:140px;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);border-right-color:#8b5cf6;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 20px color-mix(in srgb,var(--primary) 20%,transparent)}.loader-ring-2{position:absolute;width:160px;height:160px;border-radius:50%;border:2px solid transparent;border-bottom-color:#60a5fa;border-left-color:#a78bfa;animation:spin 2s cubic-bezier(.68,-.55,.265,1.55) infinite reverse}.loader-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95px;height:auto;animation:pulseLogo 2s ease-in-out infinite;z-index:2;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.loader-content p{margin-top:7rem;color:#fff;font-weight:600;letter-spacing:2px;font-size:.95rem;text-transform:uppercase;animation:pulseText 1.5s ease-in-out infinite}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes pulseLogo{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}}@keyframes pulseText{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 1023px){.brand-content{padding:3rem}.brand-text h1{font-size:2.5rem}.brand-text p{font-size:1.1rem}.form-card-modern{padding:2.5rem;max-width:480px}}@media (max-width: 767px){.login-wrapper{display:block;min-height:100dvh;width:100vw;padding:0}.login-container{min-height:100dvh;width:100%;flex-direction:column;justify-content:center;align-items:center;padding:0;background-position:center;background-size:cover}.login-brand-side{display:none}.login-form-side{width:100%;padding:0;justify-content:center;align-items:center}.form-card-modern{width:calc(100% - 32px);max-width:none;margin:0 auto;border-radius:1.5rem;padding:2.5rem 1.5rem;border:none;box-shadow:0 10px 40px #0003}:root.dark .form-card-modern,.dark .form-card-modern{border:none}.theme-toggle-desktop{display:none!important}.theme-toggle-mobile{display:flex;position:fixed;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:var(--bg-color, #f8fafc);border:1px solid var(--border-color, #e2e8f0);align-items:center;justify-content:center;cursor:pointer;z-index:9999;box-shadow:0 4px 12px #0000001a;color:#fbbf24}:root.dark .theme-toggle-mobile,.dark .theme-toggle-mobile{color:#f8fafc;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#334155}.form-box{width:100%;max-width:100%}.form-logo-container{margin-bottom:1.25rem}.form-logo-container img{height:56px}.form-header{margin-bottom:1.5rem}.form-header h2{font-size:1.5rem;margin-bottom:.35rem}.form-header p{font-size:.875rem}.login-form{gap:1.125rem}.login-form .input-group{gap:.35rem}.login-form .input-field{height:48px}.submit-btn{height:48px;margin-top:.5rem}.form-options{flex-wrap:wrap;gap:.5rem}}@media (max-width: 390px){.form-card-modern{padding:2rem 1.25rem}.form-logo-container img{height:48px}.form-header h2{font-size:1.35rem}.login-form{gap:1rem}}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;margin:0;height:100%;max-height:100%;border-radius:0;flex-shrink:0;border-right:1px solid transparent}:root.dark .sidebar,.dark .sidebar{border-right:1px solid rgba(255,255,255,.15)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;height:72px;overflow:hidden;transition:border-color .3s ease;flex-shrink:0}.sidebar-header.mobile-only-header{display:none}.sidebar.collapsed .sidebar-header{padding:1.5rem 1rem}.sidebar-logo{width:60px;height:60px;min-width:60px;background:transparent!important;border:none!important;box-shadow:none!important;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;z-index:2}.sidebar-logo img{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--primary) 60%,transparent));transition:filter .3s ease;width:100%;height:100%;object-fit:contain}.sidebar.collapsed .sidebar-logo{width:48px;height:48px;min-width:48px}.sidebar-logo-img{width:100%;height:100%;object-fit:contain}.sidebar-brand-text{font-size:1.25rem;font-weight:700;color:color-mix(in srgb,var(--primary) 90%,#ffffff);text-shadow:0 0 12px color-mix(in srgb,var(--primary) 40%,transparent);white-space:nowrap;letter-spacing:-.02em;transition:opacity .2s}.sidebar.collapsed .sidebar-brand-text{opacity:0;pointer-events:none}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:#fffc;transition:all .2s cubic-bezier(.4,0,.2,1);margin:.125rem .625rem;white-space:nowrap;position:relative;border-radius:12px;border:1px solid transparent}.nav-item-icon{min-width:24px;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;color:#fffc}:root.dark .nav-item-icon{color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.nav-item-icon svg{width:20px;height:20px;stroke-width:1.75;transition:all .2s ease}.nav-item-text{font-weight:500;font-size:.95rem;transition:opacity .2s ease,transform .2s ease}:root.dark .nav-item-text{color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.sidebar.collapsed .nav-item-text{opacity:0;pointer-events:none}.nav-item:hover{background-color:var(--sidebar-hover);color:#fff;box-shadow:none}:root.dark .nav-item:hover{background-color:color-mix(in srgb,var(--primary) 20%,transparent);color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.nav-item:hover .nav-item-icon{color:#fff;filter:none}:root.dark .nav-item:hover .nav-item-icon{color:color-mix(in srgb,var(--primary) 60%,#ffffff)}.nav-item.active{background-color:var(--sidebar-active);color:var(--primary);font-weight:600;border:1px solid transparent;box-shadow:none}:root.dark .nav-item.active{background-color:color-mix(in srgb,var(--primary) 30%,transparent);color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.nav-item.active .nav-item-icon{color:var(--primary);filter:none}:root.dark .nav-item.active .nav-item-icon{color:color-mix(in srgb,var(--primary) 60%,#ffffff)}.nav-item.active .nav-item-icon svg{stroke-width:2.5;fill:none;transform:scale(1.1)}.nav-group,.nav-item-parent{position:relative;margin-bottom:.5rem}.sub-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease;position:relative}.sub-nav:before{content:"";position:absolute;left:37px;top:0;bottom:12px;width:2px;background-color:#ffffff26;display:block}:root.dark .sub-nav:before{background-color:#ffffff1a}.sub-nav.open{max-height:600px;opacity:1}.sidebar.collapsed .sub-nav{position:absolute;left:calc(100% + 4px);top:0;min-width:200px;background-color:var(--sidebar-bg);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.5rem;box-shadow:0 4px 20px #00000026;max-height:none;opacity:0;visibility:hidden;transform:translate(-4px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:1000}.sidebar.collapsed .sub-nav:before{display:none}:root:not(.dark) .sidebar.collapsed .sub-nav{background-color:#fff;border-color:#0000000d;box-shadow:0 4px 20px #00000014}.sidebar.collapsed .nav-group:hover .sub-nav,.sidebar.collapsed .nav-item-parent:hover .sub-nav,.sidebar.collapsed .nav-group:focus-within .sub-nav,.sidebar.collapsed .nav-item-parent:focus-within .sub-nav{opacity:1;visibility:visible;transform:translate(0)}.nav-group:hover .nav-item:not(.active),.nav-item-parent:hover .nav-item:not(.active){background-color:#ffffff08}:root:not(.dark) .nav-group:hover .nav-item:not(.active),:root:not(.dark) .nav-item-parent:hover .nav-item:not(.active){background-color:#00000005}.sub-nav-item{position:relative;display:flex;align-items:center;margin:.125rem .625rem .125rem 3.375rem;padding:.5rem .75rem;color:#ffffffb3;font-size:.85rem;font-weight:500;border-radius:6px;transition:all .15s ease;text-decoration:none;white-space:nowrap;background-color:transparent;border:none}:root.dark .sub-nav-item{color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.sub-nav-item:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#ffffff4d;transition:all .2s ease;z-index:2}.sub-nav-item:hover{background-color:#ffffff0f;color:#fff}.sub-nav-item:hover:before{background-color:#fff;transform:translateY(-50%) scale(1.3);box-shadow:0 0 0 3px #ffffff1a}:root.dark .sub-nav-item:hover{background-color:color-mix(in srgb,var(--primary) 20%,transparent);color:color-mix(in srgb,var(--primary) 80%,#ffffff)}:root.dark .sub-nav-item:hover:before{background-color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.sub-nav-item.active{background-color:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);font-weight:600}.sub-nav-item.active:before{background-color:var(--primary);transform:translateY(-50%) scale(1.4);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}:root.dark .sub-nav-item.active{background-color:color-mix(in srgb,var(--primary) 30%,transparent);color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.sub-nav-dot{display:none!important}.sidebar.collapsed .sub-nav-item{padding:.5rem .75rem}.sidebar.collapsed .sub-nav-item:before{display:none}.sidebar-footer{padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.nav-item.logout{color:#fca5a5;padding:.75rem 1rem;border-radius:12px;margin:0 .625rem}.nav-item.logout .nav-item-icon,.nav-item.logout .nav-item-text,:root.dark .nav-item.logout .nav-item-icon,:root.dark .nav-item.logout .nav-item-text{color:#fca5a5!important}.nav-item.logout:hover{background-color:#ef444426;color:#fecaca;box-shadow:0 4px 12px #ef444426}.nav-item.logout:hover .nav-item-icon,.nav-item.logout:hover .nav-item-text,:root.dark .nav-item.logout:hover .nav-item-icon,:root.dark .nav-item.logout:hover .nav-item-text{color:#fecaca!important;filter:drop-shadow(0 0 8px rgba(239,68,68,.4))}.sidebar-toggle{position:absolute;right:-10px;top:42px;transform:translateY(-50%);width:20px;height:60px;background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;z-index:20;padding:0;box-shadow:none;transition:all .2s ease}.toggle-line{width:2px;height:24px;background-color:color-mix(in srgb,var(--primary) 40%,rgba(255,255,255,.4));border-radius:2px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-toggle:hover .toggle-line{background-color:color-mix(in srgb,var(--primary) 80%,#ffffff);height:28px;box-shadow:0 0 6px #fff3}:root:not(.dark) .toggle-line{background-color:#ffffff80}:root:not(.dark) .sidebar-toggle:hover .toggle-line{background-color:#fff;box-shadow:0 0 6px #fff6}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1040;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (max-width: 1024px){.sidebar{position:fixed;top:0;left:0;height:100vh;max-height:100vh;margin:0;border-radius:0;z-index:1050;box-shadow:4px 0 24px #0003;transform:translate(0)}.sidebar-header{border-top-left-radius:0;border-top-right-radius:0}.sidebar.collapsed{transform:translate(-100%);width:var(--sidebar-width);box-shadow:none}.sidebar-toggle{display:none}.sidebar-overlay{display:block}.mobile-close-btn{display:flex!important}.sidebar-header.mobile-only-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;height:auto;background-color:#fff;border-bottom:1px solid #cbd5e1;box-shadow:0 4px 6px -1px #0000000d;z-index:2}:root.dark .sidebar-header.mobile-only-header,.dark .sidebar-header.mobile-only-header{background-color:transparent;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:none}.sub-nav{position:static;box-shadow:none;border:none;background-color:transparent;padding:0 0 .5rem 3.75rem;transform:none;display:none}.sub-nav.open{display:flex;opacity:1;visibility:visible;max-height:none}.nav-group:hover .sub-nav:not(.open),.nav-item-parent:hover .sub-nav:not(.open){display:none}:root:not(.dark) .sub-nav{background-color:transparent;box-shadow:none;border-color:transparent}.sidebar .nav-item{padding:14px 16px;margin:4px 16px;border-radius:12px}.sidebar .nav-item-text{font-size:13.5px}.sidebar .sub-nav-item{font-size:12.5px}.sidebar .nav-item-icon svg{width:20px;height:20px}.sidebar-header.mobile-only-header{padding:12px 16px}.mobile-close-btn{width:40px;height:40px;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background-color:#ffffff1a!important}}:root:not(.dark) .nav-item{color:#ffffffe6}:root:not(.dark) .nav-item-icon{color:#ffffffe6}:root:not(.dark) .nav-item:hover{background-color:#ffffff26;color:#fff;box-shadow:0 4px 16px #0000000d}:root:not(.dark) .nav-item:hover .nav-item-icon{color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}:root:not(.dark) .nav-item.active{background-color:#ffffff40;color:#fff;border-color:#ffffff4d;box-shadow:inset 0 1px 1px #fff6,0 4px 16px #0000000d}:root:not(.dark) .nav-item.active .nav-item-icon{color:#fff;filter:drop-shadow(0 0 12px rgba(255,255,255,.5))}:root:not(.dark) .sidebar-brand-text{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.4)}:root:not(.dark) .sub-nav-item{color:#fffc}:root:not(.dark) .sub-nav-item:hover{color:#fff;background-color:#ffffff26}:root:not(.dark) .sub-nav-item.active{color:#fff;background-color:#ffffff40}:root:not(.dark) .sub-nav-item:before{background-color:#ffffff80}:root:not(.dark) .sub-nav-item:hover:before{background-color:#fff}:root:not(.dark) .sub-nav-item.active:before{background-color:#fff}:root:not(.dark) .sidebar-toggle{color:#ffffffe6}:root:not(.dark) .sidebar-toggle:hover{color:#fff}@media (max-width: 767px){.sidebar{position:fixed!important;top:0;left:-100%;height:100vh;box-shadow:var(--shadow-lg);z-index:10001}.sidebar:not(.collapsed){left:0}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar-overlay{z-index:10000}}.page-header.bento-header.welcome-banner{display:flex;align-items:center;justify-content:space-between;background-color:var(--card-bg);padding:1.75rem 2.5rem;border-radius:12px;margin-bottom:1rem;border:1px solid var(--border-color);min-height:auto;box-shadow:0 1px 2px #00000008;position:relative;overflow:hidden;animation:fadeInDown .6s cubic-bezier(.16,1,.3,1)}.welcome-content{position:relative;z-index:2;width:100%;max-width:80%}.welcome-greeting{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem;line-height:1.2}.welcome-message{font-size:.95rem;color:var(--text-muted);line-height:1.6;max-width:80%;margin-bottom:1.25rem}.welcome-divider{display:none}.welcome-right-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-right:1rem}.welcome-illustration{display:flex;align-items:center;justify-content:center;opacity:.25;transition:opacity .3s ease;pointer-events:none}.welcome-info-row{display:flex;align-items:center;font-size:.85rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:1fr 2.2fr;grid-auto-rows:minmax(min-content,max-content);gap:10px;align-items:stretch}.news-section{grid-column:span 1;padding:0;height:auto;min-height:450px;border:none;background:transparent;box-shadow:none}.quick-access-section{grid-column:span 1;background:transparent;box-shadow:none;border:none;padding:0}.news-slideshow-container{width:100%;height:100%;border-radius:8px;overflow:hidden;position:relative;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d}.slideshow-wrapper{width:100%;height:100%;position:relative}.slideshow-image{width:100%;height:100%;object-fit:contain;background-color:#0f172a}.slideshow-wrapper:before{content:"Featured News";position:absolute;bottom:3rem;left:3rem;color:#fff;font-size:2rem;font-weight:800;z-index:2;text-shadow:0 2px 15px rgba(0,0,0,.6);letter-spacing:-.5px}.slide-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);width:54px;height:54px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:10}.slide-btn:hover{background-color:var(--primary);border-color:var(--primary);transform:translateY(-50%) scale(1.1);box-shadow:0 0 25px color-mix(in srgb,var(--primary) 70%,transparent)}.slide-btn.visible{opacity:1}.prev-btn{left:2rem}.next-btn{right:2rem}.slide-dots{position:absolute;bottom:2rem;right:3rem;display:flex;gap:10px;opacity:0;transition:opacity .3s ease;z-index:10}.slide-dots.visible{opacity:1}.dot{width:8px;height:8px;background-color:#fff6;border-radius:50%;cursor:pointer;transition:all .3s ease}.dot.active{background-color:var(--primary);transform:scale(1.5);box-shadow:0 0 12px var(--primary)}.home-section-header{margin-bottom:1rem;display:flex;align-items:center;margin-top:.5rem}.home-section-header h3{font-size:1.35rem;color:var(--text-main);display:flex;align-items:center;gap:.85rem;font-weight:800;letter-spacing:-.3px}.home-section-header .icon-wrapper{color:var(--primary);display:flex}.quick-access-grid{display:grid;gap:10px}.primary-qa-grid{grid-template-columns:1fr}.secondary-qa-section{margin-top:1rem}.secondary-qa-grid{grid-template-columns:repeat(3,1fr)}.quick-access-btn{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.quick-access-btn:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 12px #00000014}.qa-card-body{display:flex;flex-direction:column;gap:.75rem;width:100%}.qa-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);margin-bottom:.5rem;transition:all .2s ease}.quick-access-btn:hover .qa-icon-wrapper{background-color:var(--primary);color:#fff;transform:scale(1.05)}.qa-text-content{display:flex;flex-direction:column;gap:.25rem}.qa-title{font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1.2}.qa-subtitle{font-size:.8rem;color:var(--text-muted);line-height:1.3}.qa-compact-info{font-size:.75rem;color:var(--text-muted);font-weight:500;padding-top:.5rem;padding-bottom:.5rem;border-top:1px dashed var(--border-color);margin-top:.5rem;line-height:1.4;opacity:.85}:root.dark .qa-compact-info,.dark .qa-compact-info{border-top:1px dashed rgba(255,255,255,.15)}.qa-action{display:flex;align-items:center;gap:.4rem;margin-top:auto;font-size:.85rem;font-weight:600;color:var(--primary);opacity:.85;transition:all .2s ease}.qa-action-icon{transition:transform .2s ease}.quick-access-btn:hover .qa-action{opacity:1}.quick-access-btn:hover .qa-action-icon{transform:translate(4px)}.loading-text,.empty-text{text-align:center;color:var(--text-muted);padding:5rem;background:var(--card-bg);border-radius:1.5rem;border:1px dashed var(--border-color);width:100%;display:flex;align-items:center;justify-content:center;font-weight:600}.mobile-only-qa{display:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.desktop-only-qa{display:none!important}.mobile-only-qa{display:block!important}.dashboard-grid{display:flex!important;flex-direction:column!important;gap:16px}.news-section{order:-1;min-height:340px;height:340px}.slideshow-wrapper:before{font-size:1.25rem;bottom:1.5rem;left:1.5rem}.slide-dots{bottom:1.5rem;right:1.5rem}.page-header.bento-header{flex-direction:column;padding:1.5rem;align-items:flex-start;border-radius:1rem;margin-bottom:1rem}.header-text{max-width:100%}.header-decoration{display:none}.quick-access-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px}}@media (max-width: 768px){.news-section{min-height:220px;height:220px}.qa-preview-container{display:none!important}.quick-access-section,.secondary-qa-section{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}.quick-access-btn{min-height:auto;justify-content:flex-start;align-items:center;padding:0;border-radius:0;border:none;box-shadow:none;background:transparent}.quick-access-btn:hover{transform:translateY(-2px);box-shadow:none;background:transparent}.qa-header-row{flex-direction:column;text-align:center;align-items:center;gap:8px;width:100%}.qa-icon{width:64px;height:64px;border-radius:1rem;background:var(--card-bg)!important;border:1px solid var(--border-color);box-shadow:0 4px 15px -5px #0000000d;display:flex;align-items:center;justify-content:center}.qa-icon svg{width:24px!important;height:24px!important;color:inherit}.qa-title{font-size:.75rem!important;font-weight:500!important;line-height:1.3;color:var(--text-main)}}@media (max-width: 1024px){.page-header.bento-header.welcome-banner{padding:1.5rem 2rem}.welcome-greeting{font-size:1.75rem}.secondary-qa-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.page-header.bento-header.welcome-banner{flex-direction:column;padding:1.25rem 1rem;align-items:flex-start}.welcome-content,.welcome-message{max-width:100%}.welcome-greeting{font-size:1.5rem}.welcome-right-section{width:100%;flex-direction:row;justify-content:space-between;padding-right:0;margin-top:1rem}.welcome-illustration svg{width:60px;height:60px}.secondary-qa-grid{grid-template-columns:1fr}}@media (max-width: 480px){.quick-access-grid{grid-template-columns:1fr!important}}:root.dark .page-header.bento-header,.dark .page-header.bento-header{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,#0f172a),#020617);border:1px solid rgba(255,255,255,.05)}.weather-glow-sun{filter:drop-shadow(0 0 12px rgba(253,224,71,.6)) drop-shadow(0 0 24px rgba(253,224,71,.4))}.weather-glow-moon{filter:drop-shadow(0 0 12px rgba(219,234,254,.6)) drop-shadow(0 0 24px rgba(219,234,254,.4))}:root.dark .header-decoration:after,.dark .header-decoration:after{opacity:.4}:root.dark .quick-access-btn,.dark .quick-access-btn{background:#1e293b;border-color:#334155}:root.dark .quick-access-btn span,.dark .quick-access-btn span{color:#f8fafc}:root.dark .quick-access-btn:hover,.dark .quick-access-btn:hover{background:color-mix(in srgb,var(--primary) 8%,#1e293b);border-color:color-mix(in srgb,var(--primary) 40%,transparent);box-shadow:0 12px 30px -8px color-mix(in srgb,var(--primary) 40%,transparent)}:root.dark .qa-preview-item.link-item,.dark .qa-preview-item.link-item{color:#94a3b8!important}:root.dark .slideshow-wrapper:after,.dark .slideshow-wrapper:after{background:linear-gradient(to top,#0f172a,#0f172a99 40%,#0f172a1a)}:root.dark .loading-text,:root.dark .empty-text,.dark .loading-text,.dark .empty-text{background:#1e293b;border-color:#334155;color:#94a3b8}@media (max-width: 768px){.page-header.bento-header.welcome-banner{margin-top:-13px!important;padding:.6rem .85rem!important;margin-bottom:.5rem!important;flex-direction:row;flex-wrap:wrap;align-items:flex-start;position:relative;border-radius:6px;min-height:auto}.welcome-content{flex:1;min-width:70%;padding-right:2rem;max-width:100%}.welcome-greeting{font-size:1rem!important;margin-bottom:.1rem!important}.welcome-message{font-size:.65rem!important;line-height:1.15!important;margin-bottom:0!important;max-width:100%}.welcome-right-section{display:flex;flex-direction:column;padding:0;gap:0;width:100%;align-items:flex-end;margin-top:.2rem}.welcome-illustration{position:absolute;top:.5rem;right:.85rem;opacity:.4}.welcome-illustration svg{width:32px!important;height:32px!important}.welcome-info-row{font-size:.65rem!important;opacity:.9;font-weight:500}}@media (max-width: 1024px){.mobile-only-qa.quick-access-section{background:var(--card-bg)!important;border-radius:16px!important;padding:1.25rem 1rem!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #00000008!important;margin-top:0!important}.mobile-only-qa .home-section-header{margin-top:0!important;margin-bottom:1rem!important}.mobile-only-qa .home-section-header h3{font-size:1rem!important;font-weight:700}.mobile-qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:1.25rem .5rem;justify-content:center}.mobile-qa-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:transparent;border:none;padding:0;gap:.5rem;cursor:pointer}.mobile-qa-icon-wrapper{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);transition:transform .2s}.mobile-qa-icon-wrapper:active{transform:scale(.92)}.mobile-qa-icon-wrapper svg{width:28px;height:28px;stroke-width:2}.mobile-qa-title{font-size:.75rem;text-align:center;line-height:1.2;color:var(--text-main);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0 2px}}.custom-dropdown-container{position:relative;display:block;width:100%}.custom-dropdown-button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background-color:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:8px;padding:.4rem .875rem;font-size:.8125rem;font-family:inherit;font-weight:500;color:var(--text-main, #0f172a);cursor:pointer;outline:none;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;min-width:140px;width:100%}.custom-dropdown-button.disabled{background-color:var(--bg-slate, #f1f5f9);color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0;box-shadow:none}.custom-dropdown-button:hover{border-color:#cbd5e1}.custom-dropdown-button.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.custom-dropdown-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-dropdown-icon{color:#64748b;transition:transform .2s ease}.custom-dropdown-icon.open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;z-index:50;background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:8px;box-shadow:0 4px 20px #00000014;padding:.25rem;display:flex;flex-direction:column;gap:2px;animation:dropdownFadeIn .15s ease-out;max-height:250px;overflow-y:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--text-main, #0f172a);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:all .15s ease}.custom-dropdown-item.disabled{color:#94a3b8;cursor:not-allowed;font-style:italic}.custom-dropdown-item.disabled:hover{background:transparent;color:#94a3b8}.custom-dropdown-item:hover{background:color-mix(in srgb,var(--primary) 6%,transparent);color:var(--primary)}.custom-dropdown-item.selected{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-weight:600}.custom-dropdown-check{color:var(--primary)}:root.dark .custom-dropdown-button{background-color:var(--card-bg, #1e293b);border-color:color-mix(in srgb,var(--primary) 30%,transparent);color:#f1f5f9}:root.dark .custom-dropdown-menu{background:var(--card-bg, #1e293b);border-color:color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:0 4px 20px #00000080}:root.dark .custom-dropdown-item{color:#e2e8f0}:root.dark .custom-dropdown-item:hover{background:color-mix(in srgb,var(--primary) 15%,transparent);color:#f8fafc}.pm-container{flex:1;width:100%;height:100%;box-sizing:border-box;padding:0;background-color:transparent;font-family:inherit;color:var(--text-main, #0f172a)}.pm-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;margin-bottom:24px;width:100%}.pm-header-title h1{font-size:26px;font-weight:700;margin:0 0 6px;color:#0f172a;letter-spacing:-.5px}.pm-header-title p{margin:0;color:#64748b;font-size:14px}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--primary);color:#fff;border:none;padding:10px 18px;border-radius:9999px!important;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;width:max-content;flex-shrink:0}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;background-color:transparent;color:#64748b;border:2px solid #cbd5e1;padding:10px 18px;border-radius:9999px!important;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:max-content;flex-shrink:0}.btn-secondary:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.pm-top-actions{display:grid;grid-template-columns:1fr 2.5fr;gap:16px;margin-bottom:24px}.pm-top-actions-right{display:flex;flex-direction:column;gap:16px}@media (max-width: 1024px){.pm-top-actions{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.pm-top-actions{grid-template-columns:1fr;gap:12px}.pm-top-actions-right>div:first-child{flex-direction:column;width:100%}.pm-top-actions-right button{width:100%;justify-content:center}.action-desc{display:none}.pm-container{padding:16px}}.top-action-card{display:flex;align-items:center;background-color:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);gap:16px;position:relative;overflow:hidden}.top-action-card.stat-card-alt{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,var(--card-bg)),color-mix(in srgb,var(--primary) 5%,var(--card-bg)));border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:0 16px 16px;box-shadow:0 4px 15px -5px color-mix(in srgb,var(--primary) 40%,transparent);cursor:default;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;height:calc(100% - 16px);margin-top:16px;overflow:visible;padding:24px}.top-action-card.stat-card-alt:before{content:"";position:absolute;top:-16px;left:-1px;width:40%;height:16px;background:color-mix(in srgb,var(--primary) 15%,var(--card-bg));border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-bottom:2px solid color-mix(in srgb,var(--primary) 15%,var(--card-bg));border-radius:12px 12px 0 0;z-index:1}.top-action-card.stat-card-alt:hover{transform:none;border-color:color-mix(in srgb,var(--primary) 40%,transparent);box-shadow:0 6px 20px -5px color-mix(in srgb,var(--primary) 50%,transparent)}.stat-label{margin:0 0 2px;font-size:13px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stat-value{margin:0;font-size:32px;font-weight:700;color:#0f172a;line-height:1.1}.stat-icon-bg{background-color:transparent!important;color:var(--primary)!important;border:none}.top-action-card.interactive{cursor:pointer}.top-action-card.interactive:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #00000014;border-color:var(--primary, #cbd5e1);background-color:#fafaf9}.action-chevron{color:#94a3b8;margin-left:auto;transition:transform .2s}.top-action-card.interactive:hover .action-chevron{transform:translate(4px);color:var(--primary, #3b82f6)}.action-icon-wrapper{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;flex-shrink:0}.action-icon-wrapper svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.top-action-card.interactive:hover .action-icon-wrapper svg{transform:scale(1.2) rotate(-5deg)}.action-icon-wrapper.blue{background-color:transparent;color:#0284c7}.action-icon-wrapper.orange{background-color:transparent;color:#ea580c}.action-icon-wrapper.green{background-color:transparent;color:#16a34a}.action-info{display:flex;flex-direction:column}.action-info h3{margin:0 0 4px;font-size:15px;font-weight:600;color:#1e293b}.action-value{margin:0;font-size:24px;font-weight:700;color:#0f172a}.action-desc{margin:0;font-size:13px;color:#64748b}.action-items-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px 20px;box-shadow:0 1px 2px #00000005}.action-items-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.action-items-header h2{font-size:16px;font-weight:600;color:#0f172a;margin:0}.action-items-list{display:flex;flex-direction:column;gap:8px}.action-items-empty{padding:24px;text-align:center;color:#94a3b8;font-size:14px;font-style:italic;background-color:#f8fafc;border-radius:6px}.action-item-row{display:flex;align-items:center;padding:12px 16px;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;transition:all .2s}.action-item-row:hover{background-color:#f1f5f9;border-color:#e2e8f0}.action-item-col{display:flex;flex-direction:column}.action-item-indicator{width:32px;align-items:center;justify-content:center}.indicator-dot{width:10px;height:10px;border-radius:50%}.indicator-dot.orange{background-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.indicator-dot.blue{background-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.action-item-info{flex:1;min-width:0}.action-item-title{font-size:14px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.action-item-project{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-item-deadline{width:120px;font-size:13px;color:#475569;text-align:right;padding-right:16px}.action-item-action{width:80px;align-items:flex-end}.action-btn-navigate{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--primary);font-size:13px;font-weight:500;cursor:pointer;padding:6px 8px;border-radius:4px;transition:background .2s}.action-btn-navigate:hover{background-color:color-mix(in srgb,var(--primary) 10%,transparent)}.action-items-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.action-pagination-btn{display:flex;align-items:center;gap:4px;background-color:#fff;border:1px solid #e2e8f0;color:#334155;font-size:13px;font-weight:500;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.action-pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.action-pagination-btn:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.action-pagination-info{font-size:13px;color:#64748b;font-weight:500}.pm-stats{display:flex;margin-bottom:24px}.stat-card{background-color:#fff;border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:16px;min-width:260px;max-width:320px;box-shadow:0 1px 2px #0f172a0d;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px -3px #0f172a0d,0 4px 6px -2px #0f172a05}.stat-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;justify-content:center;align-items:center}.stat-icon-wrapper.blue{background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.stat-info h3{margin:0 0 4px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stat-value{margin:0;font-size:24px;font-weight:700;color:#0f172a}.pm-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-bar{position:relative;width:100%;max-width:360px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-bar input{width:100%;padding:10px 14px 10px 40px;border-radius:6px;border:1px solid #e2e8f0;font-size:14px;color:#0f172a;background-color:#fff;transition:all .2s ease;box-sizing:border-box}.search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.view-toggle{display:flex;background-color:#fff;border-radius:6px;border:1px solid #e2e8f0;padding:3px;margin-left:12px}.toggle-btn{background:none;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s}.toggle-btn:hover{color:#0f172a}.toggle-btn.active{background-color:#f1f5f9;color:var(--primary);box-shadow:0 1px 2px #0000000d}.pm-content{display:grid;margin-top:48px}.pm-content.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.pm-content.grid .project-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 20px -2px #0f172a0d,inset 0 1px #fff9;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.pm-content.grid .project-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -4px #0f172a14,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.8);background:#ffffffd9}:root.dark .pm-content.grid .project-card{background:#1e293b99;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px -2px #0003}:root.dark .pm-content.grid .project-card:hover{background:#1e293bcc;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 32px -4px #0000004d}.pm-content.list{grid-template-columns:1fr;gap:8px}.pm-content.list .project-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:16px 20px;border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 10px -2px #0f172a08;display:flex;flex-direction:row;align-items:center;gap:20px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.pm-content.list .project-card:hover{transform:translate(4px);background:#ffffffd9;box-shadow:0 8px 20px -4px #0f172a0f;border-color:#fffc}:root.dark .pm-content.list .project-card{background:#1e293b99;border:1px solid rgba(255,255,255,.05);box-shadow:0 2px 10px -2px #0003}:root.dark .pm-content.list .project-card:hover{background:#1e293bcc;border:1px solid rgba(255,255,255,.1)}.card-header{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--border-thin);padding-bottom:8px;margin-bottom:8px;min-height:84px}.pm-content.list .card-header{flex:0 0 35%;min-width:250px}.card-icon-container{padding:0!important;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important}.pm-content.list .card-icon-container{padding:0!important}.card-icon-container svg{width:20px;height:20px}.pm-content.grid .card-icon-container svg{width:24px;height:24px}.card-title-container{flex:1}.project-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#1e293b;line-height:1.3}.pm-content.list .project-title{font-size:14px;margin-bottom:2px}.project-division{border-radius:9999px;font-size:11px;font-weight:500;padding:3px 9px;line-height:1;display:inline-block;border-width:1px;border-style:solid}.project-division.div-ci{background-color:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary-active);border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.project-division.div-engineering{background-color:#dcfce7;color:#15803d;border-color:#86efac}.project-division.div-hr{background-color:#ffedd5;color:#c2410c;border-color:#fdba74}.project-division.div-finance{background-color:#fef9c3;color:#a16207;border-color:#fde047}.project-division.div-qa{background-color:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.project-division.div-qc{background-color:#f3e8ff;color:#7e22ce;border-color:#d8b4fe}.project-division.div-production{background-color:#fee2e2;color:#b91c1c;border-color:#fca5a5}.project-division.div-production-planning{background-color:#ffe4e6;color:#be123c;border-color:#fda4af}.project-division.div-production-admin{background-color:#fce7f3;color:#9d174d;border-color:#f9a8d4}.project-division.div-technical{background-color:#e0e7ff;color:#3730a3;border-color:#a5b4fc}.project-division.div-sales{background-color:#fdf4ff;color:#a21caf;border-color:#e879f9}.project-division.div-purchasing{background-color:#eef2ff;color:#4338ca;border-color:#a5b4fc}.project-division.div-inventory{background-color:#ccfbf1;color:#0f766e;border-color:#5eead4}.project-division.div-warehouse{background-color:#d1fae5;color:#065f46;border-color:#6ee7b7}.project-division.div-admin{background-color:#f1f5f9;color:#334155;border-color:#94a3b8}.project-division.div-trading{background-color:#e0f2fe;color:#0369a1;border-color:#7dd3fc}.project-division.div-maintenance{background-color:#fff7ed;color:#c2410c;border-color:#fdba74}.project-division.div-automotive{background-color:#e0f2fe;color:#075985;border-color:#38bdf8}.project-division.div-trial{background-color:#ecfccb;color:#3f6212;border-color:#a3e635}.project-division.div-default{background-color:#f1f5f9;color:#475569;border-color:#cbd5e1}.card-body{display:flex;flex-direction:column;gap:14px;flex:1}.pm-content.list .card-body{flex:1;flex-direction:row;align-items:center;gap:24px}.progress-section{display:flex;flex-direction:column;gap:6px;margin-top:auto}.pm-content.list .progress-section{flex:1}.progress-label{display:flex;justify-content:space-between;font-size:12px;font-weight:500;color:#64748b}.progress-percentage{font-weight:600;color:#3b82f6}.completed-text{color:#22c55e!important}.progress-bar-bg{height:16px;background-color:#e2e8f0;border-radius:8px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background-color:#3b82f6;border-radius:8px;transition:width .5s ease}.completed-fill{background-color:#22c55e!important}.progress-bar-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:2;pointer-events:none}.deadline-section{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.pm-content.grid .deadline-section{padding-top:12px;border-top:1px dashed #e2e8f0}.pm-content.list .deadline-section{flex:0 0 150px;justify-content:flex-end}.pm-loading,.pm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 0;color:#64748b;text-align:center}.pm-empty h3{margin:16px 0 8px;color:#0f172a;font-size:16px}.empty-icon{color:#cbd5e1}.spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#0052cc;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 768px){.pm-controls{flex-direction:column;align-items:stretch;gap:16px}.view-toggle{margin-left:0;align-self:flex-start}.search-bar{max-width:100%}.pm-content.list .project-card{flex-direction:column;align-items:stretch;gap:12px}.pm-content.list .card-header{flex:auto}.pm-content.list .card-body{flex-direction:column;align-items:stretch;gap:12px}.pm-content.list .deadline-section{justify-content:flex-start;padding-top:8px;border-top:1px dashed #e2e8f0;flex:auto}}:root.dark .pm-container,.dark .pm-container{color:var(--text-main)}:root.dark .pm-header-title h1,.dark .pm-header-title h1{color:var(--text-main)}:root.dark .pm-header-title p,.dark .pm-header-title p{color:var(--text-muted)}:root.dark .top-action-card,.dark .top-action-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .top-action-card.interactive:hover,.dark .top-action-card.interactive:hover{border-color:var(--primary);background-color:var(--sidebar-hover)}:root.dark .action-icon-wrapper.blue,.dark .action-icon-wrapper.blue{background-color:#3b82f626}:root.dark .action-icon-wrapper.orange,.dark .action-icon-wrapper.orange{background-color:#ea580c26}:root.dark .action-icon-wrapper.green,.dark .action-icon-wrapper.green{background-color:#16a34a26}:root.dark .action-info h3,.dark .action-info h3{color:var(--text-main)}:root.dark .action-value,.dark .action-value{color:var(--text-main)}:root.dark .action-desc,.dark .action-desc{color:var(--text-muted)}:root.dark .action-items-container,.dark .action-items-container{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .action-items-header h2,.dark .action-items-header h2{color:var(--text-main)}:root.dark .action-items-empty,.dark .action-items-empty{background-color:var(--bg-color, #0f172a);color:var(--text-muted)}:root.dark .action-item-row,.dark .action-item-row{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155)}:root.dark .action-item-row:hover,.dark .action-item-row:hover{background-color:var(--sidebar-hover, #1e293b);border-color:var(--primary)}:root.dark .action-item-title,.dark .action-item-title{color:var(--text-main)}:root.dark .action-item-project,.dark .action-item-project{color:var(--text-muted)}:root.dark .action-item-deadline,.dark .action-item-deadline{color:var(--text-muted)}:root.dark .action-pagination-btn,.dark .action-pagination-btn{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155);color:var(--text-main)}:root.dark .action-pagination-btn:hover:not(:disabled),.dark .action-pagination-btn:hover:not(:disabled){background-color:var(--sidebar-hover, #1e293b);border-color:var(--primary)}:root.dark .action-pagination-btn:disabled,.dark .action-pagination-btn:disabled{background-color:transparent;color:var(--border-color);border-color:var(--border-color)}:root.dark .stat-card,.dark .stat-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .stat-icon-wrapper.blue,.dark .stat-icon-wrapper.blue{background-color:#3b82f626}:root.dark .stat-info h3,.dark .stat-info h3{color:var(--text-muted)}:root.dark .stat-value,.dark .stat-value{color:var(--text-main)}:root.dark .search-bar input,.dark .search-bar input{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155);color:var(--text-main)}:root.dark .view-toggle,.dark .view-toggle{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155)}:root.dark .toggle-btn:hover,.dark .toggle-btn:hover{color:var(--text-main)}:root.dark .toggle-btn.active,.dark .toggle-btn.active{background-color:var(--sidebar-hover, #1e293b);color:var(--primary)}:root.dark .pm-content.grid .project-card,.dark .pm-content.grid .project-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .pm-content.grid .project-card:hover,.dark .pm-content.grid .project-card:hover{border-color:var(--primary)}:root.dark .pm-content.list .project-card,.dark .pm-content.list .project-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .pm-content.list .project-card:hover,.dark .pm-content.list .project-card:hover{background-color:var(--sidebar-hover, #1e293b);border-color:var(--primary)}:root.dark .project-title,.dark .project-title{color:var(--text-main)}:root.dark .project-division,.dark .project-division{opacity:.85;filter:brightness(.88) saturate(1.1)}:root.dark .progress-label,.dark .progress-label{color:var(--text-muted)}:root.dark .progress-bar-bg,.dark .progress-bar-bg{background-color:var(--border-color, #334155)}:root.dark .deadline-section,.dark .deadline-section{color:var(--text-muted)}:root.dark .pm-content.grid .deadline-section,.dark .pm-content.grid .deadline-section{border-top-color:var(--border-color, #334155)}:root.dark .pm-empty h3,.dark .pm-empty h3{color:var(--text-main)}:root.dark .pm-loading,.dark .pm-loading,:root.dark .pm-empty,.dark .pm-empty{color:var(--text-muted)}.project-card-compact{background-color:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172a0d;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease,background-color .2s ease;display:flex;flex-direction:column;gap:12px;min-height:140px}.project-card-compact:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 32px -8px #0f172a1f,0 4px 12px -4px #0f172a14;border-color:#cbd5e1}.pm-content.list .project-card-compact{flex-direction:row;align-items:center;padding:12px 16px;gap:16px;min-height:auto}.pcc-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pm-content.list .pcc-top-row{align-items:center;width:280px;flex-shrink:0}.pcc-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--div-bg);color:var(--div-fg)}.pcc-top-right{display:flex;align-items:center;gap:8px}.pcc-badge{font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;white-space:nowrap;background-color:var(--div-bg);color:var(--div-fg);border:none}.pcc-options-wrapper{position:relative}.pcc-icon-btn{background:transparent;border:none;color:#94a3b8;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.pcc-icon-btn:hover{background-color:#f1f5f9;color:#64748b}.pcc-title-section{display:flex;flex-direction:column}.pm-content.list .pcc-title-section{flex:1}.pcc-title{margin:0;font-size:16px;font-weight:600;color:#0f172a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcc-metric-section{display:flex;flex-direction:column;gap:6px;margin-top:auto}.pm-content.list .pcc-metric-section{width:150px;margin-top:0;flex-shrink:0}.pcc-metric-header{display:flex;justify-content:space-between;align-items:baseline}.pcc-metric-label{font-size:12px;color:#64748b}.pcc-metric-value{font-size:16px;font-weight:700;color:#0f172a}.pcc-progress-track{width:100%;height:6px;background-color:#f1f5f9;border-radius:999px;overflow:hidden}.pcc-progress-fill{height:100%;border-radius:999px;transition:width .3s ease}.pcc-footer{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;margin-top:4px}.pm-content.list .pcc-footer{width:140px;margin-top:0;flex-shrink:0}.project-card-compact:hover .pcc-footer-action{opacity:1!important;color:#3b82f6!important}:root.dark .project-card-compact,.dark .project-card-compact{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .project-card-compact:hover,.dark .project-card-compact:hover{background-color:var(--card-bg-hover, #28374d);border-color:var(--border-color-hover, #4f617a);box-shadow:0 16px 32px -8px #0006,0 4px 12px -4px #0003}:root.dark .pcc-icon,.dark .pcc-icon,:root.dark .pcc-badge,.dark .pcc-badge{background-color:color-mix(in srgb,var(--div-fg) 15%,transparent);color:color-mix(in srgb,var(--div-fg) 90%,white)}:root.dark .pcc-title,.dark .pcc-title,:root.dark .pcc-metric-value,.dark .pcc-metric-value{color:var(--text-main, #f8fafc)}:root.dark .pcc-metric-label,.dark .pcc-metric-label,:root.dark .pcc-footer,.dark .pcc-footer{color:var(--text-muted, #94a3b8)}:root.dark .pcc-progress-track,.dark .pcc-progress-track{background-color:var(--border-color, #334155)}@media (max-width: 1024px){.pm-top-actions{flex-wrap:wrap}.pm-top-actions-right{flex-wrap:wrap;width:100%}}@media (max-width: 767px){.pm-header-title{flex-direction:column;gap:8px!important}.btn-back-home{margin-top:0!important}.pm-top-actions-right{flex-direction:column;align-items:stretch}.pm-top-actions-right>div{align-self:stretch!important;flex-direction:column}.pm-top-actions-right .btn-primary,.pm-top-actions-right .btn-secondary{width:100%}.action-items-header{flex-direction:column;align-items:stretch!important;gap:12px}.action-items-header>div:last-child{width:100%;flex-direction:column;align-items:stretch!important}.action-items-header .search-bar,.action-filter-select{width:100%}.pm-controls{flex-direction:column;align-items:stretch;gap:12px}.pm-controls .search-bar{width:100%;max-width:100%}.sort-select{width:100%;margin-left:0!important;margin-right:0!important}.view-toggle{align-self:flex-start}.pm-content.list .project-card-compact{flex-direction:column;align-items:stretch;padding:16px;height:auto}.pm-content.list .pcc-title,.pm-content.list .pcc-metric-section{width:100%;margin-bottom:12px}.pm-content.list .pcc-footer{width:100%}.create-project-modal .modal-content{width:95%!important;max-width:100%!important}}:root{--bg-white: #ffffff;--bg-light: #fafafa;--bg-slate: #f8fafc;--text-main: #1e293b;--text-muted: #64748b;--primary-color: var(--primary);--primary-hover: color-mix(in srgb, var(--primary) 85%, black);--border-thin: #f1f5f9;--border-medium: #e2e8f0;--radius-sm: 4px;--radius-md: 6px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px -1px rgba(0, 0, 0, .02);--info-bg: #eff6ff;--info-text: #1e40af;--warning-bg: #fffbeb;--warning-text: #b45309;--success-bg: #f0fdf4;--success-text: #15803d;--error-text: #b91c1c}:root.dark,.dark{--bg-white: #1e293b;--bg-light: #0f172a;--bg-slate: #0f172a;--text-main: #ffffff;--text-muted: #94a3b8;--primary-color: var(--primary);--primary-hover: color-mix(in srgb, var(--primary) 85%, white);--border-thin: #334155;--border-medium: #334155;--info-bg: rgba(59, 130, 246, .1);--info-text: #93c5fd;--warning-bg: rgba(245, 158, 11, .1);--warning-text: #fcd34d;--success-bg: rgba(34, 197, 94, .1);--success-text: #86efac;--error-bg: rgba(239, 68, 68, .1);--error-text: #fca5a5}.ui-context-container{background-color:var(--bg-slate);min-height:100vh;color:var(--text-main)}.ui-context-header{background-color:#eff6ff;border-bottom:1px solid #e0f2fe;padding:32px 40px;margin-bottom:40px}.ui-context-main{padding:0 40px 40px}.ui-context-header h1{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--text-main)}.ui-context-header p{color:var(--text-muted);margin:0;font-size:14px}.ui-section{margin-bottom:48px}.ui-section-title{font-size:14px;font-weight:600;margin:0 0 16px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.showcase-box{border:1px dashed var(--border-medium);border-radius:var(--radius-md);padding:32px 24px 24px;position:relative;margin-bottom:24px;background-color:var(--bg-white)}.showcase-box:last-child{margin-bottom:0}.showcase-label{position:absolute;top:8px;left:12px;font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.showcase-content{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.showcase-content.block-mode{display:block}.w-full{width:100%!important;box-sizing:border-box}.w-200{width:200px;box-sizing:border-box}.items-start{align-items:flex-start}.gap-4{gap:4px}.gap-24{gap:24px}.mb-12{margin-bottom:12px;margin-top:0}.m-0{margin:0}.flex-wrap{flex-wrap:wrap}.ui-card{background-color:var(--bg-white);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-soft)}:root.dark .ui-card,.dark .ui-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}.typography-demo h1{font-size:28px;font-weight:600;margin:0 0 16px;color:var(--text-main)}.typography-demo h2{font-size:22px;font-weight:600;margin:0 0 12px;color:var(--text-main)}.typography-demo h3{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--text-main)}.typography-demo p{font-size:14px;line-height:1.5;margin:0 0 12px}.text-muted{color:var(--text-muted)!important}.colors-demo{display:flex;gap:16px;flex-wrap:wrap}.color-box{width:100px;height:100px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center;padding:8px;box-shadow:var(--shadow-sm);line-height:1.5}.bg-white{background-color:var(--bg-white)}.bg-light{background-color:var(--bg-light)}.bg-slate{background-color:var(--bg-slate)}.bg-primary{background-color:var(--primary-color)}.text-white{color:#fff}.border-thin{background-color:var(--bg-white);border:1px solid var(--border-thin)}.border-medium{background-color:var(--bg-white);border:1px solid var(--border-medium)}.mockup-topbar{height:56px;background-color:var(--bg-white);border:1px solid var(--border-thin);border-radius:var(--radius-md);display:flex;align-items:center;padding:0 20px;justify-content:space-between}.topbar-logo{font-weight:600;font-size:16px;width:200px}.topbar-search{position:relative;width:300px}.topbar-search input{width:100%;height:36px;padding:8px 12px 8px 36px;border:1px solid var(--border-thin);border-radius:var(--radius-sm);background-color:var(--bg-slate);font-size:13px;outline:none;transition:all .2s;color:var(--text-main);box-sizing:border-box}.topbar-search input:focus{background-color:var(--bg-white);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.topbar-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.topbar-actions{display:flex;align-items:center;gap:16px}.avatar{width:32px;height:32px;border-radius:var(--radius-md);background-color:var(--bg-slate);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.mockup-sidebar{width:220px;background-color:var(--bg-white);border:1px solid var(--border-thin);border-radius:var(--radius-md);padding:16px 8px;display:flex;flex-direction:column;gap:4px}.menu-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-muted);font-size:14px;text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;box-sizing:border-box}.menu-btn:hover{background-color:var(--bg-slate);color:var(--text-main)}.menu-btn.active{background-color:var(--info-bg);color:var(--primary-color);font-weight:500}.btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;box-sizing:border-box}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff;border:1px solid var(--primary)}.btn-primary:hover,.btn-primary.hover-state{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-white);color:var(--text-main);border:1px solid var(--border-medium)}:root.dark .btn-secondary,.dark .btn-secondary{background-color:var(--card-bg, #1e293b);color:#fff;border-color:var(--border-color, #334155)}.btn-secondary:hover,.btn-secondary.hover-state{background-color:var(--bg-slate)}.btn-ghost{background-color:transparent;color:var(--text-main);border:1px solid transparent}.btn-ghost:hover,.btn-ghost.hover-state{background-color:var(--bg-slate)}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid transparent;background-color:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;box-sizing:border-box}.icon-btn:hover,.icon-btn.hover-state{background-color:var(--bg-slate);color:var(--text-main)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.input-field{height:36px;padding:8px 12px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background-color:var(--bg-white);font-size:14px;color:var(--text-main);outline:none;transition:all .2s;width:250px;font-family:inherit;box-sizing:border-box}:root.dark .input-field,.dark .input-field{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);color:#fff}.input-field:focus,.input-field.focus-state{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--info-bg)}.input-field::placeholder{color:var(--text-muted)}.input-with-icon{position:relative;width:250px}.input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.pl-icon{padding-left:36px;width:100%}.select-wrapper{position:relative;width:250px}.select-wrapper select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.checkbox-label,.radio-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;margin-bottom:0!important;font-weight:400!important;color:var(--text-main)!important;font-size:14px}.custom-checkbox,.custom-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid var(--border-medium);background-color:var(--bg-white);cursor:pointer;position:relative;transition:all .2s;margin:0;box-sizing:border-box}.custom-checkbox{border-radius:3px}.custom-radio{border-radius:50%}.custom-checkbox:checked,.custom-radio:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-radio:checked:after{content:"";position:absolute;left:4px;top:4px;width:6px;height:6px;border-radius:50%;background-color:#fff}.alerts-demo{display:flex;flex-direction:column;gap:12px}.alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px}.alert svg{flex-shrink:0;margin-top:1px}.alert-info{background-color:var(--info-bg);color:var(--info-text)}.alert-warning{background-color:var(--warning-bg);color:var(--warning-text)}.alert-success{background-color:var(--success-bg);color:var(--success-text)}.alert-error{background-color:var(--error-bg);color:var(--error-text)}.badges-wrapper{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:var(--radius-sm);letter-spacing:.3px}.badge-default{background-color:var(--bg-slate);color:var(--text-muted);border:1px solid var(--border-medium)}.badge-primary{background-color:var(--info-bg);color:var(--info-text)}.badge-success{background-color:var(--success-bg);color:var(--success-text)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-text)}.badge-error{background-color:var(--error-bg);color:var(--error-text)}.list-demo{border:1px solid var(--border-thin);border-radius:var(--radius-md);background-color:var(--bg-white);overflow:hidden}.list-header{padding:12px 16px;background-color:var(--bg-slate);font-weight:600;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--border-thin);text-transform:uppercase}.list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-thin)}.list-title{font-size:14px;font-weight:500;color:var(--text-main)}.task-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.task-modal-container{background:#fff;width:100%;max-width:500px;max-height:90vh;border-radius:8px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column}.task-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0}.task-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.task-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:6px;flex:1}.form-group label{font-size:13px;font-weight:600;color:#334155}.modal-input{width:100%;padding:10px 12px;font-size:14px;color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}textarea.modal-input{resize:vertical}.task-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.cancel-btn{background:transparent;border:1px solid #cbd5e1;color:#475569;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.save-btn{background:var(--primary);border:none;color:#fff;padding:8px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.save-btn:hover:not(:disabled){background:var(--primary-hover)}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}:root.dark .task-modal-container,.dark .task-modal-container{background:var(--card-bg, #1e293b);border:1px solid var(--border-color, #334155)}:root.dark .task-modal-header,.dark .task-modal-header{border-bottom-color:var(--border-color, #334155)}:root.dark .task-modal-header h3,.dark .task-modal-header h3{color:var(--text-main)}:root.dark .modal-input,.dark .modal-input{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155);color:var(--text-main)}:root.dark .modal-input:focus,.dark .modal-input:focus{border-color:var(--primary)}:root.dark .cancel-btn,.dark .cancel-btn{border-color:var(--border-color, #334155);color:var(--text-muted)}:root.dark .cancel-btn:hover:not(:disabled),.dark .cancel-btn:hover:not(:disabled){background-color:var(--sidebar-hover, #334155);border-color:var(--text-main);color:var(--text-main)}.assignee-suggestions-list{position:absolute;top:100%;left:0;right:0;background:var(--bg-white, #ffffff);border:1px solid #E5E7EB;border-radius:6px;max-height:150px;overflow-y:auto;z-index:10;list-style:none;padding:0;margin:4px 0 0;box-shadow:0 4px 6px -1px #0000001a}.assignee-suggestion-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #F3F4F6;transition:background-color .2s}.assignee-suggestion-item:last-child{border-bottom:none}.assignee-suggestion-item:hover{background-color:#f9fafb}.assignee-name{font-weight:600;font-size:14px;color:#111827}.assignee-email{font-size:12px;color:#6b7280}:root.dark .assignee-suggestions-list,.dark .assignee-suggestions-list{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .assignee-suggestion-item,.dark .assignee-suggestion-item{border-bottom-color:var(--border-color, #334155)}:root.dark .assignee-suggestion-item:hover,.dark .assignee-suggestion-item:hover{background-color:var(--sidebar-hover, #334155)}:root.dark .assignee-name,.dark .assignee-name{color:var(--text-main)}:root.dark .assignee-email,.dark .assignee-email{color:var(--text-muted)}:root.dark .modal-input::placeholder,.dark .modal-input::placeholder{color:#64748b}.sr-header{width:100%;padding:1rem 2rem 0;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.sr-header-top{display:flex;align-items:center;gap:1.5rem}.title-group{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.25rem}.title-group h1{font-size:1.75rem;font-weight:600;color:var(--text-main);margin:0}.title-group p{color:var(--text-muted);font-size:.95rem;margin:0}.sr-tabs-wrapper{display:flex;justify-content:center;border-bottom:1px solid var(--border-thin)}.sr-tabs{display:flex;gap:2rem}.sr-tab{padding:.75rem .5rem;color:var(--text-muted);font-weight:500;font-size:.95rem;border-bottom:3px solid transparent;transition:all .2s ease;position:relative;top:1px;display:flex;align-items:center;gap:.5rem}.sr-tab:hover{color:var(--primary)}.sr-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.sr-content{width:100%;max-width:100%;padding-top:2rem;padding-bottom:3rem}.sr-banner{display:flex;align-items:flex-start;gap:.75rem;background:transparent;border:none;padding:0 2.25rem;margin-bottom:2rem;box-shadow:none}.banner-icon{color:var(--text-muted, #94a3b8);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.banner-text h3{font-size:.95rem;font-weight:600;color:var(--text-muted, #64748b);margin-bottom:.25rem}.banner-text p{color:var(--text-muted, #94a3b8);font-size:.85rem;line-height:1.5;margin:0}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:2rem;overflow:hidden;box-shadow:0 1px 3px #0f172a05;animation:fadeIn .3s ease-out}.sr-stepper{display:flex;align-items:flex-start;justify-content:space-between;max-width:600px;margin:0 auto 1.5rem;position:relative}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.step-circle{width:40px;height:40px;border-radius:50%;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;margin-bottom:.5rem;border:2px solid #e2e8f0;transition:all .3s ease}.step-label{font-size:.85rem;font-weight:500;color:#64748b;text-align:center;transition:all .3s ease}.step-item.active .step-circle{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.step-item.active .step-label{color:var(--text-main);font-weight:600}.step-item.completed .step-circle{background:var(--primary);color:#fff;border-color:var(--primary)}.step-item.completed .step-label{color:var(--primary)}.step-line{position:absolute;top:20px;left:calc(50% + 28px);right:calc(-50% + 28px);height:2px;background:#e2e8f0;z-index:1;transition:background .3s ease}.step-item.completed .step-line{background:var(--primary)}.step-item:last-child .step-line{display:none}.step-actions{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-primary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;background:var(--primary);color:#fff;border:none;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.section-header{display:flex;align-items:center;gap:1.25rem;padding:1.75rem 2.25rem;border-bottom:1px solid #f1f5f9;background:#f8fafc}.section-icon{flex-shrink:0;width:32px;height:32px}.text-red{color:#ef4444}.section-header h2{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.section-header p{font-size:.9rem;color:#64748b;margin:0}.section-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#334155;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=date],.form-group input[type=datetime-local],.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:.95rem;color:#0f172a;background:#fff;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-group textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.input-with-icon .icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.input-with-icon input{padding-left:2.75rem!important}.role-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;margin-bottom:1rem}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.role-header h4{margin:0;font-size:.95rem;font-weight:700;color:#334155}.btn-icon{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-icon:hover{background:#fee2e2}.btn-outline-dashed{width:100%;padding:1rem;border:2px dashed #cbd5e1;border-radius:8px;background:transparent;color:#64748b;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-outline-dashed:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}.btn-submit{display:flex;align-items:center;gap:.5rem;background-color:var(--primary);color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #4f46e533}.btn-submit:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 8px 12px -2px #4f46e54d}.sr-placeholder-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-align:center}.sr-placeholder-container h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:1.5rem 0 .5rem}.sr-placeholder-container p{color:#64748b;max-width:500px;line-height:1.6}.text-muted{color:#cbd5e1}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.sr-header-area{flex-direction:column;align-items:flex-start}.header-tabs{width:100%;overflow-x:auto}.tab-btn{white-space:nowrap}.form-grid{grid-template-columns:1fr;gap:0}}:root.dark .sr-header-area,.dark .sr-header-area{border-bottom-color:var(--border-thin, #334155)}:root.dark .sr-header-area .header-title h1,.dark .sr-header-area .header-title h1{color:var(--text-main, #f8fafc)}:root.dark .tab-btn,.dark .tab-btn{color:var(--text-muted, #94a3b8)}:root.dark .tab-btn:hover,.dark .tab-btn:hover{background:var(--card-bg, #1e293b);color:#60a5fa}:root.dark .sr-banner,.dark .sr-banner{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155);box-shadow:0 4px 6px -1px #0000004d}:root.dark .banner-icon,.dark .banner-icon{background:var(--bg-slate, #0f172a);color:#60a5fa;box-shadow:none}:root.dark .banner-text h3,.dark .banner-text h3{color:var(--text-main, #f8fafc)}:root.dark .banner-text p,.dark .banner-text p{color:#60a5fa}:root.dark .form-section,.dark .form-section{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .section-header,.dark .section-header{background:var(--bg-slate, #0f172a);border-bottom-color:var(--border-thin, #334155)}:root.dark .section-header h2,.dark .section-header h2{color:var(--text-main, #f8fafc)}:root.dark .section-header p,.dark .section-header p{color:var(--text-muted, #94a3b8)}:root.dark .form-group input[type=text],.dark .form-group input[type=text],:root.dark .form-group input[type=date],.dark .form-group input[type=date],:root.dark .form-group input[type=datetime-local],.dark .form-group input[type=datetime-local],:root.dark .form-group select,.dark .form-group select,:root.dark .form-group textarea,.dark .form-group textarea{background:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155);color:var(--text-main, #f8fafc)}:root.dark .form-group input:focus,.dark .form-group input:focus,:root.dark .form-group select:focus,.dark .form-group select:focus,:root.dark .form-group textarea:focus,.dark .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}:root.dark .role-card,.dark .role-card{background:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155)}:root.dark .role-header h4,.dark .role-header h4{color:var(--text-main, #f8fafc)}:root.dark .btn-icon:hover,.dark .btn-icon:hover{background:#ef444426}:root.dark .btn-outline-dashed,.dark .btn-outline-dashed{border-color:var(--border-thin, #334155);color:var(--text-muted, #94a3b8)}:root.dark .btn-outline-dashed:hover,.dark .btn-outline-dashed:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:var(--primary);color:var(--primary)}:root.dark .sr-placeholder-container,.dark .sr-placeholder-container{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .sr-placeholder-container h2,.dark .sr-placeholder-container h2{color:var(--text-main, #f8fafc)}:root.dark .sr-placeholder-container p,.dark .sr-placeholder-container p{color:var(--text-muted, #94a3b8)}.cihub-dashboard-card{width:100%;background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);padding:32px;border-radius:12px;box-shadow:0 4px 6px -1px #0f172a0d;display:flex;flex-direction:column;margin-bottom:2rem;box-sizing:border-box}.cihub-dashboard-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:36px;width:100%}.cihub-chart-side{display:flex;justify-content:center;align-items:center;flex:0 0 240px;width:240px}.cihub-status-list-side{flex:1;display:flex;flex-direction:column;gap:12px}.cihub-status-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg-slate, #f8fafc);border:1px solid var(--border-color, #f1f5f9);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.cihub-status-row:hover{transform:translate(4px);background:#00000008}.cihub-status-row.active{border-color:var(--primary, #006AFF);background-color:color-mix(in srgb,var(--primary) 6%,transparent)}.cihub-status-info{display:flex;align-items:center;gap:12px}.cihub-status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.cihub-status-label{font-size:14px;font-weight:600;color:var(--text-main, #0f172a)}.cihub-status-count-part{display:flex;align-items:center;gap:16px}.cihub-status-count{font-size:15px;font-weight:700;color:var(--text-main, #0f172a)}.cihub-status-percentage{font-size:11px;font-weight:700;color:var(--primary, #0D9488);background:color-mix(in srgb,var(--primary) 12%,transparent);padding:4px 10px;border-radius:9999px;letter-spacing:.5px;box-shadow:0 1px 2px #0000000d;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}@media (max-width: 768px){.cihub-dashboard-content{flex-direction:column;gap:28px}.cihub-chart-side{width:100%;flex:0 0 auto}}:root.dark .cihub-dashboard-card,.dark .cihub-dashboard-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);box-shadow:none}:root.dark .cihub-status-row,.dark .cihub-status-row{background:#ffffff04;border-color:var(--border-color, #334155)}:root.dark .cihub-status-row:hover,.dark .cihub-status-row:hover{background:var(--sidebar-hover, #334155)}:root.dark .cihub-status-row.active,.dark .cihub-status-row.active{border-color:var(--primary, var(--primary));background-color:color-mix(in srgb,var(--primary) 10%,transparent)}:root.dark .cihub-status-percentage,.dark .cihub-status-percentage{background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:none}.sr-filter-btn{padding:.4rem .8rem;border-radius:20px;border:1px solid var(--border-thin, #cbd5e1);background:var(--card-bg, white);color:var(--text-muted, #64748b);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.sr-filter-btn:hover{background:color-mix(in srgb,var(--primary) 8%,var(--card-bg));border-color:color-mix(in srgb,var(--primary) 30%,var(--border-thin));color:var(--primary);transform:translateY(-1px)}.sr-filter-btn.active{border-color:var(--primary, #0D9488);background:var(--primary, #0D9488);color:#fff}:root.dark .sr-filter-btn,.dark .sr-filter-btn{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);color:var(--text-muted, #94a3b8)}:root.dark .sr-filter-btn:hover,.dark .sr-filter-btn:hover{background:color-mix(in srgb,var(--primary) 15%,transparent);border-color:color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary)}:root.dark .sr-filter-btn.active,.dark .sr-filter-btn.active{border-color:var(--primary, #0D9488);background:var(--primary, #0D9488);color:#fff}.sug-header-area{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:0}.sug-header-area .header-title h1{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0;margin-bottom:1rem}.sug-content{padding-top:1.5rem;padding-bottom:1rem;padding-left:24px;padding-right:24px;width:100%;box-sizing:border-box}.sug-tab-container{width:100%;box-sizing:border-box}.sug-board-card{background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.sug-banner{display:flex;align-items:center;gap:1.5rem;border-radius:8px;padding:1.5rem 2rem;margin-bottom:2rem}.board-banner{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.board-banner .banner-icon{color:#d97706}.board-banner .banner-text h3{color:#b45309}.board-banner .banner-text p{color:#d97706}.tracker-banner{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff}.text-purple{color:#9333ea}.text-blue{color:#3b82f6}.text-orange{color:#f59e0b}.text-green{color:#10b981}.suggestion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.suggestion-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;transition:all .2s ease;box-shadow:0 2px 4px #0f172a05}.suggestion-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0f172a0d;border-color:#cbd5e1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-badge{padding:.35rem .75rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-approved{background:#d1fae5;color:#059669}.status-in-review{background:#ffedd5;color:#ea580c}.status-pending{background:#f1f5f9;color:#64748b}.sug-date{font-size:.8rem;color:#94a3b8}.card-body h3{font-size:1.1rem;color:#0f172a;margin-bottom:.5rem;line-height:1.4}.sug-dept{font-size:.85rem;color:#64748b;margin-bottom:1.5rem}.suggestion-card .card-footer{display:flex;gap:1rem;border-top:1px solid #f1f5f9;padding-top:1rem}.sug-table-container{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000d;width:100%;overflow:hidden}.user-table{width:100%;border-collapse:collapse;text-align:left}.user-table th{background-color:#f1f5f9;color:var(--text-main, #334155);font-weight:700;font-size:14px;padding:14px 16px;border-bottom:1px solid var(--border-color, #e2e8f0)}.user-table td{padding:14px 16px;font-size:14px;color:var(--text-main, #0f172a);border-bottom:1px solid var(--border-color, #e2e8f0);vertical-align:middle;word-wrap:break-word}.user-table tr{background-color:transparent;transition:background-color .2s ease}.user-table tr:hover{background-color:#00000004}.interaction-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:none;color:#64748b;font-weight:600;font-size:.9rem;cursor:pointer;transition:color .2s}.interaction-btn:hover{color:var(--primary)}.tracker-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}.stat-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:2rem;text-align:center;box-shadow:0 4px 6px -1px #0f172a05}.stat-box h4{font-size:2.5rem;font-weight:800;color:#0f172a;margin:1rem 0 .25rem}.stat-box p{color:#64748b;font-size:1rem;margin:0}.sug-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:2.5rem;box-shadow:0 4px 6px -1px #0f172a0d;max-width:800px;margin:0 auto}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{font-size:1.5rem;color:#0f172a;margin:1rem 0 .5rem}.form-header p{color:#64748b;margin:0}.form-row{display:flex;gap:1.5rem}@media (max-width: 768px){.sug-header-area{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding-top:8px!important;padding-left:12px!important;padding-right:12px!important}.sug-content{padding-left:12px!important;padding-right:12px!important}.sug-two-column-layout{gap:12px!important}.sug-form{margin-top:-16px!important}.sug-form-panel{padding:6px!important;gap:0px!important}.sug-form-panel .form-group{margin-bottom:0!important}.sug-form-panel .form-actions{margin-top:0!important}.leaderboard-stats-container{gap:12px!important;padding:8px 12px!important}.leaderboard-stats-container div{gap:4px!important}.leaderboard-stats-container span:nth-of-type(1){font-size:8px!important;letter-spacing:0px!important}.leaderboard-stats-container span:nth-of-type(2){font-size:8px!important}.leaderboard-stats-container svg{width:10px!important;height:10px!important}.tracker-desc-text{display:none!important}.sug-form-panel label{font-size:12px!important;margin-bottom:4px!important}.sug-form-panel input,.sug-form-panel textarea,.sug-form-panel select,.sug-form-panel .input-field{font-size:12px!important}.sug-header-area .header-content{padding-bottom:0!important}.sug-header-area>div:last-child{width:100%;overflow-x:auto;padding-bottom:8px;padding-top:4px;gap:8px!important;align-items:center!important}.sug-header-area>div:last-child::-webkit-scrollbar{display:none}.sug-header-area>div:last-child{-ms-overflow-style:none;scrollbar-width:none}.sug-header-area .header-title h1,.sug-header-area h1{font-size:1rem;margin-bottom:.15rem;line-height:1.2}.sug-header-area .header-title p,.sug-header-area p{font-size:.75rem;line-height:1.3;margin-bottom:.4rem}.edr-tab-link{font-size:12.5px!important;padding:8px 16px!important;white-space:nowrap;border:1px solid var(--border-color)!important;border-radius:9999px!important;background-color:var(--card-bg)!important;color:var(--text-muted)!important;transition:all .2s ease}.edr-tab-link.active{background-color:var(--primary-color, #2563eb)!important;border:1px solid var(--primary-color, #2563eb)!important;color:#fff!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.edr-tab-link svg{width:14px!important;height:14px!important}.input-saran-desc{display:none!important}.input-saran-title{font-size:16px!important;margin-bottom:0!important;text-align:center!important}.form-row{flex-direction:column;gap:0}.tracker-stats{grid-template-columns:1fr}.tracker-integrated-content{flex-direction:column;gap:32px}.tracker-chart-side{flex:0 0 auto;width:100%}.tracker-status-list-side{width:100%}}@media (max-width: 1024px){.tracker-two-column-layout{flex-direction:column;align-items:stretch}.tracker-integrated-card,.tracker-onprogress-card{width:100%;min-width:100%}}.tracker-two-column-layout{display:flex;gap:24px;width:100%;align-items:stretch;flex-wrap:wrap;margin-bottom:30px}.tracker-integrated-card{flex:1.3 1 450px;background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);padding:32px;border-radius:12px;box-shadow:0 4px 6px -1px #0f172a0d;display:flex;flex-direction:column;transition:all .3s ease}.tracker-onprogress-card{flex:1 1 350px;background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);padding:32px;border-radius:12px;box-shadow:0 4px 6px -1px #0f172a0d;display:flex;flex-direction:column;transition:all .3s ease}.chart-title{font-size:16px;font-weight:700;color:var(--text-main, #0f172a);margin:0 0 24px;text-align:left;width:100%}.tracker-integrated-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;width:100%}.tracker-chart-side{display:flex;justify-content:center;align-items:center;flex:0 1 200px;min-width:0}.chart-container circle{cursor:pointer;transition:stroke-width .3s ease,opacity .3s ease,filter .3s ease}.chart-container circle:hover{stroke-width:15px;opacity:.95;filter:brightness(1.1)}.chart-container{position:relative;display:flex;align-items:center;justify-content:center}.tracker-status-list-side{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px}.tracker-status-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-slate, #f8fafc);border:1px solid var(--border-color, #f1f5f9);border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tracker-status-row:hover,.tracker-status-row.active-highlight{background:#00000008;transform:translate(8px)}.status-label-part{display:flex;align-items:center;gap:12px}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-text-wrapper{display:flex;flex-direction:column;gap:2px}.status-code{font-size:13px;font-weight:700;color:var(--text-main, #0f172a)}.status-name{font-size:11px;color:var(--text-muted, #64748b)}.status-count-part{display:flex;align-items:center;gap:16px}.status-count{font-size:14px;font-weight:700;color:var(--text-main, #0f172a)}.status-unit{font-size:11px;font-weight:500;color:var(--text-muted, #64748b);margin-left:2px}.status-percentage{font-size:12px;font-weight:600;color:var(--text-muted, #64748b);background:#0000000a;padding:2px 6px;border-radius:4px;font-family:monospace}:root.dark .tracker-integrated-card,.dark .tracker-integrated-card,:root.dark .tracker-onprogress-card,.dark .tracker-onprogress-card,:root.dark .sug-board-card,.dark .sug-board-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);box-shadow:none}:root.dark .tracker-status-row,.dark .tracker-status-row{background:#ffffff05;border-color:var(--border-color, #334155)}:root.dark .tracker-status-row:hover,.dark .tracker-status-row:hover{background:var(--sidebar-hover, #334155)}:root.dark .status-percentage,.dark .status-percentage{background:#ffffff0f;color:var(--text-muted, #94a3b8)}:root.dark .sug-header-area .header-title h1,.dark .sug-header-area .header-title h1{color:var(--text-main)}:root.dark .board-banner,.dark .board-banner{background:linear-gradient(135deg,#d9770626,#d977060d);border-color:#d977064d}:root.dark .tracker-banner,.dark .tracker-banner{background:linear-gradient(135deg,#9333ea26,#9333ea0d);border-color:#9333ea4d}:root.dark .suggestion-card,.dark .suggestion-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .suggestion-card:hover,.dark .suggestion-card:hover{border-color:var(--primary)}:root.dark .card-body h3,.dark .card-body h3{color:var(--text-main)}:root.dark .sug-table-container,.dark .sug-table-container{background-color:var(--bg-color, #020617);border-color:var(--border-color, #334155)}:root.dark .sug-board-card .input-field,.dark .sug-board-card .input-field{background-color:var(--bg-color, #020617);border-color:var(--border-color, #334155);color:var(--text-main)}:root.dark .sug-board-card .input-field:focus,.dark .sug-board-card .input-field:focus,:root.dark .sug-board-card .input-field:focus-within,.dark .sug-board-card .input-field:focus-within{background-color:var(--bg-color, #020617);border-color:var(--primary)}:root.dark .sug-board-card .filter-label,.dark .sug-board-card .filter-label{background-color:var(--card-bg, #1e293b);color:var(--text-muted)}:root.dark .sug-form-card,.dark .sug-form-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .form-header h2,.dark .form-header h2{color:var(--text-main)}:root.dark .stat-box,.dark .stat-box{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .stat-box h4,.dark .stat-box h4{color:var(--text-main)}:root.dark .action-icon,.dark .action-icon{color:var(--text-muted)}:root.dark .action-icon:hover,.dark .action-icon:hover{background-color:var(--sidebar-hover, #334155);color:var(--text-main)}:root.dark .user-table th,.dark .user-table th{background-color:#0f172a!important;color:var(--text-main, #e2e8f0)!important;border-bottom:1px solid var(--border-color, #1e293b)!important}:root.dark .user-table td,.dark .user-table td{border-bottom:1px solid var(--border-color, #1e293b)!important;color:var(--text-main, #f8fafc)!important}:root.dark .user-table tr:hover,.dark .user-table tr:hover{background-color:#ffffff0a!important}.sug-sub-row{background-color:#f1f5f973!important}:root.dark .sug-sub-row,.dark .sug-sub-row{background-color:#ffffff08!important}td.deadline-overdue{color:#dc2626!important;background-color:#fef2f2}:root.dark td.deadline-overdue,.dark td.deadline-overdue{color:#fca5a5!important;background-color:#ef444426!important}td.deadline-warning{color:#d97706!important;background-color:#fffbeb}:root.dark td.deadline-warning,.dark td.deadline-warning{color:#fcd34d!important;background-color:#f59e0b26!important}:root.dark .ui-context-header h1,.dark .ui-context-header h1{color:var(--text-main)!important}:root.dark .ui-context-header p,.dark .ui-context-header p{color:var(--text-muted)!important}:root.dark .ui-context-header,.dark .ui-context-header{background-color:transparent!important;border-bottom-color:var(--border-color, #334155)!important}.tracker-tab-header{margin-bottom:24px;margin-left:0;margin-top:-12px}.filter-label{background-color:var(--card-bg, #ffffff)}.sug-modal-content::-webkit-scrollbar,.sug-modal-content *::-webkit-scrollbar{width:6px;height:6px}.sug-modal-content::-webkit-scrollbar-track,.sug-modal-content *::-webkit-scrollbar-track{background:transparent}.sug-modal-content::-webkit-scrollbar-thumb,.sug-modal-content *::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sug-modal-content::-webkit-scrollbar-thumb:hover,.sug-modal-content *::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root.dark .sug-modal-content::-webkit-scrollbar-thumb,:root.dark .sug-modal-content *::-webkit-scrollbar-thumb,.dark .sug-modal-content::-webkit-scrollbar-thumb,.dark .sug-modal-content *::-webkit-scrollbar-thumb{background:#475569}:root.dark .sug-modal-content::-webkit-scrollbar-thumb:hover,:root.dark .sug-modal-content *::-webkit-scrollbar-thumb:hover,.dark .sug-modal-content::-webkit-scrollbar-thumb:hover,.dark .sug-modal-content *::-webkit-scrollbar-thumb:hover{background:#64748b}.sug-two-column-layout{display:flex;flex-direction:row;gap:32px;max-width:1200px;margin:0 auto;align-items:flex-start}.sug-info-panel{flex:0 0 35%;background:var(--bg-slate, #f8fafc);border-radius:12px;padding:32px;border:1px solid var(--border-medium, #e2e8f0)}.sug-form-panel{flex:0 0 65%;background:var(--bg-white, #ffffff);border-radius:12px;padding:32px;border:1px solid var(--border-medium, #e2e8f0);box-shadow:0 4px 6px -1px #0f172a0d}.sug-info-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sug-info-title h3{font-size:1.25rem;font-weight:600;color:var(--text-main, #0f172a);margin:0}.sug-info-desc{font-size:14px;color:var(--text-muted, #64748b);line-height:1.5;margin-bottom:24px}.sug-info-section{margin-bottom:24px}.sug-info-section h4{font-size:13px;font-weight:600;color:var(--text-main, #0f172a);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.sug-info-list{list-style:none;padding:0;margin:0}.sug-info-list li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--text-muted, #64748b);margin-bottom:8px;line-height:1.4}.sug-info-list li svg{flex-shrink:0;color:var(--primary-color, #3b82f6);margin-top:2px}.sug-form-header{margin-bottom:24px;border-bottom:1px solid var(--border-thin, #f1f5f9);padding-bottom:16px}.sug-form-header h2{font-size:1.5rem;font-weight:700;color:var(--text-main, #0f172a);margin:0 0 8px}.sug-form-header p{font-size:14px;color:var(--text-muted, #64748b);margin:0}@media (max-width: 992px){.sug-two-column-layout{flex-direction:column}.sug-info-panel,.sug-form-panel{flex:1 1 auto;width:100%}}:root.dark .sug-info-panel,.dark .sug-info-panel{background:var(--bg-slate);border-color:var(--border-color)}:root.dark .sug-form-panel,.dark .sug-form-panel{background:var(--card-bg);border-color:var(--border-color)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;font-size:12px;font-weight:600;border-radius:9999px;line-height:1.2}.badge-default{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.badge-primary{background-color:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.badge-warning{background-color:#fffbeb;color:#d97706;border:1px solid #fde68a}.badge-info{background-color:#f0fdfa;color:#0d9488;border:1px solid #99f6e4}.badge-success{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.badge-error{background-color:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}:root.dark .badge-default,.dark .badge-default{background-color:#94a3b826;color:#94a3b8;border-color:#475569}:root.dark .badge-primary,.dark .badge-primary{background-color:#3b82f626;color:#60a5fa;border-color:#3b82f64d}:root.dark .badge-warning,.dark .badge-warning{background-color:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}:root.dark .badge-info,.dark .badge-info{background-color:#0ea5e926;color:#38bdf8;border-color:#0ea5e94d}:root.dark .badge-success,.dark .badge-success{background-color:#10b98126;color:#34d399;border-color:#10b9814d}:root.dark .badge-error,.dark .badge-error{background-color:#ef444433!important;color:#f87171!important;border-color:#ef444466!important}@media (max-width: 768px){.tracker-integrated-content{flex-direction:column!important;gap:24px!important}.tracker-status-row .status-name{font-size:11px!important}.tracker-status-row .status-count{font-size:12px!important}.tracker-status-row .status-unit{font-size:9px!important}.tracker-status-row .status-percentage{font-size:11px!important;padding:2px 6px!important;min-width:45px!important}.tracker-status-row svg text{font-size:8px!important}.tracker-onprogress-item h5{font-size:12px!important}.tracker-onprogress-item h5 span{font-size:10px!important;padding:2px 4px!important}.tracker-onprogress-item>div{font-size:10px!important}.board-desc-text,.sync-btn-text{display:none!important}.sync-btn{padding:0!important;border-radius:50%!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;justify-content:center!important}.board-filter-bar{overflow-x:auto!important;padding-top:12px!important;padding-bottom:8px!important;margin-top:4px!important;-ms-overflow-style:none;scrollbar-width:none}.board-filter-bar::-webkit-scrollbar{display:none}.board-filter-bar>div,.board-filter-bar>button:not(.reset-filter-btn){flex-shrink:0!important;min-width:160px!important}.reset-filter-btn{min-width:40px!important;max-width:40px!important;width:40px!important;padding:0!important;justify-content:center!important}.mobile-dropdown-menu{position:fixed!important;top:50%!important;bottom:auto!important;left:50%!important;width:85vw!important;max-width:320px!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;z-index:9999!important;box-shadow:0 8px 32px #0000004d!important;margin-top:0!important;padding-bottom:0!important;max-height:60vh!important;overflow-y:auto!important}.board-filter-bar .input-field,.board-filter-bar input,.board-filter-bar button{font-size:11px!important}.board-filter-bar .filter-label{font-size:9px!important}.mobile-dropdown-menu>div{font-size:11px!important;padding:8px 16px!important}.user-table th,.user-table td{font-size:11px!important;padding:6px 8px!important}.user-table td *{font-size:11px!important}.sug-modal-content{margin:16px!important;width:calc(100% - 32px)!important;max-height:60vh!important}.sug-modal-header{padding:12px 12px 8px!important}.sug-modal-body{padding:12px!important;gap:12px!important}.sug-modal-footer{padding:8px 12px 0!important}.sub-saran-grid{grid-template-columns:1fr!important;gap:12px!important}.sug-modal-content h3{font-size:14px!important}.sug-modal-content h4{font-size:13px!important;margin-bottom:8px!important}.sug-modal-content div,.sug-modal-content p,.sug-modal-content span,.sug-modal-content label,.sug-modal-content input,.sug-modal-content textarea{font-size:11px!important;line-height:1.4!important}.sug-modal-content .badge{font-size:9px!important;padding:2px 6px!important}.sug-modal-content button:not(.close-modal-btn){font-size:11px!important;padding:6px 14px!important}.sug-modal-content button.close-modal-btn{padding:4px!important;font-size:inherit!important}}.edr-header-area{display:flex;justify-content:space-between;align-items:center;border-bottom:none;padding-bottom:.5rem;margin-bottom:.75rem}.edr-header-area .header-title{display:flex;flex-direction:column}.edr-header-area .header-title h1{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.2}.edr-header-area .subtitle{font-size:.85rem;color:#64748b;margin:.25rem 0 0}.edr-header-area .header-actions{display:flex;align-items:center;gap:1rem}.edr-content{padding-top:2rem;padding-bottom:3rem;max-width:1100px;margin:0 auto}.ui-table-wrapper{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .05));margin-bottom:1.5rem}.ui-table{width:100%;border-collapse:collapse;background-color:var(--card-bg, #ffffff);font-size:.9rem;text-align:left}.ui-table th{background-color:var(--bg-color, #f8fafc);color:var(--text-main, #475569);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--border-color, #e2e8f0);white-space:nowrap;text-align:left!important}.ui-table td{padding:12px 16px;border-bottom:1px solid var(--border-color, #f1f5f9);color:var(--text-main, #1e293b);vertical-align:middle}.ui-table tbody tr:hover{background-color:var(--bg-color, #f8fafc)}.ui-table tbody tr:last-child td{border-bottom:none}.edr-stats-container{display:flex;flex-direction:row;align-items:stretch;gap:1.25rem;margin-bottom:2rem;flex-wrap:nowrap}.edr-stat-card{min-width:0;background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;padding:.75rem 1rem;display:flex;flex-direction:row;align-items:center;gap:.75rem;box-shadow:0 1px 2px #0000000a;transition:all .2s;position:relative;overflow:hidden;cursor:pointer;text-decoration:none!important;box-sizing:border-box;flex:1 1 0px}.edr-stat-card *{text-decoration:none!important}.edr-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f;border-right-color:#cbd5e1;border-top-color:#cbd5e1;border-bottom-color:#cbd5e1}.edr-stat-card.active-filter{box-shadow:0 2px 8px #00000014}.edr-stat-card.stat-master{border-left:4px solid #10b981!important}.edr-stat-card.stat-master.active-filter{background:color-mix(in srgb,#10b981 10%,var(--card-bg));border-color:#10b981}.edr-stat-card.stat-new{border-left:4px solid #3b82f6!important}.edr-stat-card.stat-new.active-filter{background:color-mix(in srgb,#3b82f6 10%,var(--card-bg));border-color:#3b82f6}.edr-stat-card.stat-review{border-left:4px solid #f97316!important}.edr-stat-card.stat-review.active-filter{background:color-mix(in srgb,#f97316 10%,var(--card-bg));border-color:#f97316}.edr-stat-card.stat-all{border-left:4px solid #8b5cf6!important}.edr-stat-card.stat-all.active-filter{background:color-mix(in srgb,#8b5cf6 10%,var(--card-bg));border-color:#8b5cf6}.edr-donut-chart{position:relative;width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--fill-color, #2563eb) calc(var(--percentage, 0) * 1%),var(--border-color, #e2e8f0) 0);display:flex;align-items:center;justify-content:center;flex-shrink:0}.edr-donut-inner{width:44px;height:44px;border-radius:50%;background:var(--card-bg, #ffffff);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-main, #0f172a)}.edr-stat-info{display:flex;flex-direction:column;min-width:0}.stat-title{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{margin:.25rem 0 0;font-size:1.5rem;font-weight:700;color:var(--text-main, #0f172a);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-desc{font-size:.7rem;color:#94a3b8;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edr-notif-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:40}.edr-notif-popup{position:absolute;top:40px;right:0;width:380px;max-width:90vw;padding:0;z-index:50;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:420px;border-radius:12px}.edr-notif-header{padding:12px 16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-color);border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;align-items:center}.edr-notif-title{margin:0;font-size:14px;font-weight:600;color:var(--text-main)}.edr-notif-mark-read{background:none;border:none;color:var(--primary-color, #0ea5e9);font-size:12px;cursor:pointer;font-weight:500;padding:0}.edr-notif-mark-read:hover{text-decoration:underline}.edr-notif-body{overflow-y:auto;flex:1}.edr-workspace-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;display:flex;flex-direction:column}.edr-workspace-header{padding:1.25rem 1.5rem;border-bottom:none;background-color:var(--card-bg)}.workspace-title-area{display:flex;align-items:baseline;gap:.75rem}.workspace-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.workspace-count{font-size:.85rem;color:#64748b;font-weight:500}.edr-toolbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding:1rem 1.5rem;flex-wrap:wrap;gap:1rem;background-color:#fff;border-bottom:none;position:relative;z-index:50}.edr-toolbar-left,.edr-toolbar-right{display:flex;align-items:center;gap:.75rem}.edr-search-wrapper{min-width:320px}.edr-search-wrapper .input-field,.input-with-icon input[placeholder*=Cari]{height:40px;border:1px solid #cbd5e1;border-radius:8px!important;background-color:#f8fafc;transition:all .2s;font-size:.9rem;padding-left:2.5rem}.edr-search-wrapper .input-field:focus,.input-with-icon input[placeholder*=Cari]:focus{background-color:var(--bg-white, #ffffff);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.edr-action-btn{height:40px;display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.9rem;font-weight:500;border-radius:8px;transition:all .2s;cursor:pointer}button.edr-action-btn.export-btn{background-color:#f0fdf4!important;color:#15803d!important;border:1px solid #bbf7d0!important}button.edr-action-btn.export-btn:hover:not(:disabled){background-color:#dcfce7!important;border-color:#86efac!important;color:#166534!important;box-shadow:none!important}.edr-upload-group,.edr-action-group{display:flex;align-items:center;gap:.75rem;position:relative}.edr-primary-btn{height:40px;display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.9rem;font-weight:600;background-color:var(--primary);color:#fff;border:none;border-radius:8px;transition:background-color .2s;cursor:pointer}.edr-primary-btn:hover{background-color:var(--primary-dark, #0f766e)}.edr-secondary-btn{height:40px;display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.9rem;font-weight:500;background-color:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:8px;transition:all .2s;cursor:pointer}.edr-secondary-btn:hover{background-color:#f8fafc;border-color:#94a3b8;color:#0f172a}.edr-tertiary-btn{height:40px;display:flex;align-items:center;gap:.5rem;padding:0 1rem;font-size:.9rem;font-weight:500;background-color:transparent;color:#475569;border:1px solid transparent;border-radius:8px;transition:all .2s;cursor:pointer}.edr-tertiary-btn:hover{background-color:#f1f5f9;color:#0f172a}.edr-dropdown-toggle{height:38px;display:flex;align-items:center;justify-content:center;padding:0 .5rem;background-color:var(--primary);color:#fff;border:none;border-radius:0 6px 6px 0;transition:background-color .2s}.edr-dropdown-toggle:hover{background-color:var(--primary-dark, #0f766e)}.edr-action-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:180px;z-index:50;overflow:hidden}.edr-dropdown-item{width:100%;padding:.625rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#334155;background:transparent;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background-color .2s}.edr-dropdown-item:last-child{border-bottom:none}.edr-dropdown-item:hover{background-color:#f8fafc}.edr-dropdown-item.text-green{color:#047857}.edr-table-wrapper{background:#fff;overflow-x:auto;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.edr-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;margin:0}.edr-table th{background:#f1f5f9;padding:1rem 1.5rem;text-align:left;font-size:.85rem;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10;box-shadow:none}.edr-table td{padding:1rem 1.5rem;font-size:.95rem;color:var(--text-main, #334155);border-bottom:1px solid var(--border-thin, #e2e8f0);vertical-align:middle}.edr-table tbody tr{transition:background-color .2s ease}.edr-table tbody tr:last-child td{border-bottom:none}.edr-table tbody tr:hover{background:var(--bg-color, #f8fafc)}.font-medium{font-weight:600}.cursor-pointer{cursor:pointer;transition:color .2s}.cursor-pointer:hover{color:#2563eb;text-decoration:underline}.category-tag{background:#f1f5f9;color:#475569;padding:.25rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500}.status-obsolete{background:#fee2e2;color:#ef4444}.action-buttons{display:flex;gap:.25rem}.edr-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:2.5rem;max-width:800px;margin:0 auto;box-shadow:0 4px 6px -1px #0000000d}.form-header-center h2{font-size:1.5rem;color:#0f172a;margin:1rem 0 .5rem}.form-header-center p{color:#64748b;margin:0}.upload-dropzone{border:2px dashed #cbd5e1;border-radius:8px;padding:3rem 2rem;text-align:center;background:#f8fafc;transition:all .2s ease;cursor:pointer;margin-top:1.5rem}.upload-dropzone:hover{border-color:var(--primary);background:#eff6ff}.upload-dropzone h4{font-size:1.1rem;color:#0f172a;margin:1rem 0 .25rem}.upload-dropzone p{color:#64748b;margin:0 0 1rem;font-size:.9rem}.file-hint{display:block;font-size:.8rem;color:#94a3b8}.btn-outline{background:transparent;border:1px solid #cbd5e1;padding:.6rem 1.25rem;border-radius:8px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.edr-placeholder-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-align:center}.edr-placeholder-container h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:1.5rem 0 .5rem}.edr-placeholder-container p{color:#64748b;max-width:500px;line-height:1.6}.edr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:2rem}.edr-modal-content{background:#fff;border-radius:8px;width:100%;max-width:900px;max-height:calc(100vh - 4rem);display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.edr-modal-header{padding:1.25rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start;background:#fff}.doc-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#0f172a}.doc-meta-chips{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.meta-chip{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#64748b;background:#f1f5f9;padding:.25rem .6rem;border-radius:6px}.btn-close{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:#fee2e2;color:#ef4444}.edr-modal-tabs{display:flex;border-bottom:1px solid #e2e8f0;padding:0 1.5rem;background:#fff}.modal-tab-btn{padding:1.25rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.modal-tab-btn:hover{color:#0f172a}.modal-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.edr-modal-body{padding:1.5rem 2rem;overflow-y:auto;flex:1;background:#f8fafc}.modal-tab-content{animation:fadeIn .3s ease-out}.revision-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.rev-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rev-header h3{margin:0;font-size:1.1rem;color:#0f172a}.rev-desc{color:#475569;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.rev-footer{border-top:1px solid #f1f5f9;padding-top:1rem;font-size:.85rem;color:#64748b}.opacity-70{opacity:.7}.audit-timeline{list-style:none;padding:0;margin:0;position:relative}.audit-timeline:before{content:"";position:absolute;top:0;bottom:0;left:6px;width:2px;background:#e2e8f0}.audit-timeline li{position:relative;padding-left:2rem;margin-bottom:1.5rem}.audit-dot{position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #e2e8f0}.audit-details{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;font-size:.95rem;color:#334155}.audit-details span{display:block;font-size:.8rem;color:#94a3b8;margin-top:.5rem}.download-item{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:.75rem}.dl-icon{width:40px;height:40px;background:#f1f5f9;color:#64748b;border-radius:50%;display:flex;align-items:center;justify-content:center}.dl-info flex-1{flex:1}.dl-info h4{margin:0 0 .25rem;font-size:.95rem;color:#0f172a}.dl-info p{margin:0;font-size:.85rem;color:#64748b}.dl-time{font-size:.8rem;color:#94a3b8;margin-left:auto}.py-5{padding-top:3rem;padding-bottom:3rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}@media (max-width: 768px){.edr-header-area{flex-direction:column;align-items:flex-start}.edr-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.edr-filters{width:100%;flex-direction:column}.edr-search-input,.edr-select{width:100%}.edr-modal-overlay{padding:1rem}.edr-modal-tabs{overflow-x:auto}.modal-tab-btn{white-space:nowrap}}.edr-tab-link{display:flex;align-items:center;gap:8px;padding:10px 16px;color:var(--text-muted);font-size:14px;font-weight:500;border-bottom:2px solid transparent;text-decoration:none;transition:all .2s}.edr-tab-link:hover{color:var(--primary-color)}.edr-tab-link.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.slide-in-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards}:root.dark .edr-header-area,.dark .edr-header-area{border-bottom-color:var(--border-color, #334155)}:root.dark .edr-header-area .header-title h1,.dark .edr-header-area .header-title h1{color:var(--text-main)}:root.dark .edr-header-area .subtitle,.dark .edr-header-area .subtitle{color:var(--text-muted)}:root.dark .edr-stat-card:not(.active-filter),.dark .edr-stat-card:not(.active-filter){background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .edr-stat-card:not(.active-filter) .stat-title,.dark .edr-stat-card:not(.active-filter) .stat-title{color:var(--text-muted)}:root.dark .edr-stat-card:not(.active-filter) .stat-value,.dark .edr-stat-card:not(.active-filter) .stat-value{color:var(--text-main)}:root.dark .edr-stat-card.stat-master:not(.active-filter):hover,.dark .edr-stat-card.stat-master:not(.active-filter):hover{background-color:#10b98126;border-color:#10b9814d}:root.dark .edr-stat-card.stat-new:not(.active-filter):hover,.dark .edr-stat-card.stat-new:not(.active-filter):hover{background-color:#3b82f626;border-color:#3b82f64d}:root.dark .edr-stat-card.stat-review:not(.active-filter):hover,.dark .edr-stat-card.stat-review:not(.active-filter):hover{background-color:#f9731626;border-color:#f973164d}:root.dark .edr-stat-card.stat-all:not(.active-filter):hover,.dark .edr-stat-card.stat-all:not(.active-filter):hover{background-color:#64748b26;border-color:#64748b4d}:root.dark .edr-section-header h2,.dark .edr-section-header h2{color:var(--text-main)}:root.dark .edr-toolbar,.dark .edr-toolbar{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .edr-search-wrapper .input-field,.dark .edr-search-wrapper .input-field,:root.dark .edr-search-input,.dark .edr-search-input{background-color:#1e293b;border-color:#334155;color:#f1f5f9}:root.dark .edr-search-wrapper .input-field:focus,.dark .edr-search-wrapper .input-field:focus,:root.dark .input-with-icon input[placeholder*=Cari]:focus,.dark .input-with-icon input[placeholder*=Cari]:focus{background-color:#0f172a;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}:root.dark .edr-select,.dark .edr-select{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155);color:var(--text-main)}:root.dark .edr-secondary-btn,.dark .edr-secondary-btn{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155);color:var(--text-main)}:root.dark .edr-secondary-btn:hover,.dark .edr-secondary-btn:hover{background-color:var(--sidebar-hover, #334155);border-color:#475569}:root.dark .export-btn,.dark .export-btn{background-color:#16a34a26;border-color:#16a34a4d;color:#4ade80}:root.dark .export-btn:hover:not(:disabled),.dark .export-btn:hover:not(:disabled){background-color:#16a34a40;border-color:#16a34a80}:root.dark .edr-table-wrapper,.dark .edr-table-wrapper{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .edr-table th,.dark .edr-table th{background-color:var(--card-bg, #1e293b);color:#f8fafc;border-bottom:2px solid var(--border-color, #334155);box-shadow:0 -8px 0 var(--card-bg, #1e293b)}:root.dark .edr-table td,.dark .edr-table td{border-bottom-color:var(--border-color, #334155);color:var(--text-main)}:root.dark .edr-table tbody tr:hover,.dark .edr-table tbody tr:hover{background-color:var(--sidebar-hover, #1e293b)}:root.dark .category-tag,.dark .category-tag{background-color:var(--sidebar-hover, #334155);color:var(--text-muted)}:root.dark .edr-form-card,.dark .edr-form-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .form-header-center h2,.dark .form-header-center h2{color:var(--text-main)}:root.dark .form-header-center p,.dark .form-header-center p{color:var(--text-muted)}:root.dark .upload-dropzone,.dark .upload-dropzone{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155)}:root.dark .upload-dropzone:hover,.dark .upload-dropzone:hover{background-color:var(--sidebar-hover, #1e293b);border-color:var(--primary)}:root.dark .upload-dropzone h4,.dark .upload-dropzone h4{color:var(--text-main)}:root.dark .upload-dropzone p,.dark .upload-dropzone p{color:var(--text-muted)}:root.dark .file-hint,.dark .file-hint{color:var(--text-muted)}:root.dark .btn-outline,.dark .btn-outline{color:var(--text-muted);border-color:var(--border-color, #334155)}:root.dark .edr-placeholder-container,.dark .edr-placeholder-container{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .edr-placeholder-container h2,.dark .edr-placeholder-container h2{color:var(--text-main)}:root.dark .edr-placeholder-container p,.dark .edr-placeholder-container p{color:var(--text-muted)}:root.dark .edr-modal-content,.dark .edr-modal-content{background-color:var(--card-bg, #1e293b)}:root.dark .edr-modal-header,.dark .edr-modal-header{background-color:var(--sidebar-hover, #1e293b);border-bottom-color:var(--border-color, #334155)}:root.dark .doc-title,.dark .doc-title{color:var(--text-main)}:root.dark .meta-chip,.dark .meta-chip{background-color:var(--bg-color, #0f172a);color:var(--text-muted)}:root.dark .edr-modal-tabs,.dark .edr-modal-tabs{background-color:var(--card-bg, #1e293b);border-bottom-color:var(--border-color, #334155)}:root.dark .modal-tab-btn,.dark .modal-tab-btn{color:var(--text-muted)}:root.dark .edr-modal-body,.dark .edr-modal-body{background-color:var(--bg-color, #0f172a)}:root.dark .revision-card,.dark .revision-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .rev-header h3,.dark .rev-header h3{color:var(--text-main)}:root.dark .rev-desc,.dark .rev-desc{color:var(--text-muted)}:root.dark .rev-footer,.dark .rev-footer{border-top-color:var(--border-color, #334155);color:var(--text-muted)}:root.dark .audit-timeline:before,.dark .audit-timeline:before{background-color:var(--border-color, #334155)}:root.dark .audit-dot,.dark .audit-dot{border-color:var(--card-bg, #1e293b);box-shadow:0 0 0 1px var(--border-color, #334155)}:root.dark .download-item,.dark .download-item{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .dl-icon,.dark .dl-icon{background-color:var(--bg-color, #0f172a);color:var(--text-muted)}:root.dark .dl-info h4,.dark .dl-info h4{color:var(--text-main)}:root.dark .dl-info p,.dark .dl-info p{color:var(--text-muted)}:root.dark .dl-time,.dark .dl-time{color:var(--text-muted)}.file-costing-row{padding-top:10px;padding-bottom:10px;padding-right:16px;background-color:#f0fdf4;border-bottom:1px solid #bbf7d0;font-size:12px;display:flex;flex-direction:column;gap:8px}.file-costing-total{display:flex;align-items:center;gap:8px;color:#166534}.file-costing-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;background-color:var(--bg-white, #ffffff);border:1px solid #bbf7d0;border-radius:4px;cursor:pointer;color:#166534}.file-costing-note{color:#166534;background-color:#fff9;padding:6px 10px;border-radius:4px;border-left:3px solid #86efac;font-style:italic}:root.dark .file-costing-row,.dark .file-costing-row{background-color:#16653426;border-bottom-color:#22c55e33}:root.dark .file-costing-total,.dark .file-costing-total{color:#4ade80}:root.dark .file-costing-btn,.dark .file-costing-btn{background-color:var(--bg-slate, #0f172a);border-color:#22c55e4d;color:#4ade80}:root.dark .file-costing-note,.dark .file-costing-note{color:#86efac;background-color:#16653433;border-left-color:#22c55e}.rev-reason-box{background-color:#f1f5f9;padding:8px;border-radius:4px;margin-bottom:12px;font-size:13px;font-style:italic;color:var(--text-muted)}.rev-rejection-note{background-color:#fef2f2;border:1px solid #fca5a5;padding:12px;border-radius:8px;font-size:13px;color:#991b1b}.rev-costing-box{margin-top:16px;padding:12px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px}.rev-costing-title{color:#166534;font-weight:600;font-size:13px}.rev-costing-label{margin:0 0 4px;font-size:12px;color:#166534}.rev-costing-value{margin:0;font-size:16px;font-weight:700;color:#15803d}.rev-costing-btn{background-color:var(--bg-white);border-color:#bbf7d0;color:#166534;font-size:12px;padding:6px 12px;display:flex;align-items:center}.rev-costing-meta{margin:8px 0 0;font-size:11px;color:#166534;opacity:.8}.rev-costing-note{margin-top:12px;color:#166534;background-color:#fff9;padding:8px 12px;border-radius:4px;border-left:3px solid #86efac;font-style:italic;font-size:12px}:root.dark .rev-reason-box,.dark .rev-reason-box{background-color:var(--bg-slate, #0f172a);color:var(--text-muted)}:root.dark .rev-rejection-note,.dark .rev-rejection-note{background-color:#991b1b26;border-color:#f871714d;color:#fca5a5}:root.dark .rev-costing-box,.dark .rev-costing-box{background-color:#16653426;border-color:#22c55e33}:root.dark .rev-costing-title,.dark .rev-costing-title{color:#4ade80}:root.dark .rev-costing-label,.dark .rev-costing-label{color:#86efac}:root.dark .rev-costing-value,.dark .rev-costing-value{color:#4ade80}:root.dark .rev-costing-btn,.dark .rev-costing-btn{background-color:var(--bg-slate, #0f172a);border-color:#22c55e4d;color:#4ade80}:root.dark .rev-costing-meta,.dark .rev-costing-meta{color:#86efac}:root.dark .rev-costing-note,.dark .rev-costing-note{color:#86efac;background-color:#16653433;border-left-color:#22c55e}:root.dark .status-approved,.dark .status-approved{background-color:#10b98126!important;color:#34d399!important;border:1px solid rgba(52,211,153,.3)}:root.dark .status-draft,.dark .status-draft{background-color:#94a3b826!important;color:#cbd5e1!important;border:1px solid rgba(203,213,225,.3)}:root.dark .status-review,.dark .status-review{background-color:#f59e0b26!important;color:#fbbf24!important;border:1px solid rgba(251,191,36,.3)}:root.dark .status-obsolete,.dark .status-obsolete{background-color:#ef444426!important;color:#f87171!important;border:1px solid rgba(248,113,113,.3)}.btn-submit-task{background-color:#e0f2fe;color:#0284c7;border:none;border-radius:6px;padding:6px 12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;height:32px}.edr-folder-badge{border-radius:16px;font-size:13px;background:color-mix(in srgb,var(--folder-color, var(--primary)) 15%,transparent);padding:6px 12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;height:32px}.btn-submit-task:hover{background-color:#0284c7;color:#fff}@media (max-width: 1024px){.edr-header-area{flex-direction:column;align-items:flex-start;gap:1rem}.filter-bar{flex-wrap:wrap}}@media (max-width: 768px){.edr-tabs{flex-wrap:wrap;gap:.5rem}.edr-tab-btn{flex:1 1 calc(50% - .5rem);text-align:center;justify-content:center}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .search-container,.filter-bar .filter-select,.filter-bar .btn{width:100%}.ui-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.edr-table{min-width:800px}.file-drop-zone{padding:1.5rem}}:root.dark .edr-form-card,.dark .edr-form-card{background:var(--bg-slate-dark, #1e293b);border-color:var(--border-dark, #334155)}:root.dark .form-header-center h2,.dark .form-header-center h2{color:var(--text-light, #f8fafc)}:root.dark .upload-dropzone,.dark .upload-dropzone{background:var(--bg-dark, #0f172a);border-color:var(--border-dark, #334155)}:root.dark .upload-dropzone:hover,.dark .upload-dropzone:hover{background:var(--bg-slate-dark, #1e293b);border-color:var(--primary, #0ea5e9)}:root.dark .upload-dropzone h4,.dark .upload-dropzone h4{color:var(--text-light, #f8fafc)}:root.dark .upload-dropzone p,.dark .upload-dropzone p{color:var(--text-muted, #94a3b8)}:root.dark .btn-outline,.dark .btn-outline{border-color:var(--border-dark, #334155);color:var(--text-light, #f8fafc)}:root.dark .btn-outline:hover,.dark .btn-outline:hover{border-color:var(--primary, #0ea5e9);color:var(--primary, #0ea5e9)}:root.dark .edr-placeholder-container,.dark .edr-placeholder-container{background:var(--bg-slate-dark, #1e293b);border-color:var(--border-dark, #334155)}:root.dark .edr-placeholder-container h2,.dark .edr-placeholder-container h2{color:var(--text-light, #f8fafc)}:root.dark .edr-placeholder-container p,.dark .edr-placeholder-container p{color:var(--text-muted, #94a3b8)}.edr-folder-card{position:relative;background:color-mix(in srgb,var(--folder-color, var(--primary)) 12%,var(--card-bg, #ffffff));border:1px solid color-mix(in srgb,var(--folder-color, var(--primary)) 30%,transparent);border-radius:0 16px 16px;padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:12px;cursor:pointer;margin-top:16px}.edr-folder-card:before{content:"";position:absolute;top:-16px;left:-1px;width:40%;height:16px;background:color-mix(in srgb,var(--folder-color, var(--primary)) 12%,var(--card-bg, #ffffff));border:1px solid color-mix(in srgb,var(--folder-color, var(--primary)) 30%,transparent);border-bottom:2px solid color-mix(in srgb,var(--folder-color, var(--primary)) 12%,var(--card-bg, #ffffff));border-radius:12px 12px 0 0;z-index:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.edr-folder-card:hover{background:color-mix(in srgb,var(--folder-color, var(--primary)) 20%,var(--card-bg, #ffffff));border-color:var(--folder-color, var(--primary));box-shadow:0 12px 30px -5px color-mix(in srgb,var(--folder-color, var(--primary)) 25%,transparent);transform:translateY(-2px)}.edr-folder-card:hover:before{background:color-mix(in srgb,var(--folder-color, var(--primary)) 20%,var(--card-bg, #ffffff));border-color:var(--folder-color, var(--primary));border-bottom:2px solid color-mix(in srgb,var(--folder-color, var(--primary)) 20%,var(--card-bg, #ffffff))}.edr-folder-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:100%}.edr-folder-title{margin:0;font-size:18px;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:8px}.edr-folder-badge{padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;background:color-mix(in srgb,var(--folder-color, var(--primary)) 15%,transparent);color:color-mix(in srgb,var(--folder-color, var(--primary)) 80%,#000);border:none;cursor:pointer}:root.dark .export-btn,.dark .export-btn{background-color:transparent!important;border-color:#10b98180!important;color:#10b981!important}:root.dark .export-btn:hover,.dark .export-btn:hover{background-color:#10b981!important;color:#fff!important;border-color:#10b981!important}:root.dark .quotation-box,.dark .quotation-box{background-color:#8b5cf61a!important;border-color:#8b5cf64d!important}:root.dark .quotation-box .rev-costing-title,.dark .quotation-box .rev-costing-title,:root.dark .quotation-box .rev-costing-label,.dark .quotation-box .rev-costing-label,:root.dark .quotation-box .rev-costing-meta,.dark .quotation-box .rev-costing-meta{color:#c4b5fd!important}:root.dark .quotation-box .rev-costing-value,.dark .quotation-box .rev-costing-value{color:#e9d5ff!important}:root.dark .quotation-box .rev-costing-note,.dark .quotation-box .rev-costing-note{background-color:#8b5cf626!important;border-color:#8b5cf64d!important;color:#e9d5ff!important}:root.dark .quotation-box .rev-costing-btn,.dark .quotation-box .rev-costing-btn{background-color:transparent!important;border-color:#8b5cf666!important;color:#c4b5fd!important}:root.dark .quotation-box .rev-costing-btn:hover,.dark .quotation-box .rev-costing-btn:hover{background-color:#8b5cf633!important}:root.dark .final-costing-box,.dark .final-costing-box{background-color:#0ea5e91a!important;border-color:#0ea5e94d!important}:root.dark .final-costing-box .rev-costing-title,.dark .final-costing-box .rev-costing-title,:root.dark .final-costing-box .rev-costing-label,.dark .final-costing-box .rev-costing-label,:root.dark .final-costing-box .rev-costing-meta,.dark .final-costing-box .rev-costing-meta{color:#7dd3fc!important}:root.dark .final-costing-box .rev-costing-value,.dark .final-costing-box .rev-costing-value{color:#bae6fd!important}:root.dark .final-costing-box .rev-costing-note,.dark .final-costing-box .rev-costing-note{background-color:#0ea5e926!important;border-color:#0ea5e94d!important;color:#bae6fd!important}:root.dark .final-costing-box .rev-costing-btn,.dark .final-costing-box .rev-costing-btn{background-color:transparent!important;border-color:#0ea5e966!important;color:#7dd3fc!important}:root.dark .final-costing-box .rev-costing-btn:hover,.dark .final-costing-box .rev-costing-btn:hover{background-color:#0ea5e933!important}:root.dark .audit-log-card,.dark .audit-log-card{background-color:var(--bg-slate)!important;border:1px solid var(--border-thin)!important}:root.dark .audit-log-title,.dark .audit-log-title,:root.dark .audit-log-author-name,.dark .audit-log-author-name{color:#f1f5f9!important}:root.dark .audit-log-date,.dark .audit-log-date,:root.dark .audit-log-author,.dark .audit-log-author{color:#94a3b8!important}:root.dark .audit-log-details,.dark .audit-log-details{color:#cbd5e1!important}:root.dark .audit-log-card[data-action=APPROVED],.dark .audit-log-card[data-action=APPROVED]{background-color:#eab3081a!important;border-color:#eab3084d!important}:root.dark .audit-log-card[data-action=OBSOLETED],.dark .audit-log-card[data-action=OBSOLETED],:root.dark .audit-log-card[data-action=REJECTED],.dark .audit-log-card[data-action=REJECTED],:root.dark .audit-log-card[data-action*=DELETED],.dark .audit-log-card[data-action*=DELETED]{background-color:#ef44441a!important;border-color:#ef44444d!important}:root.dark .audit-log-card[data-action=SUBMITTED],.dark .audit-log-card[data-action=SUBMITTED]{background-color:#f973161a!important;border-color:#f973164d!important}:root.dark .audit-log-card[data-action=CREATED],.dark .audit-log-card[data-action=CREATED]{background-color:#3b82f61a!important;border-color:#3b82f64d!important}:root.dark .audit-log-card[data-action="COSTING UPDATED"],.dark .audit-log-card[data-action="COSTING UPDATED"]{background-color:#22c55e1a!important;border-color:#22c55e4d!important}:root.dark .audit-log-card[data-action="FINAL COSTING UPDATED"],.dark .audit-log-card[data-action="FINAL COSTING UPDATED"]{background-color:#06b6d41a!important;border-color:#06b6d44d!important}:root.dark .audit-log-card[data-action="QUOTATION UPDATED"],.dark .audit-log-card[data-action="QUOTATION UPDATED"]{background-color:#a855f71a!important;border-color:#a855f74d!important}:root.dark .audit-log-card[data-action="TRIAL CHECKLISTED"],.dark .audit-log-card[data-action="TRIAL CHECKLISTED"]{background-color:#14b8a61a!important;border-color:#14b8a64d!important}.file-options-dropdown{background-color:var(--bg-white);border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a}.file-options-btn{background-color:transparent;color:var(--text-main);border-bottom:1px solid #f1f5f9!important}.file-options-btn:last-child{border-bottom:none!important}:root.dark .file-options-dropdown,.dark .file-options-dropdown{background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 6px -1px #00000080!important}:root.dark .file-options-btn,.dark .file-options-btn{color:#f1f5f9!important;border-bottom-color:#334155!important}:root.dark .file-options-btn:hover,.dark .file-options-btn:hover{background-color:#334155!important}.edr-modal-overlay *::-webkit-scrollbar{width:8px;height:8px}.edr-modal-overlay *::-webkit-scrollbar-track{background:transparent;border-radius:4px}.edr-modal-overlay *::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.edr-modal-overlay *::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root.dark .edr-modal-overlay *::-webkit-scrollbar-thumb,.dark .edr-modal-overlay *::-webkit-scrollbar-thumb{background:#475569}:root.dark .edr-modal-overlay *::-webkit-scrollbar-thumb:hover,.dark .edr-modal-overlay *::-webkit-scrollbar-thumb:hover{background:#64748b}.modern-file-upload{position:relative;display:block;width:100%}.modern-file-upload input[type=file]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:10}.modern-file-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px dashed #cbd5e1;border-radius:8px;background-color:var(--bg-slate);transition:all .2s ease;text-align:center}.modern-file-upload:hover .modern-file-upload-content{border-color:var(--primary);background-color:color-mix(in srgb,var(--primary) 10%,var(--bg-slate))}.upload-icon-circle{width:48px;height:48px;border-radius:50%;color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:12px}:root.dark .revise-add-btn,.dark .revise-add-btn{color:color-mix(in srgb,var(--primary) 20%,#ffffff);border-color:color-mix(in srgb,var(--primary) 20%,#ffffff);background-color:color-mix(in srgb,var(--primary) 20%,transparent);text-shadow:0 0 8px color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--primary) 20%,transparent);font-weight:700}:root.dark .revise-add-btn:hover,.dark .revise-add-btn:hover{background-color:color-mix(in srgb,var(--primary) 40%,transparent);color:#fff;border-color:#fff;box-shadow:0 0 15px color-mix(in srgb,var(--primary) 40%,transparent)}.upload-text{font-weight:500;color:var(--text-color);margin-bottom:4px}.upload-selected-text{font-size:13px;color:var(--primary);font-weight:600;margin-top:8px;background-color:color-mix(in srgb,var(--primary) 10%,transparent);padding:4px 12px;border-radius:12px}:root.dark .modern-file-upload-content{border-color:#334155}:root.dark .modern-file-upload:hover .modern-file-upload-content{border-color:var(--primary)}.revise-dialog-info-box{background-color:var(--bg-slate);padding:12px;border-radius:8px;border:1px solid var(--border-thin)}.revise-dept-chip{padding:6px 12px;border-radius:16px;font-size:12px;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;color:#475569;transition:all .2s}.revise-dept-chip.active{background-color:#e0f2fe;border-color:#38bdf8;color:#0284c7}.revise-file-row{padding:12px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.revise-dialog-warning{padding:12px;background-color:#fef2f2;border:1px solid #f87171;border-radius:8px;color:#b91c1c;font-size:13px;display:flex;align-items:center;gap:8px}.revise-add-btn{align-self:flex-start;color:var(--primary);padding:10px 16px;font-size:14px;border:1px dashed var(--primary);background-color:transparent;font-weight:600;transition:all .2s;cursor:pointer}.revise-add-btn:hover{background-color:color-mix(in srgb,var(--primary) 10%,transparent)!important;border-style:solid!important}.upload-type-card{padding:14px 20px;background-color:var(--card-bg, #ffffff);border:1px solid var(--border-thin);border-radius:8px;flex:1;margin:0;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.upload-type-card .upload-type-text{color:var(--text-main);font-weight:500}.upload-type-card.active{background-color:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid var(--primary);box-shadow:0 0 0 1px var(--primary)}.upload-type-card.active .upload-type-text{color:var(--primary);font-weight:600}.upload-type-card:hover{background-color:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.custom-radio{margin:0;cursor:pointer;accent-color:var(--primary);transform:scale(1.3);transform-origin:center left}.upload-file-area{display:flex;align-items:center;gap:12px;cursor:pointer;background-color:#f8fafc;border:1px dashed #cbd5e1;padding:12px;border-radius:6px;transition:all .2s}.upload-file-area:hover{background-color:#f1f5f9;border-color:var(--primary)}.upload-file-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background-color:var(--bg-slate);border:1px solid var(--border-thin);border-radius:4px}.revise-dialog-info-box{background-color:color-mix(in srgb,var(--primary) 5%,#f8fafc);border-left:4px solid var(--primary);border-radius:0 8px 8px 0;border-top:1px solid var(--border-thin);border-right:1px solid var(--border-thin);border-bottom:1px solid var(--border-thin);padding:16px;box-shadow:0 1px 2px #00000005}.revise-dept-chip{padding:8px 16px;border-radius:50px;border:1px solid var(--border-thin, #e2e8f0);background-color:#f8fafc;color:var(--text-main, #334155);font-size:13px;font-weight:500;transition:all .2s ease;-webkit-user-select:none;user-select:none;cursor:pointer;text-decoration:none!important}.revise-dept-chip:hover{background-color:color-mix(in srgb,var(--primary) 5%,transparent);border-color:color-mix(in srgb,var(--primary) 50%,#cbd5e1);transform:translateY(-1px)}.revise-dept-chip.active{background-color:color-mix(in srgb,var(--primary) 15%,transparent);border-color:var(--primary);color:var(--primary);font-weight:600}.revise-file-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#f8fafc;border:1px dashed var(--border-thin, #cbd5e1);border-radius:8px;transition:all .2s ease}.revise-file-row:hover{background-color:#fff;border-color:var(--primary);box-shadow:0 2px 4px #00000005}:root.dark .revise-dialog-info-box,.dark .revise-dialog-info-box{background-color:color-mix(in srgb,var(--primary) 10%,#1e293b);border-top-color:#334155;border-right-color:#334155;border-bottom-color:#334155}:root.dark .revise-dept-chip,.dark .revise-dept-chip{background-color:#1e293b;border-color:#334155;color:#cbd5e1}:root.dark .revise-dept-chip:hover,.dark .revise-dept-chip:hover{background-color:#2dd4bf10;background-color:color-mix(in srgb,var(--primary) 15%,#1e293b);border-color:#475569}:root.dark .revise-dept-chip.active,.dark .revise-dept-chip.active{background-color:color-mix(in srgb,var(--primary) 20%,transparent);border-color:var(--primary);color:var(--primary)}:root.dark .revise-file-row,.dark .revise-file-row{background-color:#1e293b;border-color:#475569}:root.dark .revise-file-row:hover,.dark .revise-file-row:hover{background-color:#0f172a;border-color:var(--primary)}:root.dark .revise-dialog-warning,.dark .revise-dialog-warning{background-color:#ef44441a;border-color:#ef44444d;color:#fca5a5}:root.dark .revise-add-btn,.dark .revise-add-btn{color:var(--primary)!important;border-color:color-mix(in srgb,var(--primary) 70%,transparent)!important;background-color:transparent!important;font-weight:600}:root.dark .revise-add-btn:hover,.dark .revise-add-btn:hover{background-color:color-mix(in srgb,var(--primary) 15%,transparent)!important;color:var(--primary)!important;border-color:var(--primary)!important;transform:translateY(-1px)}.revise-search-item{padding:14px 16px;margin-bottom:8px;border-radius:8px;border:1px solid transparent;transition:all .2s ease;background-color:var(--bg-color, #ffffff);box-shadow:0 1px 2px #00000005;border:1px solid var(--border-thin, #e2e8f0);cursor:pointer;text-decoration:none!important}.revise-search-item:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.revise-search-item.active{background-color:color-mix(in srgb,var(--primary) 10%,transparent);border-color:var(--primary)}:root.dark .revise-search-item,.dark .revise-search-item{background-color:var(--bg-slate, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .revise-search-item:hover,.dark .revise-search-item:hover{background-color:#0f172a;border-color:#475569}:root.dark .revise-search-item.active,.dark .revise-search-item.active{background-color:color-mix(in srgb,var(--primary) 15%,transparent);border-color:var(--primary)}:root.dark .upload-type-card,.dark .upload-type-card{background-color:#1e293b;border-color:#334155}:root.dark .upload-type-card:hover,.dark .upload-type-card:hover{background-color:#334155;border-color:#475569}:root.dark .upload-type-card.active,.dark .upload-type-card.active{background-color:color-mix(in srgb,var(--primary) 15%,transparent);border-color:var(--primary)}:root.dark .upload-type-card.active .upload-type-text,.dark .upload-type-card.active .upload-type-text{color:var(--primary)}:root.dark .upload-file-area,.dark .upload-file-area{background-color:#0f172a;border-color:#334155}:root.dark .upload-file-area:hover,.dark .upload-file-area:hover{background-color:#1e293b;border-color:color-mix(in srgb,var(--primary) 70%,transparent)}:root.dark .upload-file-item,.dark .upload-file-item{background-color:#1e293b;border-color:#334155}.edr-form-section{background-color:var(--bg-color, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:8px;padding:16px;box-shadow:0 1px 2px #00000005}.input-field{transition:all .2s ease-in-out}.input-field:hover,.edr-form-section .input-field:hover{border-color:var(--primary);background-color:#f1f5f9}:root.dark .edr-form-section,.dark .edr-form-section{background-color:var(--bg-slate, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .input-field:hover,.dark .input-field:hover,:root.dark .edr-form-section .input-field:hover,.dark .edr-form-section .input-field:hover{border-color:var(--primary);background-color:#0f172a}.trial-badge{font-size:11px;padding:2px 6px;background-color:#d1fae5;color:#047857;border-radius:4px;font-weight:600}.trial-btn{background-color:#10b981!important;border-color:#10b981!important;color:#fff!important}.trial-btn:hover{background-color:#059669!important;border-color:#059669!important}.trial-btn:disabled{background-color:#6ee7b7!important;border-color:#6ee7b7!important;opacity:.7}:root.dark .trial-badge,.dark .trial-badge{background-color:#10b98126;color:#34d399}.mobile-more-btn{display:none!important}@media (max-width: 1024px){.app-layout,.main-content,.content-area,.ui-context-container{min-width:0!important;width:100%!important;overflow-x:hidden!important}body{overflow-x:hidden!important}.content-area.ui-context-container{padding:16px 12px!important}.edr-header-area{position:relative!important;margin-bottom:12px;align-items:flex-start!important}.edr-header-area .header-title{padding-right:40px!important}.edr-header-area .header-actions{position:absolute!important;top:2px!important;right:0!important;margin-top:0!important}.desktop-only-btn{display:none!important}.mobile-dropdown-container{display:block;position:relative}.mobile-more-btn{display:flex!important;align-items:center;justify-content:center;padding:0 4px!important;height:38px;border:none!important;background:transparent!important;box-shadow:none!important;color:var(--text-main)!important}.mobile-actions-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:180px;z-index:9999!important;overflow:hidden}.mobile-dropdown-item{width:100%;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;color:#334155;background:transparent;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background-color .2s}.mobile-dropdown-item:last-child{border-bottom:none}:root.dark .mobile-actions-dropdown,.dark .mobile-actions-dropdown{background-color:var(--bg-slate);border-color:var(--border-thin)}:root.dark .mobile-dropdown-item,.dark .mobile-dropdown-item{color:var(--text-main);border-color:var(--border-thin)}.edr-stats-container{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin-bottom:8px!important;width:100%;overflow:visible!important;position:relative!important;z-index:10!important}.edr-stat-card{position:relative!important;padding:6px 0 0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;aspect-ratio:auto!important;min-width:0!important}.stat-header{display:contents!important}.stat-icon{order:1!important;width:38px!important;height:38px!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--surface-card, #ffffff)!important;flex-shrink:0!important;box-shadow:0 2px 5px #0000000a!important}.stat-title{order:2!important;font-size:9px!important;text-align:center!important;white-space:normal!important;line-height:1.1!important;margin-top:2px!important;color:var(--text-secondary, #64748b)!important;width:100%!important}.stat-value{position:absolute!important;top:2px!important;left:50%!important;margin-left:8px!important;background:#ef4444!important;color:#fff!important;font-size:9.5px!important;font-weight:600!important;padding:2px 5px!important;border-radius:12px!important;line-height:1!important;min-width:16px!important;text-align:center!important;z-index:2!important;box-shadow:0 1px 3px #00000026!important}.stat-icon svg{width:18px!important;height:18px!important}.edr-stat-card.stat-master.active .stat-icon{background:var(--primary, #0ea5e9)!important;border-color:var(--primary, #0ea5e9)!important}.edr-stat-card.stat-new.active .stat-icon{background:#10b981!important;border-color:#10b981!important}.edr-stat-card.stat-review.active .stat-icon{background:#f97316!important;border-color:#f97316!important}.edr-stat-card.stat-all.active .stat-icon{background:#64748b!important;border-color:#64748b!important}.edr-stat-card.active .stat-icon svg{color:#fff!important}:root.dark .stat-icon,.dark .stat-icon{background:var(--bg-card, #1e293b)!important;border-color:var(--border-color, rgba(255, 255, 255, .1))!important}.edr-stat-card.active .stat-title{color:var(--text-main, #0f172a)!important;font-weight:700!important}.edr-section-header{margin-top:8px!important;margin-bottom:8px!important}.edr-toolbar{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:center!important;padding:6px 8px!important;margin-bottom:8px!important}.edr-toolbar-left{flex:1!important;width:auto!important}.edr-search-wrapper{width:100%!important;max-width:none!important}.edr-search-wrapper input,.edr-search-wrapper .input-field{height:32px!important;font-size:13px!important}.edr-search-wrapper svg{width:16px!important;height:16px!important}.edr-toolbar-right{width:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important}.edr-primary-btn{padding:0!important;font-size:0!important;letter-spacing:0!important;height:32px!important;width:32px!important;border-radius:50%!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-shrink:0!important;gap:0!important}.edr-primary-btn svg{width:16px!important;height:16px!important;margin:0!important}.edr-table th,.edr-table td{white-space:nowrap!important;padding:.5rem .75rem!important;font-size:11px!important}}@media (max-width: 380px){.stat-title{font-size:9px!important}.stat-value{font-size:13px!important}}.btn-submit-task{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.btn-submit-task.action-submit{background-color:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.btn-submit-task.action-submit:hover{background-color:#e0f2fe}.btn-submit-task.action-reject{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.btn-submit-task.action-reject:hover{background-color:#fee2e2}:root.dark .btn-submit-task.action-submit{background-color:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.3)}:root.dark .btn-submit-task.action-submit:hover{background-color:#0ea5e940}:root.dark .btn-submit-task.action-reject{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}:root.dark .btn-submit-task.action-reject:hover{background-color:#ef444440}@media (max-width: 480px){.task-revisi-mobile-adjust{position:sticky!important;top:0!important;height:calc(100dvh - 72px)!important;display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:-12px!important;padding-top:8px!important;background:var(--bg-main, #ffffff);z-index:20}.task-revisi-mobile-adjust>div:first-child{position:relative!important;background:transparent!important}.task-revisi-mobile-adjust>.fade-in{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;margin-bottom:0!important}.task-revisi-mobile-adjust>.fade-in>.ui-card{flex:0 1 auto!important;max-height:100%!important;overflow-y:auto!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.task-revisi-mobile-adjust .edr-table th{position:sticky;top:0;z-index:10;box-shadow:0 1px 2px #0000000d;font-size:10.5px!important;padding:.6rem .75rem!important}.task-revisi-mobile-adjust>div:first-child button{font-size:11.5px!important;padding:8px 12px!important;white-space:nowrap!important}.task-revisi-mobile-adjust p{display:none!important}.task-revisi-mobile-adjust .edr-table td{font-size:11.5px!important;padding:.6rem .75rem!important}.task-revisi-mobile-adjust .edr-table td button.icon-btn svg{width:14px!important;height:14px!important}}:root.dark .btn-back-home,.dark .btn-back-home{border-color:var(--border-thin, #334155);color:var(--text-muted, #94a3b8)}@media (max-width: 768px){.edr-modal-overlay{padding:12px!important;align-items:center!important;justify-content:center!important}.edr-modal-overlay>.ui-card{max-height:95vh!important;width:100%!important;max-width:100%!important;margin:0!important;display:flex!important;flex-direction:column!important}.edr-modal-overlay .ui-card>div:nth-child(2){padding:16px!important}.edr-modal-overlay .ui-card>div:nth-child(2) h2{font-size:16px!important;max-width:calc(100vw - 120px);word-break:break-word}.edr-modal-overlay .btn-update-costing .update-costing-text,.edr-modal-overlay .btn-download-all .download-all-text{display:none}.edr-modal-overlay .btn-update-costing,.edr-modal-overlay .btn-download-all{padding:6px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.edr-modal-overlay .btn-update-costing .costing-icon,.edr-modal-overlay .btn-download-all .download-icon{margin-right:0!important;width:14px!important;height:14px!important}.edr-modal-overlay .ui-card .flex-row.flex-wrap.gap-12{gap:8px!important;margin-top:12px!important}.edr-modal-overlay .ui-card>div:has(>.modal-tab-btn){overflow-x:auto!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-left:16px!important;padding-right:16px!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.edr-modal-overlay .ui-card>div:has(>.modal-tab-btn)::-webkit-scrollbar{display:none!important}.edr-modal-overlay .modal-tab-btn{padding:8px 12px!important;font-size:13px!important;white-space:nowrap!important;flex-shrink:0!important}.edr-modal-overlay .table-container{overflow-x:auto!important;max-width:100vw!important;-webkit-overflow-scrolling:touch}.edr-modal-overlay .ui-card,.edr-modal-overlay .ui-card p,.edr-modal-overlay .ui-card span,.edr-modal-overlay .ui-card div,.edr-modal-overlay .ui-card button,.edr-modal-overlay .ui-card a,.edr-modal-overlay .ui-card label,.edr-modal-overlay .ui-card input,.task-tab-btn{font-size:11.5px!important}.edr-modal-overlay .ui-card h2,.edr-modal-overlay .ui-card h2 *{font-size:14px!important}.edr-modal-overlay .ui-card h3,.edr-modal-overlay .ui-card h3 *{font-size:12.5px!important}.edr-modal-overlay .ui-card th,.edr-modal-overlay .ui-card td,.edr-modal-overlay .ui-card th *,.edr-modal-overlay .ui-card td *{font-size:11px!important}}.text-red-500{color:#ef4444!important}button.text-red-500{border:1px solid #fca5a5!important;background-color:#fff!important;border-radius:6px!important;padding:4px!important;display:inline-flex;align-items:center;justify-content:center}button.hover\:bg-red-50:hover{background-color:#fee2e2!important;border-color:#ef4444!important;color:#dc2626!important}:root.dark button.text-red-500,.dark button.text-red-500{background-color:transparent!important;border-color:#ef4444!important;color:#f87171!important}:root.dark button.hover\:bg-red-50:hover,.dark button.hover\:bg-red-50:hover{background-color:#ef444426!important;color:#fca5a5!important}.edr-table th{white-space:nowrap!important}.edr-table td{white-space:normal!important;word-wrap:break-word;word-break:break-word}.status-badge{white-space:nowrap!important;border-radius:6px!important;font-weight:500!important;padding:.25rem .5rem!important;font-size:.75rem!important;text-transform:uppercase;letter-spacing:.025em}@media (max-width: 768px){.revise-search-header{flex-wrap:nowrap!important}.hide-on-mobile{opacity:0;max-width:0;overflow:hidden;margin:0!important;white-space:nowrap}.mobile-expandable-search{height:40px;border-radius:50px;background:var(--bg-slate, transparent);border:1px solid var(--border-thin);cursor:pointer;overflow:hidden;margin-left:auto;flex:0 0 40px!important}.mobile-expandable-search.expanded{flex:1!important;background:var(--card-bg, #fff);border:1px solid var(--border-thin)}.mobile-expandable-search .input-field{opacity:0;pointer-events:none;border:none!important;background:transparent!important;box-shadow:none!important}.mobile-expandable-search.expanded .input-field{opacity:1;pointer-events:auto}.mobile-expandable-search .input-icon{left:12px}.upload-dialog-form{padding:16px!important;gap:16px!important}.upload-dialog-row{flex-direction:column!important;gap:12px!important}.upload-type-container{flex-direction:column!important;gap:8px!important}.upload-type-card{padding:10px 12px!important;width:100%!important}.upload-type-text{font-size:13px!important}.hatsumono-upload-box{padding:16px 12px!important}.hatsumono-upload-icon{padding:12px!important;margin-bottom:12px!important}.hatsumono-upload-icon svg{width:24px!important;height:24px!important}.hatsumono-upload-title{font-size:15px!important;margin-bottom:4px!important}.hatsumono-upload-desc{font-size:11px!important;margin-bottom:16px!important;line-height:1.4!important}.hatsumono-upload-btn{padding:8px 16px!important;font-size:13px!important}.hatsumono-upload-btn .btn-icon{width:16px!important;height:16px!important}.hatsumono-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.hatsumono-table{min-width:600px!important}.export-btn{padding:8px!important;border-radius:8px!important}.export-text{display:none!important}.hatsumono-page-title{font-size:15px!important}.obsolete-header{padding:12px 16px!important;gap:10px!important}.obsolete-back-btn{padding:6px!important}.obsolete-back-icon{width:14px!important;height:14px!important}.obsolete-page-title{font-size:14px!important}.obsolete-page-desc{display:none!important}.obsolete-search-wrapper{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;right:24px!important;margin-left:0!important;z-index:10!important;transition:width .3s ease!important}.obsolete-search-wrapper:not(.expanded){width:40px!important;min-width:40px!important;padding-right:0!important}.obsolete-search-wrapper.expanded{width:calc(100% - 92px)!important;max-width:none!important;padding-right:24px!important}.obsolete-header>div:first-child{padding-right:48px}.obsolete-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.obsolete-table-wrapper .ui-table{min-width:600px!important}}@media (max-width: 768px){.edr-action-modal-overlay{padding:16px!important;align-items:flex-end!important}.edr-action-modal-overlay .edr-action-modal{width:100%!important;max-width:100%!important;max-height:85vh!important;border-radius:16px!important}.edr-action-modal-overlay .edr-action-modal>div:nth-child(2){padding:16px!important}.edr-action-modal-overlay .edr-action-modal>div:nth-child(2) h2{font-size:16px!important}.edr-action-modal-overlay .edr-action-modal>div:nth-child(2) p{font-size:12px!important}.edr-action-modal-overlay .edr-action-modal form>div:first-child>div,.edr-action-modal-overlay .edr-action-modal>div:nth-child(3)>div:first-child{padding:16px 16px 24px!important;gap:16px!important}.edr-action-modal-overlay .edr-action-modal .flex-col>div[style*=borderBottom]{font-size:13px!important;padding-bottom:6px!important;margin-bottom:10px!important}.edr-action-modal-overlay .edr-action-modal label{font-size:12px!important}.edr-action-modal-overlay .edr-action-modal input:not([type=radio]):not([type=checkbox]),.edr-action-modal-overlay .edr-action-modal textarea,.edr-action-modal-overlay .edr-action-modal select{font-size:13px!important;padding:8px 12px!important}.edr-action-modal-overlay .edr-action-modal .btn-secondary,.edr-action-modal-overlay .edr-action-modal .btn-primary{padding:8px 16px!important;font-size:13px!important}.edr-action-modal-overlay .edr-action-modal .upload-file-item{padding:8px!important}.edr-action-modal-overlay .edr-action-modal .flex-row[style*=borderTop],.edr-action-modal-overlay .edr-action-modal form>.flex-row[style*=borderTop]{padding:12px 16px!important;gap:12px!important}.edr-action-modal-overlay .edr-action-modal .icon-btn{top:12px!important;right:12px!important;padding:4px!important}.edr-action-modal-overlay .edr-action-modal .custom-radio{padding:0!important;transform:scale(1.3)!important;margin:0!important;flex-shrink:0!important;width:16px!important;height:16px!important}.edr-action-modal-overlay .edr-action-modal .upload-type-card{padding:10px 12px!important;gap:10px!important;align-items:center!important}}.edr-toolbar-left .edr-search-wrapper input.input-field{border-radius:9999px!important;padding-left:40px!important}.edr-toolbar-left .edr-search-wrapper .input-icon{left:16px!important}.edr-circle-btn{border-radius:50%!important;width:36px!important;height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--border-color)!important;background-color:transparent!important;color:var(--text-muted)!important;transition:all .2s ease!important}.edr-circle-btn:hover,.edr-circle-btn.active{background-color:#94a3b826!important;border-color:var(--border-color)!important;color:var(--text-main)!important;transform:scale(1.05)}.workspace-title-area{display:flex;align-items:center;gap:12px}.workspace-title{margin:0;font-size:20px;font-weight:700;color:var(--text-main)}.workspace-count{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:9999px;background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);font-size:13px;font-weight:600}.edr-table th,.edr-table td{padding-left:12px!important;padding-right:12px!important}.mobile-dropdown-container{display:none}.mobile-dropdown-menu{position:absolute;right:0;top:100%;margin-top:8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;min-width:160px;overflow:hidden}.mobile-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-main);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.mobile-dropdown-item:hover,.mobile-dropdown-item:active{background-color:var(--sidebar-hover)}.edr-theme-btn{position:relative;background-color:var(--primary);color:#fff;border:none;box-shadow:0 4px 12px #00000026;border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;font-size:13.5px;transition:all .25s ease}.edr-theme-btn:hover{filter:brightness(1.1);box-shadow:0 6px 16px #0003;transform:translateY(-1px)}.edr-theme-btn:active,.edr-theme-btn.active{filter:brightness(.9);box-shadow:inset 0 3px 6px #0003;transform:translateY(1px)}@media (max-width: 768px){.content-area.ui-context-container{padding:16px 12px!important}.edr-header-area{margin-bottom:16px!important}.header-title h1{font-size:20px!important}.header-title p{font-size:12px!important}.edr-header-actions{gap:12px!important}.notification-bell-btn{width:36px!important;height:36px!important}.workspace-count{padding:4px 8px!important;font-size:12px!important}.workspace-title{font-size:14px!important}.edr-stats-container{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;margin-bottom:24px!important;padding:4px 0!important;margin-top:1rem!important}.edr-stat-card{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0 auto!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;position:relative!important;overflow:visible!important}.edr-stat-card.stat-master,.edr-stat-card.stat-new,.edr-stat-card.stat-review,.edr-stat-card.stat-all{border-left:none!important}.edr-stat-card:hover{transform:none!important;box-shadow:none!important}.edr-stat-card .edr-donut-chart,.edr-stat-card .edr-stat-info{display:contents!important}.edr-stat-card .stat-desc{display:none!important}.edr-stat-card .edr-donut-inner{width:48px!important;height:48px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:6px!important;order:1!important;background:#fff!important;box-shadow:0 4px 10px #00000014,0 1px 3px #0000000a,inset 0 -2px #00000005!important;z-index:1!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}:root.dark .edr-stat-card .edr-donut-inner,.dark .edr-stat-card .edr-donut-inner{background:#1e293b!important;box-shadow:0 4px 10px #0000004d,inset 0 1px #ffffff0d!important}.edr-stat-card .edr-donut-inner svg{width:20px!important;height:20px!important}.edr-stat-card.active-filter{background:transparent!important;border:none!important}.edr-stat-card.active-filter .edr-donut-inner{transform:scale(1.05)!important}.edr-stat-card.stat-master.active-filter .edr-donut-inner{box-shadow:0 0 0 2px var(--body-bg, #f8fafc),0 0 0 4px #10b981!important}.edr-stat-card.stat-new.active-filter .edr-donut-inner{box-shadow:0 0 0 2px var(--body-bg, #f8fafc),0 0 0 4px #3b82f6!important}.edr-stat-card.stat-review.active-filter .edr-donut-inner{box-shadow:0 0 0 2px var(--body-bg, #f8fafc),0 0 0 4px #f59e0b!important}.edr-stat-card.stat-all.active-filter .edr-donut-inner{box-shadow:0 0 0 2px var(--body-bg, #f8fafc),0 0 0 4px #8b5cf6!important}.edr-stat-card .stat-title{order:2!important;font-size:10px!important;font-weight:500!important;text-align:center!important;color:var(--text-main)!important;line-height:1.1!important;margin:0!important;width:100%!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.edr-stat-card .stat-value{order:3!important;position:absolute!important;top:-4px!important;right:calc(50% - 28px)!important;background-color:#ef4444!important;color:#fff!important;font-size:10px!important;font-weight:700!important;padding:2px 4px!important;min-width:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;border:2px solid var(--body-bg, #f8fafc)!important;z-index:10!important;line-height:1!important;box-shadow:0 2px 4px #00000026!important}.edr-workspace-header{padding:1rem .5rem 0!important;border-bottom:none!important}.edr-toolbar{flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;margin-bottom:12px!important;padding:0 .5rem .5rem!important}.edr-toolbar-left{flex:1 1 100px!important;min-width:0!important;margin-right:8px!important}.edr-search-wrapper{width:100%!important;min-width:0!important}.edr-search-wrapper .input-field{width:100%!important;min-width:0!important;padding-right:8px!important}.edr-toolbar-right{flex:0 0 auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important}.edr-action-group{display:flex!important;gap:12px!important;margin:0!important}.desktop-only-btn{display:none!important}.mobile-dropdown-container{display:block!important;position:relative}.edr-primary-btn{padding:0!important;width:36px!important;height:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.edr-primary-btn svg{width:18px!important;height:18px!important}.edr-primary-btn span{display:none!important}.mobile-more-btn{padding:0!important;width:36px!important;height:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:var(--card-bg, #ffffff)!important;border:1px solid var(--border-color, #e2e8f0)!important;color:var(--text-main, #0f172a)!important;box-shadow:0 1px 2px #0000000d!important}.edr-table{min-width:900px!important;font-size:13px!important;border-collapse:separate!important;border-spacing:0!important}.ui-card.glass{transform:translateZ(0)!important;-webkit-mask-image:-webkit-radial-gradient(white,black)!important}.edr-table thead,.edr-table thead tr{position:sticky!important;top:-16px!important;z-index:100!important}.edr-table tbody{position:relative!important;z-index:1!important}.edr-table th{padding:10px 20px!important;font-size:13px!important;position:sticky!important;top:-16px!important;z-index:100!important;background-color:#f1f5f9!important;background-clip:padding-box!important;border-bottom:2px solid #e2e8f0!important;box-shadow:0 1px 2px #0000000d!important}:root.dark .edr-table th,.dark .edr-table th{background-color:#1e293b!important;background-clip:padding-box!important;border-bottom:2px solid #334155!important;box-shadow:0 1px 2px #0003!important}.edr-table td{padding:10px 12px!important}.edr-pagination-container{flex-direction:column!important;gap:16px!important;padding-bottom:80px!important}.edr-notif-text{display:none!important}.edr-theme-btn{padding:0!important;width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.edr-notif-popup{position:absolute!important;top:50px!important;right:0!important;width:300px!important;max-width:90vw!important;max-height:400px!important;z-index:9999!important;box-shadow:0 10px 40px #0000004d!important}}.bm-header-area{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;padding:1.5rem 1.5rem 0;flex-shrink:0}.bm-header-area .btn-back-home{margin-top:2px}.bm-header-area .header-title h1{font-size:26px;font-weight:700;margin:0 0 6px;color:#0f172a;letter-spacing:-.5px}.bm-header-area .header-title .subtitle{margin:0;color:#64748b;font-size:14px}.bm-content{padding:1rem 1.5rem 1.5rem;width:100%;display:flex;gap:24px;align-items:stretch;flex:1;overflow:hidden}.bm-left-panel{flex:1.4;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.bm-right-panel{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow-y:auto}.bm-left-panel::-webkit-scrollbar,.bm-right-panel::-webkit-scrollbar{width:6px}.bm-left-panel::-webkit-scrollbar-track,.bm-right-panel::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.bm-left-panel::-webkit-scrollbar-thumb,.bm-right-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.bm-left-panel::-webkit-scrollbar-thumb:hover,.bm-right-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:transparent;padding:0 0 1rem;border-bottom:1px solid #f1f5f9}.month-selector{display:flex;align-items:center;gap:1rem}.month-selector h2{margin:0;font-size:1.25rem;color:#0f172a;min-width:140px;text-align:center}.btn-icon-bg{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;transition:all .2s}.btn-icon-bg:hover{background:#e2e8f0;color:var(--primary)}.room-legend{display:flex;gap:1rem}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#475569}.dot{width:10px;height:10px;border-radius:50%}.dot.room-1{background:#3b82f6}.dot.room-2{background:#f59e0b}.dot.room-exec{background:#8b5cf6}.calendar-grid-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:1rem}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid #e2e8f0}.calendar-weekdays div{padding:.5rem 0;text-align:center;font-weight:600;font-size:.8rem;color:#475569}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(38px,auto)}.calendar-day{border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:.25rem;transition:background .2s;cursor:pointer;display:flex;flex-direction:column;align-items:center}.calendar-day:nth-child(7n){border-right:none}.calendar-day.empty{background:#f8fafc;cursor:default}.calendar-day:hover:not(.empty){background:#f1f5f9}.calendar-day.today{background:#eff6ff}.day-number{font-weight:600;font-size:.9rem;color:#334155;margin-bottom:.25rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.calendar-day.today .day-number{color:#fff;background:#f97316}.calendar-day.selected .day-number{color:#fff;background:#2563eb}.day-events-dots{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:4px}.event-dot{width:6px;height:6px;border-radius:50%}.dot-meeting-room-1{background:#3b82f6}.dot-meeting-room-2{background:#f59e0b}.dot-executive-room{background:#8b5cf6}.holiday-label{font-size:8.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-top:2px;line-height:1}.holiday-label.is-holiday{color:#ef4444;font-weight:600}.holiday-label.is-commemoration{color:var(--text-muted, #64748b);font-weight:400}.day-agenda-section h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:1rem}.empty-agenda{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;background:#f8fafc;border-radius:6px;border:1px dashed #e2e8f0;text-align:center;color:#64748b}.empty-agenda p{margin-top:1rem;font-size:14px}.text-emerald-500{color:#10b981}.list-demo{border:1px solid #f1f5f9;border-radius:6px;background-color:#fff;overflow:hidden;box-shadow:0 1px 2px #0000000d}.list-header{padding:12px 16px;background-color:#f8fafc;font-weight:600;font-size:13px;color:#64748b;border-bottom:1px solid #f1f5f9;text-transform:uppercase}.list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f1f5f9;transition:background-color .2s}.list-item:hover{background-color:#f8fafc}.list-item:last-child{border-bottom:none}.list-item-content{display:flex;flex-direction:column;gap:4px}.list-title{font-size:14px;font-weight:500;color:#1e293b}.list-subtitle{font-size:13px}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:4px;letter-spacing:.3px}.badge-default{background-color:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.badge-primary{background-color:#eff6ff;color:#1e40af}.form-header-center{text-align:center;margin-bottom:2rem}.form-header-center h2{font-size:20px;font-weight:600;color:#1e293b;margin:1rem 0 .5rem}.form-header-center p{color:#64748b;font-size:14px;margin:0}.cursor-pointer{cursor:pointer}.detail-modal{width:500px;max-width:90vw;max-height:90vh;overflow-y:auto;padding:0;position:relative;display:flex;flex-direction:column}.detail-modal-header{position:relative;padding:24px;background:linear-gradient(135deg,#2563eb,#8b5cf6);border-top-left-radius:6px;border-top-right-radius:6px;color:#fff}.header-content-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2}.close-btn{background:#fff3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover{background:#ffffff4d}.detail-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.detail-info-row{display:flex;align-items:center;gap:12px;font-size:14px;color:#1e293b}.link-row{background:#eff6ff;padding:8px 12px;border-radius:6px;border:1px solid #bfdbfe;display:flex;justify-content:space-between;align-items:center}.meet-link{color:#2563eb;font-weight:500;cursor:pointer}.detail-section h4{font-size:13px;text-transform:uppercase;color:#64748b;margin:0 0 8px;letter-spacing:.5px}.detail-section p{font-size:14px;margin:0;line-height:1.5}.chips-container{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#f1f5f9;border:1px solid #e2e8f0;padding:4px 10px;border-radius:16px;font-size:12px;color:#334155;font-weight:500}.attachment-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;font-size:13px;font-weight:500}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.gap-12{gap:12px}.gap-8{gap:8px}.text-muted{color:#64748b}.text-sm{font-size:13px}.font-medium{font-weight:500}.mb-4{margin-bottom:4px}.block{display:block}.flex-1{flex:1;min-width:0}.border-t{border-top:1px solid}.border-thin{border-color:#f1f5f9}.pt-4{padding-top:1rem}.ui-card{background-color:#fff;border-radius:6px;padding:24px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005;border:1px solid #f1f5f9}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none}.pl-icon{padding-left:40px!important}.input-field{height:38px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;background-color:#fff;font-size:14px;color:#1e293b;outline:none;transition:all .2s;box-sizing:border-box}.input-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #eff6ff}textarea.input-field{padding:12px}.btn{padding:10px 16px;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all .2s}.btn-primary{background-color:var(--primary);color:#fff}@media (max-width: 800px){.main-content{overflow-y:auto!important;height:auto!important}.bm-content{flex-direction:column;padding:.75rem 1rem 1.5rem;gap:1rem;overflow:visible}.bm-left-panel,.bm-right-panel{overflow:visible;flex:none;height:auto}.bm-header-area{padding:2px 1rem 0;gap:8px;align-items:center}.bm-header-area .btn-back-home{margin-top:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0}.bm-header-area .header-title h1{font-size:12px;margin-bottom:2px}.bm-header-area .header-title .subtitle{font-size:9px;line-height:1.3}.ui-card{padding:.75rem!important;border-radius:8px}.calendar-header{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem}.month-selector{width:100%;justify-content:space-between;gap:.25rem}.month-selector h2{font-size:1rem;min-width:100px}.btn-icon-bg{width:32px;height:32px}.calendar-grid-wrapper{width:100%;overflow-x:hidden}.calendar-weekdays div{font-size:.6rem;padding:.35rem 0}.calendar-day{padding:.1rem;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.calendar-day .day-number{width:18px;height:18px;font-size:.75rem;margin-bottom:2px}.calendar-day.today .day-number,.calendar-day.selected .day-number{width:18px;height:18px}.day-events-dots{gap:2px;margin-top:2px}.event-dot{width:5px;height:5px}.holiday-label{font-size:0;width:5px;height:5px;border-radius:50%;margin-top:2px;display:inline-block}.holiday-label.is-holiday{background-color:#ef4444}.holiday-label.is-commemoration{background-color:#94a3b8}.event-badge{display:none}.room-legend{width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem}.legend-item{font-size:.75rem}.day-agenda-section>div:first-child{margin-bottom:12px!important;padding-bottom:8px!important}.day-agenda-section h3{font-size:14px!important}.empty-agenda{padding:1.5rem 1rem}.empty-agenda p{font-size:13px;line-height:1.4;margin-top:.75rem}.list-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:12px}.list-title{font-size:13px}.list-subtitle{font-size:12px}.form-row{flex-direction:column;gap:0}}:root.dark .bm-header-area .header-title h1,.dark .bm-header-area .header-title h1{color:var(--text-main, #f8fafc)}:root.dark .bm-header-area .header-title .subtitle,.dark .bm-header-area .header-title .subtitle{color:var(--text-muted, #94a3b8)}:root.dark .calendar-header,.dark .calendar-header{border-bottom-color:var(--border-thin, #334155)}:root.dark .month-selector h2,.dark .month-selector h2{color:var(--text-main, #f8fafc)}:root.dark .btn-icon-bg,.dark .btn-icon-bg{background:var(--bg-slate, #0f172a);color:var(--text-muted, #94a3b8)}:root.dark .btn-icon-bg:hover,.dark .btn-icon-bg:hover{background:#ffffff1a;color:var(--text-main, #f8fafc)}:root.dark .legend-item,.dark .legend-item{color:var(--text-muted, #94a3b8)}:root.dark .calendar-grid-wrapper,.dark .calendar-grid-wrapper{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .calendar-weekdays,.dark .calendar-weekdays{background:var(--bg-slate, #0f172a);border-bottom-color:var(--border-thin, #334155)}:root.dark .calendar-weekdays div,.dark .calendar-weekdays div{color:var(--text-muted, #94a3b8)}:root.dark .calendar-day,.dark .calendar-day{border-right-color:var(--border-thin, #334155);border-bottom-color:var(--border-thin, #334155)}:root.dark .calendar-day.empty,.dark .calendar-day.empty{background:var(--bg-slate, #0f172a)}:root.dark .calendar-day:hover:not(.empty),.dark .calendar-day:hover:not(.empty){background:#ffffff0d}:root.dark .calendar-day.today,.dark .calendar-day.today{background:#3b82f626}:root.dark .day-number,.dark .day-number{color:var(--text-main, #f8fafc)}:root.dark .detail-info-row,.dark .detail-info-row{color:var(--text-main, #f8fafc)}:root.dark .link-row,.dark .link-row{background:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155)}:root.dark .meet-link,.dark .meet-link{color:#60a5fa}:root.dark .detail-section h4,.dark .detail-section h4{color:var(--text-muted, #94a3b8)}:root.dark .detail-section p,.dark .detail-section p{color:var(--text-main, #f8fafc)}:root.dark .chip,.dark .chip{background:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155);color:var(--text-muted, #94a3b8)}:root.dark .attachment-card,.dark .attachment-card{background:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155);color:var(--text-main, #f8fafc)}:root.dark .ui-card,.dark .ui-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .input-field,.dark .input-field{background-color:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155);color:var(--text-main, #f8fafc)}:root.dark .input-field:focus,.dark .input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}:root.dark .border-thin,.dark .border-thin{border-color:var(--border-thin, #334155)}:root.dark .text-muted,.dark .text-muted{color:var(--text-muted, #94a3b8)}:root.dark .day-agenda-section h3,.dark .day-agenda-section h3{color:var(--text-main, #f8fafc)}:root.dark .empty-agenda,.dark .empty-agenda{background:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155);color:var(--text-muted, #94a3b8)}:root.dark .list-demo,.dark .list-demo{background-color:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .list-header,.dark .list-header{background-color:var(--bg-slate, #0f172a);border-bottom-color:var(--border-thin, #334155);color:var(--text-muted, #94a3b8)}:root.dark .list-item,.dark .list-item{border-bottom-color:var(--border-thin, #334155)}:root.dark .list-item:hover,.dark .list-item:hover{background-color:#ffffff0d}:root.dark .list-title,.dark .list-title{color:var(--text-main, #f8fafc)}:root.dark .list-subtitle,.dark .list-subtitle{color:var(--text-muted, #94a3b8)}:root.dark .badge-default,.dark .badge-default{background-color:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155);color:var(--text-muted, #94a3b8)}:root.dark .badge-primary,.dark .badge-primary{background-color:#2563eb33;color:#60a5fa}:root.dark .form-header-center h2,.dark .form-header-center h2{color:var(--text-main, #f8fafc)}:root.dark .form-header-center p,.dark .form-header-center p{color:var(--text-muted, #94a3b8)}.booking-modal{position:relative;background-color:var(--card-bg, #ffffff);border-radius:12px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a;border:1px solid var(--border-color, #e2e8f0);animation:bookingModalFadeIn .28s cubic-bezier(.16,1,.3,1)}@keyframes bookingModalFadeIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}:root.dark .booking-modal,.dark .booking-modal{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);box-shadow:0 25px 50px -12px #00000080}.calendar-day.holiday-red .day-number{color:#ef4444!important;font-weight:700}:root.dark .calendar-day.holiday-red .day-number,.dark .calendar-day.holiday-red .day-number{color:#fca5a5!important}.modern-file-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;border:1.5px dashed var(--border-color, #cbd5e1);border-radius:12px;background:var(--bg-slate, #f8fafc);cursor:pointer;transition:all .2s ease;text-align:center}.modern-file-upload:hover{border:1.5px dashed var(--primary, #2563eb);background:#2563eb0a}.modern-file-upload .upload-icon-wrapper{background:#fff;padding:10px;border-radius:50%;box-shadow:0 2px 8px #0000000d}.modern-file-upload .upload-text{display:flex;flex-direction:column;gap:4px}.modern-file-upload .text-main{color:var(--text-main, #334155);font-size:14px}.modern-file-upload .text-xs{font-size:12px}.modern-file-selected{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border-color, #e2e8f0);border-radius:10px;background:var(--card-bg, #ffffff);box-shadow:0 1px 3px #0000000d}.modern-file-selected .file-info{display:flex;align-items:center;gap:12px;overflow:hidden}.modern-file-selected .file-name{font-size:13px;color:var(--text-main, #334155);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.btn-remove-file{background:#fee2e2;color:#ef4444;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-remove-file:hover{background:#fca5a5;color:#fff}:root.dark .modern-file-upload,.dark .modern-file-upload{background:#ffffff05;border-color:var(--border-thin, #334155)}:root.dark .modern-file-upload:hover,.dark .modern-file-upload:hover{background:#ffffff0a;border:1.5px dashed var(--primary, #3b82f6)}:root.dark .modern-file-upload .upload-icon-wrapper,.dark .modern-file-upload .upload-icon-wrapper{background:var(--card-bg, #1e293b)}:root.dark .modern-file-selected,.dark .modern-file-selected{background:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155)}:root.dark .btn-remove-file,.dark .btn-remove-file{background:#ef444426}:root.dark .btn-remove-file:hover,.dark .btn-remove-file:hover{background:#ef4444}:root.dark .booking-modal-scroll::-webkit-scrollbar,.dark .booking-modal-scroll::-webkit-scrollbar,:root.dark .detail-modal::-webkit-scrollbar,.dark .detail-modal::-webkit-scrollbar{width:6px;height:6px}:root.dark .booking-modal-scroll::-webkit-scrollbar-track,.dark .booking-modal-scroll::-webkit-scrollbar-track,:root.dark .detail-modal::-webkit-scrollbar-track,.dark .detail-modal::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}:root.dark .booking-modal-scroll::-webkit-scrollbar-thumb,.dark .booking-modal-scroll::-webkit-scrollbar-thumb,:root.dark .detail-modal::-webkit-scrollbar-thumb,.dark .detail-modal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px;transition:background .2s}:root.dark .booking-modal-scroll::-webkit-scrollbar-thumb:hover,.dark .booking-modal-scroll::-webkit-scrollbar-thumb:hover,:root.dark .detail-modal::-webkit-scrollbar-thumb:hover,.dark .detail-modal::-webkit-scrollbar-thumb:hover{background:#ffffff40}:root.dark .booking-modal-scroll,.dark .booking-modal-scroll,:root.dark .detail-modal,.dark .detail-modal{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) rgba(255,255,255,.02)}.booking-modal .close-btn{position:absolute;top:16px;right:16px;border:none;background:transparent;cursor:pointer;font-size:32px;color:var(--text-muted, #64748b)!important;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .2s ease;z-index:10;line-height:1;padding:0}.booking-modal .close-btn:hover{background-color:var(--bg-slate, #f1f5f9);color:#ef4444!important}:root.dark .booking-modal .close-btn:hover,.dark .booking-modal .close-btn:hover{background-color:#ffffff14;color:#fca5a5!important}.calendar-day.has-meeting.day-of-week-0{background-color:#fef2f2!important;border:1.5px solid #fca5a5!important}.calendar-day.has-meeting.day-of-week-1{background-color:#eff6ff!important;border:1.5px solid #bfdbfe!important}.calendar-day.has-meeting.day-of-week-2{background-color:#f0fdf4!important;border:1.5px solid #bbf7d0!important}.calendar-day.has-meeting.day-of-week-3{background-color:#faf5ff!important;border:1.5px solid #e9d5ff!important}.calendar-day.has-meeting.day-of-week-4{background-color:#fffbeb!important;border:1.5px solid #fde68a!important}.calendar-day.has-meeting.day-of-week-5{background-color:#fff1f2!important;border:1.5px solid #fecdd3!important}.calendar-day.has-meeting.day-of-week-6{background-color:#e0e7ff!important;border:1.5px solid #c7d2fe!important}:root.dark .calendar-day.has-meeting.day-of-week-0,.dark .calendar-day.has-meeting.day-of-week-0{background-color:#ef44441f!important;border:1.5px solid rgba(239,68,68,.4)!important}:root.dark .calendar-day.has-meeting.day-of-week-1,.dark .calendar-day.has-meeting.day-of-week-1{background-color:#3b82f61f!important;border:1.5px solid rgba(59,130,246,.4)!important}:root.dark .calendar-day.has-meeting.day-of-week-2,.dark .calendar-day.has-meeting.day-of-week-2{background-color:#10b9811f!important;border:1.5px solid rgba(16,185,129,.4)!important}:root.dark .calendar-day.has-meeting.day-of-week-3,.dark .calendar-day.has-meeting.day-of-week-3{background-color:#8b5cf61f!important;border:1.5px solid rgba(139,92,246,.4)!important}:root.dark .calendar-day.has-meeting.day-of-week-4,.dark .calendar-day.has-meeting.day-of-week-4{background-color:#f59e0b1f!important;border:1.5px solid rgba(245,158,11,.4)!important}:root.dark .calendar-day.has-meeting.day-of-week-5,.dark .calendar-day.has-meeting.day-of-week-5{background-color:#f43f5e1f!important;border:1.5px solid rgba(244,63,94,.4)!important}:root.dark .calendar-day.has-meeting.day-of-week-6,.dark .calendar-day.has-meeting.day-of-week-6{background-color:#4f46e51f!important;border:1.5px solid rgba(79,70,229,.4)!important}.list-item.meeting-item.day-of-week-0{background-color:#fef2f2!important;border-left:4px solid #ef4444!important}.list-item.meeting-item.day-of-week-1{background-color:#eff6ff!important;border-left:4px solid #3b82f6!important}.list-item.meeting-item.day-of-week-2{background-color:#f0fdf4!important;border-left:4px solid #10b981!important}.list-item.meeting-item.day-of-week-3{background-color:#faf5ff!important;border-left:4px solid #8b5cf6!important}.list-item.meeting-item.day-of-week-4{background-color:#fffbeb!important;border-left:4px solid #f59e0b!important}.list-item.meeting-item.day-of-week-5{background-color:#fff1f2!important;border-left:4px solid #f43f5e!important}.list-item.meeting-item.day-of-week-6{background-color:#e0e7ff!important;border-left:4px solid #4f46e5!important}:root.dark .list-item.meeting-item.day-of-week-0,.dark .list-item.meeting-item.day-of-week-0{background-color:#ef444414!important;border-left:4px solid #ef4444!important;border-bottom:1.5px solid rgba(239,68,68,.2)!important}:root.dark .list-item.meeting-item.day-of-week-1,.dark .list-item.meeting-item.day-of-week-1{background-color:#3b82f614!important;border-left:4px solid #3b82f6!important;border-bottom:1.5px solid rgba(59,130,246,.2)!important}:root.dark .list-item.meeting-item.day-of-week-2,.dark .list-item.meeting-item.day-of-week-2{background-color:#10b98114!important;border-left:4px solid #10b981!important;border-bottom:1.5px solid rgba(16,185,129,.2)!important}:root.dark .list-item.meeting-item.day-of-week-3,.dark .list-item.meeting-item.day-of-week-3{background-color:#8b5cf614!important;border-left:4px solid #8b5cf6!important;border-bottom:1.5px solid rgba(139,92,246,.2)!important}:root.dark .list-item.meeting-item.day-of-week-4,.dark .list-item.meeting-item.day-of-week-4{background-color:#f59e0b14!important;border-left:4px solid #f59e0b!important;border-bottom:1.5px solid rgba(245,158,11,.2)!important}:root.dark .list-item.meeting-item.day-of-week-5,.dark .list-item.meeting-item.day-of-week-5{background-color:#f43f5e14!important;border-left:4px solid #f43f5e!important;border-bottom:1.5px solid rgba(244,63,94,.2)!important}:root.dark .list-item.meeting-item.day-of-week-6,.dark .list-item.meeting-item.day-of-week-6{background-color:#4f46e514!important;border-left:4px solid #4f46e5!important;border-bottom:1.5px solid rgba(79,70,229,.2)!important}.timepicker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}.timepicker-modal{background:#fff;border-radius:24px;width:480px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.timepicker-header{font-size:14px;color:#64748b;margin-bottom:24px}.timepicker-body{display:flex;gap:40px;align-items:center}.timepicker-display{display:flex;flex-direction:column;gap:16px;width:140px}.timepicker-time-display{display:flex;align-items:center;gap:4px;font-size:56px;font-weight:300;color:#1e293b}.timepicker-time-unit{padding:8px 12px;border-radius:8px;background:#f1f5f9;cursor:pointer;transition:all .2s}.timepicker-time-unit.active{background:#1e293b;color:#fff}.timepicker-ampm{display:flex;border:1px solid #1e293b;border-radius:8px;overflow:hidden}.timepicker-ampm-btn{flex:1;padding:10px;text-align:center;font-weight:500;cursor:pointer;background:transparent;border:none;font-size:14px;transition:all .2s}.timepicker-ampm-btn.active{background:#0f766e;color:#fff}.timepicker-clock-area{position:relative;width:240px;height:240px;border-radius:50%;background:#f8fafc}.timepicker-clock-number{position:absolute;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#1e293b;cursor:pointer;z-index:2;transition:all .2s}.timepicker-clock-number:hover{background:#e2e8f0}.timepicker-clock-number.selected{background:#1e293b;color:#fff}.timepicker-clock-hand{position:absolute;top:10%;left:50%;width:2px;height:40%;background:#1e293b;transform-origin:bottom center;margin-left:-1px;z-index:1}.timepicker-clock-center{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#1e293b;transform:translate(-50%,-50%);z-index:3}.timepicker-actions{display:flex}@media (max-width: 600px){.timepicker-modal{width:100%;padding:24px}.timepicker-body{flex-direction:column;gap:24px}.timepicker-display{width:100%;align-items:center}.timepicker-time-display{font-size:48px}}:root.dark .timepicker-modal,.dark .timepicker-modal{background:#1e293b;box-shadow:0 20px 25px -5px #00000080}:root.dark .timepicker-header,.dark .timepicker-header{color:#94a3b8}:root.dark .timepicker-time-display,.dark .timepicker-time-display{color:#f8fafc}:root.dark .timepicker-time-unit,.dark .timepicker-time-unit{background:#334155}:root.dark .timepicker-time-unit.active,.dark .timepicker-time-unit.active{background:#3b82f6}:root.dark .timepicker-ampm,.dark .timepicker-ampm{border-color:#475569}:root.dark .timepicker-ampm-btn,.dark .timepicker-ampm-btn{color:#94a3b8}:root.dark .timepicker-ampm-btn.active,.dark .timepicker-ampm-btn.active{background:#3b82f6;color:#fff}:root.dark .timepicker-clock-area,.dark .timepicker-clock-area{background:#334155}:root.dark .timepicker-clock-number,.dark .timepicker-clock-number{color:#cbd5e1}:root.dark .timepicker-clock-number:hover,.dark .timepicker-clock-number:hover{background:#475569}:root.dark .timepicker-clock-number.selected,.dark .timepicker-clock-number.selected{background:#3b82f6;color:#fff}:root.dark .timepicker-clock-hand,.dark .timepicker-clock-hand{background:#3b82f6}:root.dark .timepicker-clock-center,.dark .timepicker-clock-center{background:#3b82f6}.monitoring-stock-wrapper{padding:32px 25px;height:100%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;width:100%;flex:1;box-sizing:border-box}.ms-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;flex-shrink:0}.ms-layout{display:flex;flex-direction:column;gap:20px;width:100%}.ms-row-top{display:grid;grid-template-columns:65% 1fr;gap:20px;flex-shrink:0}.ms-chart-card{width:100%}.ms-moving-card{width:100%;display:flex;flex-direction:column}.ms-row-bottom,.ms-table-card{display:flex;flex-direction:column;width:100%}.btn-icon-small{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s}.btn-icon-small:hover:not(:disabled){background:#f1f5f9;color:var(--primary)}.btn-icon-small:disabled{opacity:.5;cursor:not-allowed}.spin-anim{animation:spin 1s linear infinite}.mt-4{margin-top:24px}.ms-left-panel::-webkit-scrollbar,.ms-right-panel .ui-card>div::-webkit-scrollbar{width:6px}.ms-left-panel::-webkit-scrollbar-track,.ms-right-panel .ui-card>div::-webkit-scrollbar-track{background:transparent}.ms-left-panel::-webkit-scrollbar-thumb,.ms-right-panel .ui-card>div::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (max-width: 1024px){.ms-layout{flex-direction:column;overflow-y:auto}.ms-container{height:auto}.ms-left-panel,.ms-right-panel{flex:none;overflow:visible}}:root.dark .btn-icon-small{color:var(--text-muted, #94a3b8)}:root.dark .btn-icon-small:hover:not(:disabled){background:var(--bg-color, #1e293b);color:var(--primary)}:root.dark .ms-left-panel::-webkit-scrollbar-thumb,:root.dark .ms-right-panel .ui-card>div::-webkit-scrollbar-thumb{background:var(--border-thin, #334155)}:root.dark .ms-container::-webkit-scrollbar,.dark .ms-container::-webkit-scrollbar{width:6px;height:6px}:root.dark .ms-container::-webkit-scrollbar-track,.dark .ms-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}:root.dark .ms-container::-webkit-scrollbar-thumb,.dark .ms-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px;transition:background .2s}:root.dark .ms-container::-webkit-scrollbar-thumb:hover,.dark .ms-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}:root.dark .ms-container,.dark .ms-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) rgba(255,255,255,.02)}.btn-export-csv{background-color:#10b981;color:#fff;border:1px solid transparent;padding:8px 16px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-export-csv:hover{background-color:#059669}:root.dark .btn-export-csv,.dark .btn-export-csv{background-color:#059669}:root.dark .btn-export-csv:hover,.dark .btn-export-csv:hover{background-color:#047857}:root{--ro-bg-white: #ffffff;--ro-bg-light: #fafafa;--ro-bg-slate: #f8fafc;--ro-text-main: #1e293b;--ro-text-muted: #64748b;--ro-primary: var(--primary);--ro-primary-hover: var(--primary-hover);--ro-border-thin: #f1f5f9;--ro-border-med: #e2e8f0;--ro-radius-sm: 4px;--ro-radius-md: 6px;--ro-shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px -1px rgba(0, 0, 0, .02);--ro-info-bg: #eff6ff;--ro-info-text: #1e40af;--ro-warning-bg: #fffbeb;--ro-warning-text: #b45309;--ro-success-bg: #f0fdf4;--ro-success-text: #15803d;--ro-error-bg: #fef2f2;--ro-error-text: #b91c1c}.ro-page-container{background-color:var(--ro-bg-slate);height:calc(100vh - 64px);overflow-y:auto;padding-bottom:40px;color:var(--ro-text-main)}.ro-page-header{background-color:transparent;border-bottom:1px solid var(--border-color, var(--ro-border-med));padding:32px 40px 0;margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-end}.ro-page-header .header-content h1{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--ro-text-main)}.ro-page-header .header-content p{color:var(--ro-text-muted);margin:0 0 24px;font-size:14px}.header-tabs{display:flex;gap:32px}.tab-btn{background:transparent;border:none;padding:0 0 16px;font-size:14px;font-weight:500;color:var(--ro-text-muted);cursor:pointer;display:flex;align-items:center;gap:8px;position:relative;transition:color .2s;font-family:inherit}.tab-btn:hover{color:var(--ro-text-main)}.tab-btn.active{color:var(--ro-primary);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--ro-primary);border-radius:3px 3px 0 0}.ro-page-main{padding:0 40px;max-width:1400px;margin:0 auto}.ro-flex-row{display:flex;flex-direction:row}.ro-flex-col{display:flex;flex-direction:column}.ro-items-start{align-items:flex-start}.ro-items-center{align-items:center}.ro-gap-4{gap:4px}.ro-gap-12{gap:12px}.ro-gap-24{gap:24px}.ro-flex-wrap{flex-wrap:wrap}.ro-w-full{width:100%!important;box-sizing:border-box}.ro-w-auto{width:auto!important}.ro-m-0{margin:0!important}.ro-mb-4{margin-bottom:4px!important}.ro-mb-24{margin-bottom:24px!important}.ro-text-muted{color:var(--ro-text-muted)!important}.ro-ui-card{background-color:var(--ro-bg-white);border-radius:var(--ro-radius-md);padding:24px;box-shadow:var(--ro-shadow-soft)}.ro-btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:var(--ro-radius-sm);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;box-sizing:border-box}.ro-btn-primary{background-color:var(--ro-primary);color:#fff;border:1px solid var(--ro-primary)}.ro-btn-primary:hover{background-color:var(--ro-primary-hover);border-color:var(--ro-primary-hover)}.ro-btn-secondary{background-color:var(--ro-bg-white);color:var(--ro-text-main);border:1px solid var(--ro-border-med)}.ro-btn-secondary:hover{background-color:var(--ro-bg-slate)}.ro-btn-ghost{background-color:transparent;color:var(--ro-text-main);border:1px solid transparent}.ro-btn-ghost:hover{background-color:var(--ro-bg-slate)}.ro-icon-btn{width:36px;height:36px;border-radius:var(--ro-radius-sm);border:1px solid transparent;background-color:transparent;color:var(--ro-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;box-sizing:border-box}.ro-icon-btn:hover{background-color:var(--ro-bg-slate);color:var(--ro-text-main)}.ro-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ro-input-field{height:36px;padding:8px 12px;border:1px solid var(--ro-border-med);border-radius:var(--ro-radius-sm);background-color:var(--ro-bg-white);font-size:14px;color:var(--ro-text-main);outline:none;transition:all .2s;font-family:inherit;box-sizing:border-box}.ro-input-field:focus{border-color:var(--ro-primary);box-shadow:0 0 0 3px var(--ro-info-bg)}.ro-input-field::placeholder{color:var(--ro-text-muted)}.ro-input-with-icon{position:relative}.ro-input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.ro-pl-icon{padding-left:36px!important}.ro-select-wrapper{position:relative}.ro-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ro-select-wrapper:after{content:"▼";font-size:10px;color:var(--ro-text-muted);position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.ro-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:var(--ro-radius-sm);letter-spacing:.3px}.ro-badge-default{background-color:var(--ro-bg-slate);color:var(--ro-text-muted);border:1px solid var(--ro-border-med)}.ro-badge-primary{background-color:var(--ro-info-bg);color:var(--ro-info-text)}.ro-badge-success{background-color:var(--ro-success-bg);color:var(--ro-success-text)}.ro-badge-warning{background-color:var(--ro-warning-bg);color:var(--ro-warning-text)}.ro-badge-error{background-color:var(--ro-error-bg);color:var(--ro-error-text)}.ro-alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--ro-radius-sm);font-size:14px}.ro-alert svg{flex-shrink:0;margin-top:1px}.ro-alert-info{background-color:var(--ro-info-bg);color:var(--ro-info-text)}.ro-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.ro-stat-capsule{background:var(--ro-bg-white);border:1px solid var(--ro-border-med);border-radius:9999px;padding:.625rem 1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;box-shadow:0 1px 2px #00000005;transition:all .2s ease-in-out;position:relative;overflow:hidden;cursor:default}.ro-stat-capsule:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000f}.ro-stat-capsule .capsule-left{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.ro-stat-capsule .capsule-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ro-text-muted);margin:0;white-space:nowrap}.ro-stat-capsule .capsule-value{font-size:26px;font-weight:700;margin:0;line-height:1;color:var(--ro-text-main)}.ro-stat-capsule .capsule-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ro-stat-capsule.stat-info .capsule-icon{background-color:var(--ro-info-bg);color:var(--ro-info-text)}.ro-stat-capsule.stat-info:hover{background-color:#eff6ff;border-color:#bfdbfe}.ro-stat-capsule.stat-info .capsule-value{color:var(--ro-info-text)}.ro-stat-capsule.stat-warning .capsule-icon{background-color:var(--ro-warning-bg);color:var(--ro-warning-text)}.ro-stat-capsule.stat-warning:hover{background-color:#fffbeb;border-color:#fde68a}.ro-stat-capsule.stat-warning .capsule-value{color:var(--ro-warning-text)}.ro-stat-capsule.stat-success .capsule-icon{background-color:var(--ro-success-bg);color:var(--ro-success-text)}.ro-stat-capsule.stat-success:hover{background-color:#f0fdf4;border-color:#bbf7d0}.ro-stat-capsule.stat-success .capsule-value{color:var(--ro-success-text)}.stat-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.bg-info{background-color:var(--ro-info-bg)}.text-info{color:var(--ro-info-text)}.bg-warning{background-color:var(--ro-warning-bg)}.text-warning{color:var(--ro-warning-text)}.bg-success{background-color:var(--ro-success-bg)}.text-success{color:var(--ro-success-text)}.table-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ro-border-thin)}.table-responsive{width:100%;max-height:60vh;overflow-x:auto;overflow-y:scroll}.table-responsive::-webkit-scrollbar{width:6px;height:6px}.table-responsive::-webkit-scrollbar-track{background:var(--ro-bg-slate);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:var(--ro-border-med);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:var(--ro-text-muted)}.ro-table{width:100%;border-collapse:collapse}.ro-table th{background-color:var(--ro-bg-slate);padding:12px 24px;font-size:12px;text-transform:uppercase;color:var(--ro-text-muted);font-weight:600;text-align:left;border-bottom:1px solid var(--ro-border-thin);position:sticky;top:0;z-index:10}.ro-table td{padding:16px 24px;border-bottom:1px solid var(--ro-border-thin);font-size:14px;color:var(--ro-text-main);vertical-align:middle}.ro-table tr:hover{background-color:var(--ro-bg-light)}.ro-table tr:last-child td{border-bottom:none}.ro-form-layout{display:flex;gap:24px;align-items:flex-start}.ro-form-main{flex:1;min-width:0}.ro-form-sidebar{width:340px;position:sticky;top:24px}.cart-item-row{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid var(--ro-border-med);border-radius:var(--ro-radius-md);background-color:var(--ro-bg-white)}.item-number{width:28px;height:28px;border-radius:50%;background-color:var(--ro-bg-slate);color:var(--ro-text-muted);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;margin-top:22px}.item-inputs{flex:1;display:flex;flex-wrap:wrap;gap:16px}.ro-items-list-scrollable{max-height:50vh;overflow-y:scroll;padding-right:8px}.ro-items-list-scrollable::-webkit-scrollbar{width:6px}.ro-items-list-scrollable::-webkit-scrollbar-track{background:var(--ro-bg-slate);border-radius:4px}.ro-items-list-scrollable::-webkit-scrollbar-thumb{background:var(--ro-border-med);border-radius:4px}.ro-items-list-scrollable::-webkit-scrollbar-thumb:hover{background:var(--ro-text-muted)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.ro-form-layout{flex-direction:column}.ro-form-sidebar{width:100%;position:static}}@media (max-width: 768px){.ro-page-header{flex-direction:column;align-items:flex-start;padding:24px 24px 0;gap:16px}.ro-page-main{padding:0 24px}.table-header{flex-direction:column;align-items:flex-start;gap:16px}.ro-table td,.ro-table th{padding:12px 16px}}:root.dark{--ro-bg-white: var(--card-bg, #1e293b);--ro-bg-light: var(--bg-color, #0f172a);--ro-bg-slate: var(--bg-color, #0f172a);--ro-text-main: var(--text-main, #f8fafc);--ro-text-muted: var(--text-muted, #94a3b8);--ro-border-thin: var(--border-thin, #334155);--ro-border-med: var(--border-thin, #334155);--ro-shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .5);--ro-info-bg: rgba(37, 99, 235, .1);--ro-info-text: #60a5fa;--ro-warning-bg: rgba(217, 119, 6, .1);--ro-warning-text: #fbbf24;--ro-success-bg: rgba(22, 163, 74, .1);--ro-success-text: #4ade80;--ro-error-bg: rgba(220, 38, 38, .1);--ro-error-text: #f87171}:root.dark .ro-stat-capsule.stat-info:hover{background-color:#2563eb26;border-color:#2563eb4d}:root.dark .ro-stat-capsule.stat-warning:hover{background-color:#d9770626;border-color:#d977064d}:root.dark .ro-stat-capsule.stat-success:hover{background-color:#16a34a26;border-color:#16a34a4d}.ro-view-toggle{display:flex;background:var(--ro-bg-light);border:1px solid var(--ro-border-med);border-radius:8px;padding:3px;gap:2px}.ro-view-btn{border:none;background:transparent;color:var(--ro-text-muted);font-size:13px;font-weight:500;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.ro-view-btn.active{background:var(--ro-bg-white);color:var(--ro-primary);font-weight:600;box-shadow:0 1px 3px #00000014}:root.dark .ro-view-btn.active{background:var(--card-bg, #1e293b);box-shadow:0 1px 3px #0006}.ro-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.ro-modal-card{background:var(--ro-bg-white);border-radius:12px;border:1px solid var(--ro-border-med);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a;width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .2s ease}.ro-modal-header{padding:20px 24px;border-bottom:1px solid var(--ro-border-med);display:flex;justify-content:space-between;align-items:center}.ro-modal-body{padding:24px;overflow-y:auto;flex:1}.ro-modal-footer{padding:16px 24px;border-top:1px solid var(--ro-border-med);display:flex;justify-content:flex-end;gap:12px;background:var(--ro-bg-slate)}.ro-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;background:var(--ro-bg-slate);padding:16px;border-radius:8px;border:1px solid var(--ro-border-thin);margin-bottom:20px}.ro-detail-item-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--ro-text-muted);margin-bottom:4px}.ro-detail-item-val{font-size:14px;font-weight:600;color:var(--ro-text-main)}.ro-item-table{width:100%;border-collapse:collapse;margin-top:8px}.ro-item-table th{text-align:left;padding:10px 12px;background:var(--ro-bg-slate);font-size:12px;font-weight:600;color:var(--ro-text-muted);border-bottom:1px solid var(--ro-border-med)}.ro-item-table td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--ro-border-thin);color:var(--ro-text-main)}.wh-responsive-layout{display:flex;width:100%;flex:1;flex-direction:row;min-height:0}.wh-layout-left{flex:5.5;height:100%;padding-right:.5rem;min-width:0;outline:none;display:flex;flex-direction:column}.wh-layout-right{flex:6.5;height:100%;display:flex;flex-direction:column;padding-left:.5rem;min-width:0}.wh-layout-divider{display:none}@media (max-width: 1024px){.wh-responsive-layout{flex-direction:column;overflow-y:auto;overflow-x:hidden}.wh-layout-left{padding-right:0;padding-bottom:1.5rem;height:auto;flex:none}.wh-layout-right{padding-left:0;padding-top:0;height:auto;flex:none}.wh-layout-divider{display:none}}.mobile-tabs-control{display:none}.btn-back-home{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-thin, #e2e8f0);background-color:transparent;cursor:pointer;color:var(--text-main, #0f172a);transition:all .2s;padding:0;flex-shrink:0}:root.dark .btn-back-home,.dark .btn-back-home{border-color:var(--border-thin);color:var(--text-main)}.wh-dashboard-container{display:flex;flex-direction:column;gap:1rem;height:100%;margin-top:-.5rem}.wh-top-banner{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 4px 20px #00000008;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.wh-banner-content{display:flex;align-items:center;gap:1rem}.wh-banner-icon{width:48px;height:48px;background:color-mix(in srgb,var(--color-warehouse, #ea580c) 10%,transparent);color:var(--color-warehouse, #ea580c);border-radius:12px;display:flex;align-items:center;justify-content:center}.wh-banner-text h1{font-size:1.5rem;font-weight:700;color:var(--text-main, #0f172a);margin:0;line-height:1.2}.wh-banner-text p{color:var(--text-muted, #64748b);font-size:.875rem;margin:.25rem 0 0}.header-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.bg-blue-light{background:#eff6ff}.text-blue{color:var(--primary)}.wh-content{display:flex;flex-direction:column;flex:1;min-height:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;color:#64748b}.spinner{width:40px;height:40px;border:4px solid #f1f5f9;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wh-card{background:#fff;border-radius:12px;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;overflow:hidden;display:flex;flex-direction:column;flex:1}.card-header{padding:1px 1.5rem .25rem;display:flex;justify-content:space-between;align-items:center}.card-header.border-bottom{border-bottom:1px solid #e2e8f0}.card-header h3{margin:0;font-size:1.1rem;color:#0f172a;font-weight:600}.wh-form-body{padding:0 1.5rem .25rem;display:flex;flex-direction:column;gap:.5rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.form-row{display:flex;gap:.75rem}.form-row.align-bottom{align-items:flex-end}.wh-input{width:100%;height:42px;padding:6px 12px;border:1px solid #cbd5e1;border-radius:8px;background-color:#f8fafc;font-size:15px;color:#1e293b;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-sizing:border-box;box-shadow:inset 0 1px 2px #00000005}.wh-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.5rem;cursor:pointer}.wh-input:hover{border-color:var(--primary, #0ea5e9)!important;background-color:var(--card-bg, #ffffff)!important;box-shadow:0 2px 4px #0000000d!important}.wh-input:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent),inset 0 1px 2px #00000003}.input-with-icon{position:relative}.input-with-icon .icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.pl-10{padding-left:3rem!important}.relative{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;margin-top:4px;padding:.5rem 0;list-style:none;z-index:50;max-height:250px;overflow-y:auto}.autocomplete-dropdown li{padding:.75rem 1rem;cursor:pointer;transition:background .15s}.autocomplete-dropdown li:hover{background:#f8fafc}.item-suggest-name{font-weight:500;color:#1e293b}.btn-add-cart{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(180deg,#fff,#f8fafc);color:#475569;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000d;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-cart:hover:not(:disabled){background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:#1e293b;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.btn-add-cart:disabled{opacity:.5;cursor:not-allowed}.cart-container{flex:1;overflow-y:auto;padding:1rem;min-height:0;outline:none}.cart-container:focus-visible{box-shadow:inset 0 0 0 2px var(--primary)}.empty-cart-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#94a3b8;border:2px dashed #e2e8f0;margin:1rem;border-radius:8px}.cart-list{list-style:none;padding:0;margin:0}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease}.cart-item:hover,.cart-item.selected{background:#f8fafc}.cart-item:hover{transform:translate(2px)}.cart-item.selected{border-left:3px solid var(--primary);padding-left:calc(1.5rem - 3px)}.cart-item-info{display:flex;align-items:center;gap:.75rem}.cart-item-name{font-weight:500;color:#1e293b}.btn-remove-cart{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-submit-wh{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-active) 100%);color:#fff;border:1px solid var(--primary-active);box-shadow:0 2px 4px color-mix(in srgb,var(--primary) 20%,transparent);padding:8px 16px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;font-family:inherit;box-sizing:border-box}.btn-submit-wh:hover:not(:disabled){filter:brightness(.9);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.btn-submit-wh:disabled{opacity:.5;cursor:not-allowed}.error-alert{display:flex;align-items:center;gap:.5rem;background:#fee2e2;color:#b91c1c;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500}.table-responsive{width:100%;max-width:100%;flex:1;overflow-y:auto;overflow-x:hidden!important;min-height:0}.wh-table{width:100%;max-width:100%!important;border-collapse:collapse;table-layout:fixed!important}.wh-table th,.wh-table td{box-sizing:border-box}.wh-table th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:1rem 1.25rem;font-size:.85rem;color:#475569;font-weight:600;border-bottom:2px solid #e2e8f0;text-align:left}.wh-table td{padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;vertical-align:top;word-break:break-word;transition:background-color .2s ease}.table-row-hover:hover td{background-color:#f8fafc}.search-box.small{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #cbd5e1;padding:.4rem .75rem;border-radius:6px;width:200px}.search-box.small input{border:none;outline:none;width:100%;font-size:.85rem;color:#1e293b}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:4px;letter-spacing:.3px}.status-safe{background-color:#f0fdf4;color:#15803d}.status-critical{background-color:#fef2f2;color:#b91c1c}.status-pending{background-color:#fffbeb;color:#b45309}.pagination-controls{display:flex;justify-content:space-between;align-items:center}.btn-page{display:flex;align-items:center;gap:.25rem;background-color:#fff;color:#1e293b;border:1px solid #e2e8f0;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-page:hover:not(:disabled){background-color:#f8fafc}.btn-page:disabled{opacity:.5;cursor:not-allowed}.w-full{width:100%}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.h-full{height:100%}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:#94a3b8}.whitespace-nowrap{white-space:nowrap}.warehouse-title{font-size:1.5rem}.warehouse-subtitle{font-size:.875rem}@media (max-width: 1024px){.wh-two-column-layout{flex-direction:column}}@media (max-width: 768px){.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch;width:100%}.wh-table{min-width:700px!important}.wh-table th:nth-child(1),.wh-table td:nth-child(1){min-width:160px!important;padding-right:3rem!important}.warehouse-header-container{justify-content:flex-start!important;gap:8px!important;padding-left:0!important}.btn-back-home{position:static!important;border:none!important;background-color:transparent!important;width:auto!important;height:auto!important;padding:4px 0 4px 4px!important;margin-left:-4px!important}.btn-back-home:hover{background-color:transparent!important;color:var(--primary)!important;transform:none!important}.warehouse-title-wrapper{flex:1;padding:.5rem .75rem!important}.mobile-tabs-control{display:flex;margin:0 0 1rem;background:var(--bg-slate, #e2e8f0);border-radius:10px;padding:6px;gap:4px;flex:none}.mobile-tab-btn{flex:1;padding:.75rem 1rem;text-align:center;border-radius:8px;font-size:.85rem;font-weight:700;color:var(--text-muted);transition:all .25s ease;border:none;background:transparent;cursor:pointer}.mobile-tab-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 4px #0000000d}.mobile-tab-wrapper.show-form .wh-layout-right,.mobile-tab-wrapper.show-history .wh-layout-left,.wh-layout-divider{display:none!important}.warehouse-title{font-size:1.25rem!important}.warehouse-subtitle{font-size:.65rem!important}.form-group label{font-size:.65rem!important;text-transform:uppercase!important;font-weight:700!important}.form-group label{font-size:.65rem!important;text-transform:uppercase!important;font-weight:700!important;margin-bottom:2px!important}.wh-input{font-size:.7rem!important;height:34px!important;padding:4px 8px!important}.wh-form-body{gap:.25rem!important;padding-left:1rem!important;padding-right:1rem!important}.form-group{gap:0!important}.form-row{gap:.35rem!important}.btn-add-cart-primary{height:34px!important;font-size:.75rem!important;padding:0 .75rem!important;margin-top:14px!important}.card-header{padding:.5rem 1rem 0!important}.card-header h3{font-size:1.1rem!important}.cart-container{padding:0 1rem!important}.pagination-controls{gap:.5rem!important;padding:.5rem!important}.pagination-info{font-size:.8rem!important}.page-word,.of-word{display:none!important}.slash-word{display:inline!important}.btn-page-text{display:none!important}.btn-page{padding:.5rem!important}}:root.dark .wh-card{background:var(--card-bg);border-color:var(--border-thin)}:root.dark .card-header.border-bottom{border-color:var(--border-thin)}:root.dark .card-header h3{color:var(--text-main)}:root.dark .form-group label{color:var(--text-muted)}:root.dark .wh-input{background-color:var(--bg-color);border-color:var(--border-thin);color:var(--text-main)}:root.dark .input-with-icon .icon{color:var(--text-muted)}:root.dark .autocomplete-dropdown{background:var(--card-bg);border-color:var(--border-thin)}:root.dark .autocomplete-dropdown li:hover{background:var(--bg-color)}:root.dark .item-suggest-name{color:var(--text-main)}:root.dark .btn-add-cart{background:var(--bg-color);color:var(--text-main);border-color:var(--border-thin)}:root.dark .btn-add-cart:hover:not(:disabled){background:var(--border-thin);color:var(--text-main);border-color:var(--text-muted)}:root.dark .empty-cart-state{color:var(--text-muted);border-color:var(--border-thin)}:root.dark .cart-item{border-color:var(--border-thin)}:root.dark .cart-item:hover,:root.dark .cart-item.selected{background:var(--bg-color)}:root.dark .cart-item-name{color:var(--text-main)}:root.dark .error-alert{background:var(--error-bg);color:var(--error-text)}:root.dark .wh-table th{background:var(--bg-color);color:var(--text-muted);border-color:var(--border-thin)}:root.dark .wh-table td{border-color:var(--border-thin)}:root.dark .table-row-hover:hover td{background-color:color-mix(in srgb,var(--bg-color) 60%,transparent)}:root.dark .search-box.small{background:var(--card-bg);border-color:var(--border-thin)}:root.dark .search-box.small input{color:var(--text-main);background:transparent}:root.dark .btn-page{background-color:var(--card-bg);color:var(--text-main);border-color:var(--border-thin)}:root.dark .btn-page:hover:not(:disabled){background-color:var(--bg-color)}:root.dark .text-muted{color:var(--text-muted)}:root.dark .loading-state{color:var(--text-muted)}:root.dark .text-slate-800{color:var(--text-main)}:root.dark .text-slate-500{color:var(--text-muted)}:root.dark .text-slate-600{color:var(--text-main)}:root.dark .text-slate-400{color:var(--text-muted)}:root.dark .bg-slate-100{background-color:var(--bg-color)}:root.dark .text-orange-500{color:var(--warning-text, #f59e0b)}.wh-card::-webkit-scrollbar,.cart-container::-webkit-scrollbar,.autocomplete-dropdown::-webkit-scrollbar,.table-responsive::-webkit-scrollbar{width:8px;height:8px}.table-responsive::-webkit-scrollbar:horizontal{display:none}.wh-card::-webkit-scrollbar-track,.cart-container::-webkit-scrollbar-track,.autocomplete-dropdown::-webkit-scrollbar-track,.wh-table-container::-webkit-scrollbar-track{background:transparent}.wh-card::-webkit-scrollbar-thumb,.cart-container::-webkit-scrollbar-thumb,.autocomplete-dropdown::-webkit-scrollbar-thumb,.wh-table-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.wh-card::-webkit-scrollbar-thumb:hover,.cart-container::-webkit-scrollbar-thumb:hover,.autocomplete-dropdown::-webkit-scrollbar-thumb:hover,.wh-table-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}:root.dark .wh-card::-webkit-scrollbar-thumb,:root.dark .cart-container::-webkit-scrollbar-thumb,:root.dark .autocomplete-dropdown::-webkit-scrollbar-thumb,:root.dark .wh-table-container::-webkit-scrollbar-thumb{background-color:#475569}:root.dark .wh-card::-webkit-scrollbar-thumb:hover,:root.dark .cart-container::-webkit-scrollbar-thumb:hover,:root.dark .autocomplete-dropdown::-webkit-scrollbar-thumb:hover,:root.dark .wh-table-container::-webkit-scrollbar-thumb:hover{background-color:#64748b}.admin-warehouse-container{padding:1.5rem;width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;height:100%}.admin-warehouse-header{margin-bottom:8px}.admin-warehouse-header h1{font-size:24px;font-weight:600;color:var(--text-dark, #1e293b);margin-bottom:8px}.admin-warehouse-header p{color:var(--text-muted, #64748b);font-size:14px}.admin-main-navigation{margin-bottom:-8px}.admin-tab-content{display:flex;flex-direction:column;gap:24px}.tab-content-stock{display:flex;flex-direction:row;gap:24px}.stock-left-col{width:30%;min-width:300px;display:flex;flex-direction:column;gap:24px}.stock-right-col{width:70%;flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.tab-content-full{width:100%;display:flex;flex-direction:column;gap:24px}.admin-summary-unified-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:.75rem;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000000d;gap:1.5rem}.unified-summary-item{flex:1;display:flex;align-items:center;gap:1rem}.unified-summary-divider{width:1px;height:48px;background-color:var(--border-color, #e2e8f0)}.summary-icon{display:flex;align-items:center;justify-content:center}.text-primary{color:var(--primary)}.text-warning{color:#d97706}.summary-info{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.summary-label{font-size:.85rem;color:var(--text-muted, #64748b);font-weight:500;margin-bottom:0}.summary-value{font-size:1.5rem;font-weight:700;color:var(--text-main, #1e293b);line-height:1.2}.admin-tabs{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.admin-tab-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:9999px;color:var(--text-main, #1e293b);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000a}.admin-tab-btn:hover{color:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 10%,transparent);transform:translateY(-1px)}.admin-tab-btn.active{color:#fff;background-color:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 25%,transparent);transform:translateY(-1px)}@media (max-width: 1024px){.tab-content-stock{flex-direction:column}.stock-left-col,.stock-right-col{width:100%}}:root.dark .admin-warehouse-header h1,.dark .admin-warehouse-header h1{color:var(--text-main, #f8fafc)}:root.dark .admin-warehouse-header p,.dark .admin-warehouse-header p{color:var(--text-muted, #94a3b8)}:root.dark .admin-summary-unified-card,.dark .admin-summary-unified-card{background:var(--card-bg, #1e293b);border-color:#ffffff1a;box-shadow:0 2px 8px #0003}:root.dark .unified-summary-divider,.dark .unified-summary-divider{background-color:#ffffff1a}:root.dark .admin-tab-btn,.dark .admin-tab-btn{background-color:var(--card-bg, #1e293b);border-color:#ffffff1a;color:var(--text-main, #f8fafc)}:root.dark .admin-tab-btn:hover,.dark .admin-tab-btn:hover{border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 20%,transparent)}:root.dark .admin-tab-btn.active,.dark .admin-tab-btn.active{color:#fff;background-color:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 40%,transparent)}.skeleton-pulse{animation:pulse-bg 1.5s infinite}@keyframes pulse-bg{0%{background-color:var(--border-light, #e2e8f0)}50%{background-color:#f1f5f9}to{background-color:var(--border-light, #e2e8f0)}}:root.dark .skeleton-pulse,.dark .skeleton-pulse{animation:pulse-bg-dark 1.5s infinite}@keyframes pulse-bg-dark{0%{background-color:var(--border-thin, #334155)}50%{background-color:#475569}to{background-color:var(--border-thin, #334155)}}.wh-card{background-color:var(--card-bg, #ffffff);border-radius:12px;border:1px solid var(--border-light, #e2e8f0);box-shadow:0 1px 3px #0000000d;padding:24px;display:flex;flex-direction:column;gap:20px}.wh-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border-light, #f1f5f9)}.wh-card-header .panel-title{margin-bottom:0}.stock-control-form{display:flex;flex-direction:column;gap:16px}.admin-form-group{display:flex;flex-direction:column;gap:8px}.form-row{display:flex;gap:16px}.form-row .admin-form-group{flex:1}.admin-form-group label{font-size:11px;font-weight:600;color:var(--text-muted, #64748b);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em;display:block;position:static;background:transparent;padding:0}.panel-title{font-size:20px;color:var(--text-main, #1e293b);font-weight:600;margin-bottom:16px}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:12px;color:var(--text-muted, #94a3b8);pointer-events:none}.admin-form-control{padding:10px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:14px;color:var(--text-main, #1e293b);transition:border-color .2s;background-color:var(--card-bg, #ffffff);width:100%}.admin-form-control.with-icon{padding-left:38px!important}.admin-form-control:focus{outline:none;border-color:var(--primary, #006AFF)}.admin-form-control.read-only{background-color:#f1f5f9;color:#334155;cursor:not-allowed}.btn-warehouse{padding:12px 16px;border-radius:6px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;width:100%;background-color:var(--primary, #006AFF);color:#fff}.btn-warehouse:hover{background-color:var(--primary-hover, #0056cc)}.btn-warehouse:disabled{background-color:#cbd5e1;cursor:not-allowed}.autocomplete-container{position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#94a3b8}.form-control.with-icon{padding-left:36px;width:100%}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;max-height:200px;overflow-y:auto;z-index:10;list-style:none;padding:0}.autocomplete-dropdown li{padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;border-bottom:1px solid #f1f5f9}.autocomplete-dropdown li:hover{background-color:#f8fafc}.item-stock{color:#64748b;font-size:12px}.panel-header-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.search-wrapper{position:relative;display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:0 10px}.search-wrapper svg{color:#94a3b8}.search-input{border:none;background:transparent;padding:8px;outline:none;font-size:14px;width:200px}.table-responsive{overflow-x:auto}.table-wrapper::-webkit-scrollbar{width:6px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.data-table{width:100%;min-width:0!important;border-collapse:collapse;table-layout:fixed}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f1f5f9;font-size:14px;word-wrap:break-word;overflow-wrap:break-word}.data-table th{font-weight:600;color:#64748b;font-size:12px}.empty-state{color:#94a3b8;font-style:italic;padding:24px!important}.stock-badge{background-color:#f1f5f9;padding:4px 8px;border-radius:12px;font-weight:600;font-size:13px}.stock-badge.low-stock{background-color:#fee2e2;color:#dc2626}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.pending{background-color:#fef3c7;color:#d97706}.items-list-compact{list-style-type:none;padding:0;margin:0;font-size:13px}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-icon{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:#f1f5f9}.text-success{color:#16a34a}.text-danger{color:#dc2626}.logs-list{display:flex;flex-direction:column;gap:12px}.log-item{display:flex;gap:12px;padding:12px;border:1px solid #f1f5f9;border-radius:8px;background-color:#fafafa}.log-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-icon.add{background-color:#dcfce7;color:#16a34a}.log-icon.remove{background-color:#fee2e2;color:#dc2626}.log-content{display:flex;flex-direction:column;gap:4px}.log-title{font-size:14px;color:#334155}.log-details{display:flex;gap:8px;font-size:12px;align-items:center}.log-qty{font-weight:600}.log-time{color:#94a3b8}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.page-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid #e2e8f0;border-radius:4px;padding:6px 12px;font-size:13px;color:#64748b;cursor:pointer;background:#fff}.page-btn:hover:not(:disabled){background-color:#f8fafc;color:#334155}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:12px;font-weight:600;color:#94a3b8}:root.dark .panel-title,.dark .panel-title{color:var(--text-main, #f8fafc)}:root.dark .admin-form-group label,.dark .admin-form-group label{color:var(--text-muted, #94a3b8)}:root.dark .admin-form-control,.dark .admin-form-control{background-color:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155);color:var(--text-main, #f8fafc)}:root.dark .admin-form-control.read-only,.dark .admin-form-control.read-only{background-color:#ffffff0d;color:var(--text-muted, #94a3b8)}:root.dark .autocomplete-dropdown,.dark .autocomplete-dropdown{background-color:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .autocomplete-dropdown li,.dark .autocomplete-dropdown li{border-bottom-color:var(--border-thin, #334155)}:root.dark .autocomplete-dropdown li:hover,.dark .autocomplete-dropdown li:hover{background-color:#ffffff0d}:root.dark .search-wrapper,.dark .search-wrapper{background-color:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155)}:root.dark .search-input,.dark .search-input{color:var(--text-main, #f8fafc)}:root.dark .data-table th,.dark .data-table th,:root.dark .data-table td,.dark .data-table td{border-bottom-color:var(--border-thin, #334155)}:root.dark .stock-badge,.dark .stock-badge{background-color:var(--bg-slate, #0f172a);color:var(--text-main, #f8fafc)}:root.dark .stock-badge.low-stock,.dark .stock-badge.low-stock{background-color:#ef444426;color:#f87171}:root.dark .status-badge.pending,.dark .status-badge.pending{background-color:#f59e0b26;color:#fbbf24}:root.dark .btn-icon:hover,.dark .btn-icon:hover{background-color:#ffffff1a}:root.dark .log-item,.dark .log-item{background-color:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155)}:root.dark .log-title,.dark .log-title{color:var(--text-main, #f8fafc)}:root.dark .log-icon.add,.dark .log-icon.add{background-color:#22c55e26;color:#4ade80}:root.dark .log-icon.remove,.dark .log-icon.remove{background-color:#ef444426;color:#f87171}:root.dark .pagination,.dark .pagination{border-top-color:var(--border-thin, #334155)}:root.dark .page-btn,.dark .page-btn{background-color:transparent;border-color:var(--border-thin, #334155);color:var(--text-main, #f8fafc)}:root.dark .page-btn:hover:not(:disabled),.dark .page-btn:hover:not(:disabled){background-color:#ffffff1a;color:var(--text-main, #f8fafc)}.project-control-main{background-color:var(--bg-color)}.project-control-content{background-color:var(--bg-color);padding:.5rem 2rem 2rem}.project-control-main .pc-dashboard-header{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;height:auto;width:100%;box-sizing:border-box;background-color:transparent;border-color:transparent;padding:24px 32px 0;position:relative;z-index:10}.pc-header-left{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:16px;padding-bottom:12px}.project-control-main .pc-header-title{display:flex;flex-direction:column;text-align:left;gap:4px}.project-control-main .pc-dashboard-header h1{font-size:20px;font-weight:700;margin:0;color:var(--text-main, #0f172a);line-height:1.2}.project-control-main .pc-btn-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color, #e2e8f0);background-color:transparent;cursor:pointer;color:var(--text-main, #334155);transition:all .2s;padding:0;flex-shrink:0;margin-top:-2px}.project-control-main .pc-btn-back:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}:root.dark .project-control-main .pc-btn-back,.dark .project-control-main .pc-btn-back{border-color:#ffffff1a;color:#f8fafc}:root.dark .project-control-main .pc-btn-back:hover,.dark .project-control-main .pc-btn-back:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.project-control-main .pc-dashboard-header p{font-size:13px;color:var(--text-muted, #64748b);margin:0;line-height:1.4}.project-dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-top:0}.dashboard-card.glass{background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem}.card-header h2{font-size:1.1rem;font-weight:600;color:#0f172a;margin:0}.icon-blue{color:var(--primary)}.card-body{padding:1.5rem;flex:1}.placeholder-text{color:#94a3b8;font-size:.9rem;font-style:italic;text-align:center;margin-top:2rem}.card-goals{grid-column:span 12;margin-bottom:0}.pc-tabs-navigation{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;gap:24px;padding:0;margin-top:0;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.04)}.pc-tab-btn{background:none;border:none;padding:12px 0;font-size:15px;font-weight:500;color:var(--text-muted, #64748b);cursor:pointer;position:relative;transition:all .2s ease}.pc-tab-btn:hover{color:var(--text-main, #0f172a)}.pc-tab-btn.active{color:var(--primary, #3b82f6);font-weight:600}.pc-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary, #3b82f6)}:root.dark .pc-tabs-navigation{border-bottom-color:transparent}:root.dark .pc-tab-btn:hover{color:#f8fafc}.card-todos,.card-timeline{grid-column:span 8}.card-projects{grid-column:span 4}.card-requests,.card-tasks{grid-column:span 12}.error-banner{display:flex;align-items:center;gap:.75rem;background-color:#fef2f2cc;color:#b91c1c;padding:1rem 1.5rem;border-radius:8px;border:1px solid #fecaca;margin-bottom:1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#64748b;gap:1rem}.spinner{width:30px;height:30px;border:3px solid color-mix(in srgb,var(--primary) 20%,transparent);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.card-goals,.card-todos,.card-timeline,.card-projects,.card-requests,.card-tasks{grid-column:span 12!important}}@media (max-width: 768px){.card-goals,.card-todos,.card-timeline,.card-projects,.card-requests,.card-tasks{grid-column:span 12!important}}.pc-tabs-navigation{display:flex;gap:2rem;border-bottom:1px solid var(--border-thin, #e2e8f0);margin-top:2rem;margin-bottom:1.5rem;padding-bottom:.5rem}.pc-tab-btn{background:none;border:none;font-size:1rem;font-weight:600;color:var(--text-muted, #64748b);cursor:pointer;padding:.5rem 0;position:relative;transition:color .2s ease}.pc-tab-btn:hover,.pc-tab-btn.active{color:var(--primary, var(--primary))}.pc-tab-btn.active:after{content:"";position:absolute;bottom:-9px;left:0;width:100%;height:2px;background-color:var(--primary, var(--primary));border-radius:2px}.pc-tab-content{margin-top:1rem;animation:pcFadeIn .3s ease}@keyframes pcFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.btn-add-goal{display:flex;align-items:center;gap:.25rem;background-color:var(--primary);color:#fff;border:1px solid transparent;padding:.4rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.btn-add-goal:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.goal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.goal-item{display:flex;align-items:flex-start;gap:.75rem;background-color:#f8fafc99;padding:.75rem 1rem;border-radius:8px;border:1px solid #e2e8f0}.goal-bullet{width:8px;height:8px;background-color:var(--primary);border-radius:50%;margin-top:6px;flex-shrink:0}.modal-overlay.glass{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.glass{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);width:90%;max-width:500px;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:1.2rem;font-weight:600;color:#0f172a;margin:0}.btn-close{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:4px;transition:all .2s ease}.btn-close:hover{background-color:#f1f5f9;color:#0f172a}.modal-body{padding:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.9rem;font-weight:500;color:#334155}.input-field-modal{padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s ease;background-color:#fff}.input-field-modal:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;background-color:#f8fafc;border-top:1px solid #e2e8f0}.btn-cancel{background:transparent;border:1px solid #cbd5e1;color:#475569;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background-color:#f1f5f9;color:#0f172a}.btn-save{background-color:var(--primary);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save:hover:not(:disabled){background-color:var(--primary-hover)}.btn-save:disabled{background-color:#94a3b8;cursor:not-allowed}.goal-item{position:relative}.goal-text{flex:1}.btn-delete-goal{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.goal-item:hover .btn-delete-goal{opacity:1}.btn-delete-goal:hover{background-color:#fee2e2}.dashboard-table{width:100%;border-collapse:collapse;text-align:left}.dashboard-table th{padding:1rem 1.5rem;font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc80}.dashboard-table td{padding:1rem 1.5rem;font-size:.95rem;color:#334155;border-bottom:1px solid #e2e8f0}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table tr:hover td{background-color:#f1f5f966}.priority-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600}.priority-normal{background-color:#e0f2fe;color:#0284c7}.priority-high{background-color:#fef08a;color:#a16207}.priority-urgent-important{background-color:#fee2e2;color:#b91c1c}.project-index-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;max-height:480px;overflow-y:auto;padding-right:.5rem}.project-index-list::-webkit-scrollbar{width:5px}.project-index-list::-webkit-scrollbar-track{background:transparent}.project-index-list::-webkit-scrollbar-thumb{background-color:#e2e8f0;border-radius:10px}.project-index-list::-webkit-scrollbar-thumb:hover{background-color:#cbd5e1}.project-index-card{border-radius:10px;background-color:#fff;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 8px #00000005,0 1px 2px #00000008;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.project-index-card:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0000000a,0 2px 6px #00000008;border-color:#00000014}.project-index-main{padding:.85rem 1rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.project-index-main-content{display:flex;align-items:center;gap:.85rem}.project-color-indicator{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px;opacity:.9}.project-index-info{flex:1;padding-left:.25rem}.project-index-info h4{margin:0 0 .15rem;font-size:.95rem;color:#1e293b;font-weight:600;letter-spacing:-.01em}.project-index-meta{font-size:.7rem;color:#64748b;font-weight:500;display:inline-flex;align-items:center;gap:.35rem}.project-index-meta-pill{background-color:#f1f5f9;padding:.15rem .4rem;border-radius:4px;color:#475569}.project-index-progress-container{height:4px;background-color:#f1f5f9;border-radius:2px;overflow:hidden;margin-left:.25rem;margin-right:.25rem}.project-index-progress-bar{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.btn-delete-project-index{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-delete-project-index:hover{color:#ef4444;background-color:#fee2e2}.sub-project-index-wrapper{background-color:#f8fafc;border-top:1px solid rgba(0,0,0,.03);padding:.75rem 1rem .75rem 1.5rem;display:flex;flex-direction:column;gap:.35rem}.sub-project-row{display:flex;align-items:flex-start;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease;gap:.75rem;background-color:transparent;border:1px solid transparent;position:relative}.sub-project-row:hover{background-color:#fff;border-color:#0000000a;box-shadow:0 1px 2px #00000005}.sub-project-indicator{width:8px;height:8px;border-radius:50%;opacity:.8;flex-shrink:0;margin-top:.45rem}.sub-project-row:hover .hover-actions-container{opacity:1}.hover-action-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#64748b}.hover-action-btn:hover.edit-btn{color:#3b82f6;background-color:#eff6ff}.hover-action-btn:hover.delete-btn{color:#ef4444;background-color:#fee2e2}@keyframes highlight-fade{0%{background-color:color-mix(in srgb,var(--primary) 30%,transparent)}to{background-color:transparent}}.highlight-gantt{animation:highlight-fade 2s ease-out}.gantt-chart-wrapper{overflow-x:auto;overflow-y:hidden;background-color:#fff;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #00000008}.gantt-chart-inner{width:max-content;min-width:100%}.gantt-header{display:flex;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.gantt-week{width:140px;flex-shrink:0;text-align:center;padding:1rem .5rem;border-right:1px solid #f1f5f9}.gantt-week:last-child{border-right:none}.gantt-week-label{color:#0f172a;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.gantt-week-date{color:#64748b;font-size:.75rem;font-weight:500}.gantt-body{position:relative;min-height:240px;background-image:repeating-linear-gradient(90deg,transparent,transparent 139px,#f1f5f9 139px,#f1f5f9 140px)}.gantt-grid-lines{display:none}.gantt-rows{position:relative;z-index:1;padding:2rem 0;display:flex;flex-direction:column}.gantt-row{height:64px;position:relative;transition:background-color .2s ease}.gantt-row:hover{background-color:#f8fafc99}.gantt-row.sub-row{height:56px}.gantt-track{position:absolute;left:0;right:0;top:0;bottom:0}.gantt-bar.roadmap-card{position:absolute;bottom:12px;height:36px;border-radius:18px;border:none;outline:none;display:flex;align-items:center;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014;overflow:hidden}.gantt-bar.roadmap-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f;border:none!important;outline:none!important}.gantt-bar-sub.roadmap-card{position:absolute;bottom:12px;height:28px;border-radius:14px;border:none;outline:none;display:flex;align-items:center;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d;overflow:hidden}.gantt-bar-sub.roadmap-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border:none!important;outline:none!important}.gantt-bar-progress{height:100%;position:absolute;left:0;bottom:0;border-radius:inherit;z-index:1;pointer-events:none;opacity:.9}.gantt-bar-date{position:absolute;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;pointer-events:none;z-index:2;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gantt-bar-date.start-date{left:12px}.gantt-bar-date.end-date{right:12px}.roadmap-floating-label{position:absolute;top:-22px;left:4px;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:.85rem;pointer-events:none;background-color:#ffffffe6;padding:2px 8px;border-radius:12px;box-shadow:0 2px 4px #0000000a}.roadmap-floating-label.main-label{font-weight:700;font-size:.9rem}.roadmap-floating-label.sub-label{font-weight:600;font-size:.8rem;top:-20px}.roadmap-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.roadmap-branch-icon{font-family:monospace;font-size:1rem;opacity:.7;transform:translateY(-2px)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600}.status-diajukan{background-color:#f1f5f9;color:#475569}.status-dalam-proses{background-color:#fef08a;border-left-color:var(--primary)}.status-selesai{background-color:#ecfdf5;color:#10b981;border-left-color:#10b981}.details-inline-container{display:flex;gap:1.5rem;width:100%;margin-top:1rem}.details-card,.tasks-card{flex:1;background:#fffffff2;border:1px solid rgba(255,255,255,.2);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 15px #0000000d;max-height:600px}.details-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.details-header h2{font-size:1.1rem;margin:0;color:#0f172a}.details-body{padding:1.5rem;overflow-y:auto;flex:1}.details-dates{font-size:.9rem;color:#64748b;margin-bottom:1.5rem}.sub-projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sub-projects-header h3{font-size:1rem;margin:0;color:#334155}.btn-add-sub{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;cursor:pointer;color:#0f172a}.add-sub-form,.add-task-form{display:flex;gap:.5rem;margin-bottom:1rem;background:#f8fafc;padding:.75rem;border-radius:8px;border:1px solid #e2e8f0;flex-wrap:wrap}.add-sub-form input,.add-task-form input{padding:.5rem;border:1px solid #cbd5e1;border-radius:4px;flex:1;min-width:120px}.add-sub-form button,.add-task-form button{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.sub-project-item{border:1px solid #e2e8f0;padding:.75rem 1rem;border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .2s;background:#fff;display:flex;justify-content:space-between;align-items:center}.sub-project-item:hover{background:#f8fafc}.sub-project-item.selected{background:#f1f5f9;border-width:2px}.sub-project-item h4{margin:0 0 .25rem;font-size:.95rem;color:#0f172a}.sub-project-item p{margin:0;font-size:.8rem;color:#64748b}.tasks-list{display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;justify-content:space-between;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.task-desc{font-size:.9rem;color:#334155}.task-date{font-size:.8rem;color:#64748b}.sub-project-index-wrapper{display:flex;flex-direction:column}.sub-project-row{display:flex;align-items:center;padding:.6rem 1rem .6rem 2.2rem;border-top:1px solid #e2e8f0;transition:background-color .2s}.sub-project-row:hover{background-color:#f1f5f9cc}.sub-project-row:hover .btn-delete-project-index{opacity:1}.sub-project-row h4{font-size:.85rem;color:#475569;font-weight:500;margin:0}.btn-delete-project-index{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:opacity .2s,background-color .2s;display:flex;align-items:center;justify-content:center}.btn-delete-project-index:hover{background-color:#fee2e2}.hover-actions-container{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.sub-project-row:hover .hover-actions-container,.sub-project-item:hover .hover-actions-container,.task-item:hover .hover-actions-container{opacity:1}.hover-action-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.hover-action-btn:hover{background:#0000000d}.hover-action-btn.edit-btn,.hover-action-btn.edit-btn:hover{color:var(--primary)}.hover-action-btn.delete-btn,.hover-action-btn.delete-btn:hover{color:#ef4444}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.75rem 1rem;border-top:1px solid #e2e8f0;background-color:#f8fafc80;border-radius:0 0 8px 8px}.btn-pagination{padding:.4rem .75rem;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;font-weight:500;color:#334155;cursor:pointer;transition:all .2s}.btn-pagination:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8}.btn-pagination:disabled{opacity:.5;cursor:not-allowed;background-color:#f8fafc}.pagination-text{font-size:.85rem;color:#64748b;font-weight:500}.sub-project-item-info{flex:1}.task-info{flex:1;display:flex;flex-direction:column}.action-buttons-group{display:flex;gap:.5rem}.btn-action{background-color:transparent;border:1px solid #e2e8f0;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:500;cursor:pointer;color:#64748b;transition:all .2s ease}.btn-action:hover{background-color:#f8fafc}.btn-diajukan.active{background-color:#f1f5f9;border-color:#94a3b8;color:#475569}.btn-proses.active{background-color:#fef08a;border-color:#eab308;color:#a16207}.btn-selesai.active{background-color:#dcfce3;border-color:#22c55e;color:#15803d}.todo-actions-container{display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .2s ease}.dashboard-table tr:hover .todo-actions-container{opacity:1}.btn-action-icon{background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-edit:hover{background-color:#eff6ff}.btn-delete:hover{background-color:#fee2e2}:root.dark .project-control-main,:root.dark .project-control-content{background-color:var(--bg-color)}:root.dark .dashboard-card.glass{background:var(--card-bg);border-color:var(--border-thin)}:root.dark .card-header{border-color:var(--border-thin)}:root.dark .card-header h2{color:var(--text-main)}:root.dark .placeholder-text,:root.dark .loading-state{color:var(--text-muted)}:root.dark .goal-item{background-color:var(--bg-color);border-color:var(--border-thin)}:root.dark .modal-content.glass{background:var(--card-bg);border-color:var(--border-thin)}:root.dark .modal-header{border-color:var(--border-thin)}:root.dark .modal-header h2{color:var(--text-main)}:root.dark .btn-close{color:var(--text-muted)}:root.dark .btn-close:hover{background-color:var(--bg-color);color:var(--text-main)}:root.dark .input-group label{color:var(--text-muted)}:root.dark .input-field-modal{border-color:var(--border-thin);background-color:var(--bg-color);color:var(--text-main)}:root.dark .modal-footer{background-color:var(--card-bg);border-color:var(--border-thin)}:root.dark .btn-cancel{border-color:var(--border-thin);color:var(--text-muted)}:root.dark .btn-cancel:hover{background-color:var(--bg-color);color:var(--text-main)}:root.dark .dashboard-table th{background-color:var(--bg-color);color:var(--text-muted);border-color:var(--border-thin)}:root.dark .dashboard-table td{color:var(--text-main);border-color:var(--border-thin)}:root.dark .dashboard-table tr:hover td{background-color:var(--bg-color)}:root.dark .project-index-card{border-color:var(--border-thin);background:var(--card-bg)}:root.dark .project-index-main:hover{background-color:var(--bg-color)}:root.dark .project-index-info h4{color:var(--text-main)}:root.dark .project-dates{color:var(--text-muted)}:root.dark .gantt-chart-wrapper{background-color:var(--card-bg);border-color:var(--border-thin)}:root.dark .gantt-header{background-color:var(--bg-color);border-color:var(--border-thin)}:root.dark .gantt-week{border-color:var(--border-thin)}:root.dark .gantt-week-label{color:var(--text-main)}:root.dark .gantt-grid-line{border-color:var(--border-thin)}:root.dark .gantt-bar-sub{background-color:var(--bg-color);color:var(--text-main)}:root.dark .details-card,:root.dark .tasks-card{background:var(--card-bg);border-color:var(--border-thin)}:root.dark .details-header{border-color:var(--border-thin)}:root.dark .details-header h2{color:var(--text-main)}:root.dark .details-dates{color:var(--text-muted)}:root.dark .sub-projects-header h3{color:var(--text-main)}:root.dark .btn-add-sub{background:var(--bg-color);border-color:var(--border-thin);color:var(--text-main)}:root.dark .add-sub-form,:root.dark .add-task-form{background:var(--bg-color);border-color:var(--border-thin)}:root.dark .add-sub-form input,:root.dark .add-task-form input{border-color:var(--border-thin);background-color:var(--card-bg);color:var(--text-main)}:root.dark .sub-project-item{border-color:var(--border-thin);background:var(--card-bg)}:root.dark .sub-project-item:hover{background:var(--bg-color)}:root.dark .sub-project-item.selected{background:var(--bg-color);border-color:var(--primary, var(--primary));border-width:2px}:root.dark .sub-project-item h4{color:var(--text-main)}:root.dark .sub-project-item p{color:var(--text-muted)}:root.dark .task-item{background:var(--bg-color);border-color:var(--border-thin)}:root.dark .task-desc{color:var(--text-main)}:root.dark .task-date{color:var(--text-muted)}:root.dark .sub-project-row{border-color:var(--border-thin)}:root.dark .sub-project-row:hover{background-color:var(--bg-color)}:root.dark .sub-project-row h4{color:var(--text-main)}:root.dark .pagination-controls{border-color:var(--border-thin);background-color:var(--bg-color)}:root.dark .btn-pagination{background-color:var(--card-bg);border-color:var(--border-thin);color:var(--text-main)}:root.dark .btn-pagination:hover:not(:disabled){background-color:var(--bg-color);border-color:var(--text-muted)}:root.dark .btn-pagination:disabled{background-color:var(--bg-color);opacity:.5}:root.dark .pagination-text{color:var(--text-muted)}:root.dark .btn-action{border-color:var(--border-thin);color:var(--text-muted)}:root.dark .btn-action:hover{background-color:var(--bg-color)}:root.dark .priority-normal{background-color:#0284c733;color:#38bdf8}:root.dark .priority-high{background-color:#a1620733;color:#fde047}:root.dark .priority-urgent-important{background-color:#b91c1c33;color:#fca5a5}:root.dark .status-diajukan{background-color:var(--bg-color);color:var(--text-muted)}:root.dark .status-dalam-proses{background-color:#a1620733;color:#fde047;border-left-color:var(--primary, var(--primary))}:root.dark .status-selesai{background-color:#15803d33;color:#86efac;border-left-color:#22c55e}:root.dark .btn-diajukan.active{background-color:var(--bg-color);border-color:var(--text-muted);color:var(--text-main)}:root.dark .btn-proses.active{background-color:#a1620733;border-color:#ca8a04;color:#fde047}:root.dark .btn-selesai.active{background-color:#15803d33;border-color:#16a34a;color:#86efac}.project-index-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.project-index-card{display:flex;flex-direction:column;background:linear-gradient(135deg,#ffffffe6,#fff9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000000a,inset 0 1px #fff9;transition:all .3s cubic-bezier(.25,.8,.25,1)}.project-index-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 16px 32px #00000014,inset 0 1px #fffc}.project-index-main{position:relative;display:flex;flex-direction:column;padding:20px 24px}.project-index-main-content{display:flex;align-items:center;gap:16px;position:relative;z-index:2}.project-color-indicator{width:48px;height:48px;border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;opacity:.9}.project-index-info{flex:1}.project-index-info h4{margin:0 0 4px;font-size:18px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.project-index-meta{font-size:14px;color:#64748b;font-weight:500}.project-index-progress-container{margin-top:16px;height:8px;background-color:#0000000d;border-radius:8px;overflow:hidden}.project-index-progress-bar{height:100%;border-radius:8px;transition:width .6s cubic-bezier(.4,0,.2,1)}.btn-delete-project-index{opacity:0;background:#fee2e2;color:#ef4444;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ef444433}.project-index-main:hover .btn-delete-project-index{opacity:1}.btn-delete-project-index:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.sub-project-index-wrapper{padding:16px 24px;background:#f8fafc80;border-top:1px dashed rgba(0,0,0,.08);display:flex;flex-direction:column;gap:12px}.todo-row-clickable{cursor:pointer;transition:background-color .15s ease}.todo-row-clickable:hover{background-color:#f0f7ff}.todo-row-hint{font-size:16px;color:#94a3b8;letter-spacing:2px;-webkit-user-select:none;user-select:none}.todo-action-dialog{background:var(--card-bg, #ffffff);border-radius:16px;box-shadow:0 20px 60px #00000026,0 8px 20px #00000014;width:90%;max-width:400px;overflow:hidden;animation:dialogSlideIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes dialogSlideIn{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.todo-action-dialog-header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--border-thin, #e2e8f0)}.todo-action-dialog-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background-color:#eff6ff;color:var(--primary);flex-shrink:0}.todo-action-dialog-header h3{font-size:15px;font-weight:700;color:var(--text-main, #0f172a);margin:0 0 2px}.todo-action-dialog-task{font-size:13px;color:var(--text-muted, #64748b);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.todo-action-dialog-header .btn-close{margin-left:auto;flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text-muted, #94a3b8);padding:4px;border-radius:6px;transition:all .15s}.todo-action-dialog-header .btn-close:hover{background:#f1f5f9;color:var(--text-main, #0f172a)}.todo-action-dialog-body{display:flex;flex-direction:column;gap:8px;padding:16px}.todo-action-btn{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:14px;row-gap:2px;width:100%;padding:14px 16px;border-radius:10px;border:1.5px solid transparent;cursor:pointer;text-align:left;transition:all .15s ease}.todo-action-btn>svg{grid-row:1 / 3;align-self:center}.todo-action-btn>span:first-of-type{font-size:14px;font-weight:600;color:var(--text-main, #0f172a);grid-column:2;grid-row:1}.todo-action-desc{font-size:12px!important;font-weight:400!important;color:var(--text-muted, #64748b)!important;grid-column:2;grid-row:2}.todo-action-edit{border-color:#bfdbfe;background-color:#eff6ff}.todo-action-edit>svg{color:var(--primary)}.todo-action-edit:hover{background-color:#dbeafe;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 15%,transparent)}.todo-action-delete{border-color:#fecaca;background-color:#fff5f5}.todo-action-delete>svg{color:#ef4444}.todo-action-delete:hover{background-color:#fee2e2;border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.todo-action-dialog-footer{display:flex;justify-content:flex-end;padding:12px 16px 16px;border-top:1px solid var(--border-thin, #e2e8f0)}:root.dark .todo-row-clickable:hover{background-color:color-mix(in srgb,var(--primary) 8%,transparent)}:root.dark .todo-row-hint{color:#475569}:root.dark .todo-action-dialog{background:var(--card-bg, #1e293b)}:root.dark .todo-action-dialog-header{border-color:var(--border-thin, #334155)}:root.dark .todo-action-dialog-icon{background-color:color-mix(in srgb,var(--primary) 15%,transparent)}:root.dark .todo-action-dialog-header h3{color:var(--text-main, #f8fafc)}:root.dark .todo-action-dialog-task{color:var(--text-muted, #94a3b8)}:root.dark .todo-action-dialog-header .btn-close:hover{background:var(--bg-color);color:var(--text-main)}:root.dark .todo-action-btn span:first-of-type{color:var(--text-main, #f8fafc)}:root.dark .todo-action-edit{border-color:color-mix(in srgb,var(--primary) 30%,transparent);background-color:color-mix(in srgb,var(--primary) 8%,transparent)}:root.dark .todo-action-edit:hover{background-color:color-mix(in srgb,var(--primary) 15%,transparent)}:root.dark .todo-action-delete{border-color:#ef44444d;background-color:#ef44440d}:root.dark .todo-action-delete:hover{background-color:#ef44441f}:root.dark .todo-action-dialog-footer{border-color:var(--border-thin, #334155)}.project-index-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.project-index-card{display:flex;flex-direction:column}.project-index-main{position:relative;display:flex;flex-direction:column;border-bottom:1px solid #f1f5f9;background-color:#fff;transition:background-color .2s ease}.project-index-card:last-child .project-index-main{border-bottom:none}.project-index-main:hover{background-color:#f8fafc}.project-index-main-content{display:flex;align-items:center;padding:12px 16px;gap:12px}.project-color-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.project-index-info{flex:1;display:flex;flex-direction:column;gap:4px}.project-index-info h4{margin:0;font-size:.95rem;font-weight:600;color:#0f172a;line-height:1.2}.sub-project-row{display:flex;align-items:center;padding:8px 16px 8px 36px;gap:12px;transition:background-color .2s}.sub-project-row:hover{background-color:#f1f5f9}.sub-project-indicator{width:8px;height:8px;border-left:2px solid;border-bottom:2px solid;margin-top:-4px;opacity:.6}.sub-project-row .project-index-info h4{font-size:.85rem;color:#334155;font-weight:500}.sub-project-row .project-index-meta{font-size:.7rem}.btn-download-pdf{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;border:1px solid rgba(239,68,68,.4);border-radius:6px;background-color:#ef44441a;color:#ef4444;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.btn-download-pdf:hover{background-color:#ef444433;border-color:#ef444499;transform:translateY(-1px)}.btn-download-pdf:active{background-color:#ef44444d;transform:translateY(0)}:root.dark .btn-download-pdf,.dark .btn-download-pdf{background-color:#ef444426;border-color:#ef44444d;color:#f87171}:root.dark .btn-download-pdf:hover,.dark .btn-download-pdf:hover{background-color:#ef444440;border-color:#ef444480;color:#fca5a5}:root.dark .btn-download-pdf:active,.dark .btn-download-pdf:active{background-color:#ef444459}:root.dark .project-index-list{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .project-index-main{background-color:var(--card-bg, #1e293b);border-bottom-color:var(--border-thin, #334155)}:root.dark .project-index-main:hover{background-color:#ffffff08}:root.dark .project-index-info h4,:root.dark .sub-project-row .project-index-info h4{color:var(--text-main, #f8fafc)}:root.dark .project-index-meta,:root.dark .sub-project-row .project-index-meta{color:var(--text-muted, #94a3b8)}:root.dark .sub-project-index-wrapper{background-color:#0000001a}:root.dark .sub-project-row{border-bottom-color:var(--border-thin, #334155)}:root.dark .sub-project-row:hover{background-color:#ffffff0d}:root.dark .project-index-progress-container{background-color:#334155}.goals-progress-container{display:flex;flex-direction:column;gap:16px}.goals-summary-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-muted, #64748b);padding:0 4px}.goals-summary-text strong{color:var(--text-main, #0f172a);font-weight:600}.goals-overall-progress{font-weight:600;color:var(--primary, #3b82f6)}.goal-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;list-style:none;padding:0;margin:0}.goal-progress-card{display:flex;flex-direction:column;background-color:var(--surface-color, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:12px 16px;gap:10px}.goal-progress-header{display:flex;justify-content:space-between;align-items:center}.goal-text{font-size:14px;font-weight:500;color:var(--text-main, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.goal-percentage{font-size:13px;font-weight:600;color:var(--text-muted, #64748b)}.goal-progress-bar-bg{width:100%;height:6px;background-color:#e2e8f0;border-radius:3px;overflow:hidden}.goal-progress-bar-fill{height:100%;border-radius:3px;transition:width .5s ease-in-out}.goal-progress-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.goal-status{font-size:12px;font-weight:600}.btn-delete-goal-mini{background:none;border:none;color:#ef4444;cursor:pointer;padding:2px;opacity:.5;transition:opacity .2s;display:flex;align-items:center;border-radius:50%}.btn-delete-goal-mini:hover{opacity:1;background-color:#ef44441a}:root.dark .goal-progress-card{background-color:#ffffff08;border-color:#ffffff1a}:root.dark .goal-text{color:#f8fafc}:root.dark .goals-summary-text strong{color:#f8fafc}:root.dark .goal-progress-bar-bg{background-color:#ffffff1a}:root.dark .project-index-main:hover,.dark .project-index-main:hover{background-color:#ffffff0d}:root.dark .sub-project-row:hover,.dark .sub-project-row:hover{background-color:#ffffff0d}:root.dark .gantt-row:hover,.dark .gantt-row:hover{background-color:#ffffff0d}:root.dark .btn-add-goal,.dark .btn-add-goal{border:1px solid transparent}.meeting-grid-card{padding:1.25rem;cursor:pointer;transition:all .2s ease;border:1px solid #cbd5e1;border-radius:12px;background-color:var(--card-bg)}.meeting-grid-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-color:#94a3b8}:root.dark .meeting-grid-card,.dark .meeting-grid-card{background-color:#1e293b;border:1px solid #334155}:root.dark .meeting-grid-card:hover,.dark .meeting-grid-card:hover{border-color:#475569;box-shadow:0 6px 16px #0006;background-color:#233044}.lhpp-archive-container{display:flex;flex-direction:column;gap:32px;margin-top:16px}.lhpp-archive-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background-color:var(--card-bg, #ffffff);border-radius:16px;border:1px solid var(--border-thin, #e2e8f0);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.lhpp-archive-title h2{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--text-main, #0f172a)}.lhpp-archive-title p{margin:0;font-size:13px;color:var(--text-muted, #64748b)}.lhpp-year-filter select{min-width:140px;padding:8px 12px;font-weight:500;cursor:pointer}.lhpp-timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 0;position:relative;padding-bottom:24px}.lhpp-timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px}.lhpp-timeline-item:before{content:"";position:absolute;top:12px;left:50%;width:100%;height:2px;background-color:var(--border-medium, #e2e8f0);z-index:1}.lhpp-timeline-item.active:before{background-color:var(--primary);opacity:.5}.lhpp-timeline-item:nth-child(4n):before{display:none}.lhpp-timeline-node{width:24px;height:24px;border-radius:50%;background-color:var(--border-medium, #cbd5e1);border:4px solid var(--bg-white, #ffffff);box-shadow:0 0 0 1px var(--border-medium, #e2e8f0);z-index:2;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.lhpp-timeline-item.active .lhpp-timeline-node{background-color:var(--primary);border-color:var(--bg-white, #ffffff);box-shadow:0 0 0 2px var(--primary),0 4px 12px #00000026}.lhpp-timeline-item.active{cursor:pointer}.lhpp-timeline-content{margin-top:16px;display:flex;flex-direction:column;align-items:center;background-color:transparent;padding:16px;border-radius:12px;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;max-width:160px;position:relative;z-index:3}.lhpp-timeline-item.active .lhpp-timeline-content{background-color:var(--bg-slate, #f8fafc);border:1px solid var(--primary);box-shadow:0 2px 8px -2px #0000000d}.lhpp-timeline-item.active:hover .lhpp-timeline-content{box-shadow:0 8px 20px -4px #0000001a;transform:translateY(-4px)}.lhpp-timeline-month{font-size:12px;font-weight:600;color:var(--text-muted, #94a3b8);letter-spacing:.5px;margin-bottom:8px}.lhpp-timeline-item.active .lhpp-timeline-month{color:var(--text-main, #0f172a)}.lhpp-timeline-count{font-size:32px;font-weight:700;color:var(--primary);line-height:1.1}.lhpp-timeline-label{font-size:13px;color:var(--text-muted, #64748b);margin-top:6px}.lhpp-timeline-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-12px);background-color:#1e293b;color:#fff;padding:10px 14px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;box-shadow:0 10px 25px -5px #0003}.lhpp-timeline-tooltip strong{display:block;font-size:14px;color:var(--primary-hover, #60a5fa)}.lhpp-timeline-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#1e293b transparent transparent transparent}.lhpp-timeline-item:hover{z-index:20}.lhpp-timeline-item:hover .lhpp-timeline-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}@media (max-width: 1024px){.lhpp-timeline-grid{grid-template-columns:repeat(3,1fr)}.lhpp-timeline-item:nth-child(4n):before{display:block}.lhpp-timeline-item:nth-child(3n):before{display:none}}@media (max-width: 768px){.lhpp-timeline-grid{grid-template-columns:repeat(2,1fr)}.lhpp-timeline-item:nth-child(3n):before{display:block}.lhpp-timeline-item:nth-child(2n):before{display:none}.lhpp-archive-header{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width: 480px){.lhpp-timeline-grid{grid-template-columns:repeat(1,1fr)}.lhpp-timeline-item:before{display:none!important}}.lhpp-btn-add,.lhpp-btn-add:hover,.lhpp-btn-add:active,.lhpp-btn-add:focus,.lhpp-btn-fixed,.lhpp-btn-fixed:hover,.lhpp-btn-fixed:active,.lhpp-btn-fixed:focus{border-radius:9999px!important}.lhpp-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-muted);border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0}.lhpp-close-btn:hover{background-color:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);transform:scale(1.1)}.lhpp-modal-container .btn,.lhpp-modal-container .btn:hover,.lhpp-modal-container .btn:active,.lhpp-modal-container .btn:focus,.lhpp-modal-container .btn-primary,.lhpp-modal-container .btn-primary:hover,.lhpp-modal-container .btn-primary:active,.lhpp-modal-container .btn-secondary,.lhpp-modal-container .btn-secondary:hover,.lhpp-modal-container .btn-secondary:active{border-radius:8px!important}.lhpp-back-btn{border-radius:50%!important;color:var(--text-main);border:1px solid var(--border-thin);background-color:var(--card-bg);width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;padding:0}.lhpp-back-btn:hover{background-color:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.lhpp-table-wrapper{width:100%;max-width:100%;overflow-x:auto;border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);border-radius:16px;background:color-mix(in srgb,var(--card-bg, #ffffff) 60%,transparent);margin-top:1rem;box-sizing:border-box;flex:1;box-shadow:0 4px 15px #00000005}.lhpp-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.lhpp-table th{background:color-mix(in srgb,var(--primary) 5%,transparent);padding:1.25rem 1.5rem;font-weight:600;color:var(--text-main, #0f172a);border-bottom:2px solid color-mix(in srgb,var(--primary) 10%,transparent);white-space:nowrap}.lhpp-table td{padding:1.25rem 1.5rem;color:var(--text-muted, #475569);border-bottom:1px solid color-mix(in srgb,var(--border-thin, #e2e8f0) 50%,transparent);vertical-align:middle}.lhpp-table tr:last-child td{border-bottom:none}.lhpp-table tbody tr{transition:background-color .2s}.lhpp-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 3%,transparent)}.lhpp-table tbody tr td:first-child{font-weight:600;color:var(--text-main, #0f172a)}:root.dark .lhpp-table-wrapper,.dark .lhpp-table-wrapper{border-color:color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--card-bg, #1e293b) 60%,transparent)}:root.dark .lhpp-table th,.dark .lhpp-table th{background:color-mix(in srgb,var(--primary) 15%,transparent);border-bottom-color:color-mix(in srgb,var(--primary) 30%,transparent);color:#f1f5f9}:root.dark .lhpp-table td,.dark .lhpp-table td{border-bottom-color:color-mix(in srgb,var(--border-thin, #334155) 50%,transparent);color:#cbd5e1}:root.dark .lhpp-table tbody tr:hover,.dark .lhpp-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 15%,transparent)}:root.dark .lhpp-table tbody tr td:first-child,.dark .lhpp-table tbody tr td:first-child{color:#f1f5f9}.lhpp-form-section{background:var(--bg-color, #f8fafc);border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;padding:20px;margin-bottom:24px;position:relative;overflow:hidden}.lhpp-form-section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--border-medium, #cbd5e1)}.lhpp-form-section-header h3{font-size:15px;font-weight:700;color:var(--primary-color, #2563eb);margin:0}.lhpp-form-section-header svg{color:var(--primary-color, #2563eb)}.lhpp-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.lhpp-chip{padding:10px 16px;border:1px solid var(--border-medium, #cbd5e1);background:var(--card-bg, #ffffff);color:var(--text-muted, #64748b);border-radius:24px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center}.lhpp-chip:hover{background:var(--bg-slate, #f1f5f9);border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}.lhpp-chip.active{background:color-mix(in srgb,var(--primary-color, #2563eb) 10%,transparent);border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color, #2563eb) 20%,transparent)}.lhpp-input-modern{background:var(--card-bg, #ffffff);border:1px solid var(--border-medium, #cbd5e1);padding:12px 16px;border-radius:8px;font-size:14px;color:var(--text-main, #0f172a);transition:all .2s;width:100%}.lhpp-input-modern:focus{border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color, #2563eb) 20%,transparent);outline:none}.lhpp-modal-footer{display:flex;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border-thin, #e2e8f0)}.lhpp-time-input-group{display:flex;align-items:center;position:relative}.lhpp-time-input-group svg{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.lhpp-time-input-group input{padding-left:36px;text-align:center}.item-tracking-container{display:flex;flex-direction:column;height:100%}.file-view-mode table th,.file-view-mode table td{padding:8px 12px;border:1px solid var(--border-thin)}.folder-view-mode .month-group{margin-bottom:24px}.item-search-wrapper{position:relative;width:300px;max-width:100%;display:flex;align-items:center}.item-search-icon{position:absolute;left:16px;color:color-mix(in srgb,var(--primary) 60%,#64748b);pointer-events:none}:root.dark .item-search-icon{color:color-mix(in srgb,var(--primary) 50%,#94a3b8)}.item-search-input{width:100%;height:40px;padding-left:40px;padding-right:16px;border-radius:100px;background-color:var(--bg-color);color:var(--text-main);border:1px solid var(--border-color);outline:none;font-size:14px;transition:border-color .2s,box-shadow .2s}.item-search-input:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border-color))}.item-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.item-btn-danger{display:flex;align-items:center;gap:8px;padding:10px 20px;background:color-mix(in srgb,#ef4444 10%,transparent);color:#ef4444;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:14px}.item-btn-danger:hover{background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}:root.dark .item-btn-danger{background:color-mix(in srgb,#ef4444 15%,transparent)}:root.dark .item-btn-danger:hover{background:#ef4444;color:#fff}.date-header-group{display:flex;align-items:center;justify-content:center;gap:8px}.delete-date-btn{background:var(--error-bg);border:none;cursor:pointer;color:var(--error-text);padding:4px;display:flex;border-radius:4px;opacity:0;transition:opacity .2s ease,transform .2s ease,background .2s ease;transform:scale(.95)}.delete-date-btn:hover{background:color-mix(in srgb,var(--error-bg) 80%,var(--error-text))}.date-header-group:hover .delete-date-btn{opacity:1;transform:scale(1)}.progress-input{width:70px;text-align:center;font-size:16px;font-weight:700;border-radius:8px;outline:none;padding:6px 4px;transition:all .2s ease}.progress-input.wip{background:color-mix(in srgb,#eab308 10%,transparent);color:#ca8a04;border:1px solid color-mix(in srgb,#eab308 30%,transparent)}.progress-input.wip:focus,.progress-input.wip:hover{background:color-mix(in srgb,#eab308 15%,transparent);border-color:#eab308;box-shadow:0 0 0 3px color-mix(in srgb,#eab308 20%,transparent)}.progress-input.fg{background:color-mix(in srgb,#10b981 10%,transparent);color:#059669;border:1px solid color-mix(in srgb,#10b981 30%,transparent)}.progress-input.fg:focus,.progress-input.fg:hover{background:color-mix(in srgb,#10b981 15%,transparent);border-color:#10b981;box-shadow:0 0 0 3px color-mix(in srgb,#10b981 20%,transparent)}:root.dark .progress-input.wip{color:#facc15;background:color-mix(in srgb,#facc15 15%,transparent);border-color:color-mix(in srgb,#facc15 30%,transparent)}:root.dark .progress-input.fg{color:#34d399;background:color-mix(in srgb,#34d399 15%,transparent);border-color:color-mix(in srgb,#34d399 30%,transparent)}.progress-date-nav{display:flex;align-items:center;gap:4px;background:var(--bg-color);border:1px solid var(--border-thin);padding:4px;border-radius:100px;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.progress-date-nav:hover{box-shadow:0 4px 12px #00000014;border-color:color-mix(in srgb,var(--primary) 30%,var(--border-thin))}.progress-date-input{border:none;background:transparent;color:var(--text-main);font-size:13px;font-weight:700;outline:none;cursor:pointer;padding:0 8px;font-family:inherit;letter-spacing:.3px}.progress-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:.2s}:root.dark .progress-date-input::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.8)}.progress-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.progress-nav-btn{background:transparent;border:none;border-radius:100px;padding:6px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.progress-nav-btn:hover{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);transform:scale(1.05)}.progress-btn-today{font-size:13px;font-weight:700;padding:8px 16px;background:var(--bg-color);color:var(--text-main);border:1px solid var(--border-thin);border-radius:100px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.progress-btn-today:hover{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,var(--border-thin));transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.progress-btn-done{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 14px;border-radius:100px;border:none;cursor:pointer;transition:all .2s}.progress-btn-done.is-done{background:color-mix(in srgb,#10b981 15%,transparent);color:#059669;border:1px solid color-mix(in srgb,#10b981 30%,transparent)}.progress-btn-done.is-done:hover{background:#10b981;color:#fff}.progress-btn-done.not-done{background:var(--primary);color:#fff;box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 30%,transparent)}.progress-btn-done.not-done:hover{filter:brightness(1.1);transform:translateY(-1px)}.progress-history-btn{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 14px;border-radius:100px;background:transparent;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all .2s}.progress-history-btn:hover{background:var(--bg-color);border-color:color-mix(in srgb,var(--text-main) 30%,var(--border-color));color:var(--text-main)}.progress-history-btn.active{background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:var(--primary);color:var(--primary)}.history-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.history-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #00000008;transition:all .2s ease;cursor:pointer}.history-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f;border-color:var(--primary)}.history-card-header{display:flex;justify-content:space-between;align-items:center}.history-card-date{font-size:15px;font-weight:700;color:var(--text-main)}.history-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:100px;display:flex;align-items:center;gap:4px}.history-badge.done{background:color-mix(in srgb,#10b981 15%,transparent);color:#059669;border:1px solid color-mix(in srgb,#10b981 30%,transparent)}.history-badge.draft{background:color-mix(in srgb,#eab308 15%,transparent);color:#ca8a04;border:1px solid color-mix(in srgb,#eab308 30%,transparent)}.history-metrics{display:flex;gap:12px;background:var(--bg-color);padding:10px 12px;border-radius:8px}.history-metric-item{flex:1;display:flex;flex-direction:column}.history-metric-label{font-size:11px;color:var(--text-muted);font-weight:500}.history-metric-val{font-size:16px;font-weight:700}.history-remarks-box{font-size:12px;color:var(--text-muted);background:color-mix(in srgb,var(--primary) 5%,transparent);border-left:3px solid var(--primary);padding:8px 10px;border-radius:0 6px 6px 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.item-filter-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;padding:0 16px;min-width:150px;background:var(--bg-color);color:var(--text-main);border:1px solid var(--border-color);border-radius:100px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005;white-space:nowrap}.item-filter-btn:hover{background:color-mix(in srgb,var(--primary) 5%,var(--bg-color));border-color:color-mix(in srgb,var(--primary) 30%,var(--border-color));transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.item-filter-btn:active{transform:translateY(0)}.item-filter-btn.active-state{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--bg-color));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.profile-setup-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa;padding:20px}.profile-setup-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 40px #00000014;width:100%;max-width:500px}.profile-setup-card h2{margin-top:0;margin-bottom:12px;color:#111827;font-size:24px;font-weight:700}.profile-setup-card p{color:#6b7280;margin-bottom:30px;font-size:15px}.profile-setup-form{display:flex;flex-direction:column;gap:5px}.profile-setup-form .form-group{position:relative;display:flex;flex-direction:column;margin-bottom:8px}.profile-setup-form .form-group label{position:absolute;top:-10px;left:12px;background-color:#fff;padding:0 4px;font-size:13px;font-weight:500;color:#4b5563;z-index:1}.input-wrapper{position:relative;width:100%}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.textarea-wrapper .input-icon{top:18px;transform:none}.input-wrapper input,.input-wrapper select,.input-wrapper textarea{width:100%;padding:14px 14px 14px 44px!important;border:1px solid #E5E7EB;border-radius:8px;font-size:15px;color:#111827;background-color:#fff;transition:all .2s ease;box-sizing:border-box}.input-wrapper input.has-action{padding-right:44px!important}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;padding:0}.toggle-password:hover{color:#111827}.input-wrapper textarea{resize:vertical;min-height:80px}.profile-setup-form .form-group input:focus,.profile-setup-form .form-group select:focus{outline:none;border-color:#006aff;background-color:#fff;box-shadow:0 0 0 4px #006aff1a}.profile-setup-form .form-group small{color:#ef4444;font-size:13px;margin-top:4px}.profile-setup-form .submit-btn{margin-top:10px;background-color:#006aff;color:#fff;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s}.profile-setup-form .submit-btn:hover:not(:disabled){background-color:#0056d2}.foto-upload-container{display:flex;justify-content:center;margin-bottom:10px}.foto-preview{width:100px;height:100px;border-radius:50%;border:2px dashed #D1D5DB;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;background-color:#f9fafb;transition:all .2s}.foto-preview:hover{border-color:#006aff;background-color:#f3f4f6}.foto-preview img{width:100%;height:100%;object-fit:cover}.foto-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#9ca3af;font-size:12px;font-weight:500}.email-change-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa;padding:20px}.email-change-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 40px #00000014;width:100%;max-width:500px}.email-change-card h2{margin-top:0;margin-bottom:12px;color:#111827;font-size:24px;font-weight:700}.email-change-card p{color:#6b7280;margin-bottom:30px;font-size:15px;line-height:1.5}.email-change-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input{padding:14px 16px;border:1px solid #D1D5DB;border-radius:10px;font-size:15px;transition:all .2s ease;background-color:#f9fafb}.form-group input:focus{outline:none;border-color:#006aff;background-color:#fff;box-shadow:0 0 0 4px #006aff1a}.error-alert{background-color:#fef2f2;color:#b91c1c;padding:16px;border-radius:10px;margin-bottom:24px;font-size:14px;border:1px solid #F87171}.email-change-form .submit-btn{margin-top:10px;background-color:#006aff;color:#fff;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s}.email-change-form .submit-btn:hover:not(:disabled){background-color:#0056d2}.logout-btn{margin-top:15px;background-color:transparent;color:#6b7280;padding:14px;border:1px solid #D1D5DB;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;width:100%;transition:background-color .2s}.logout-btn:hover:not(:disabled){background-color:#f3f4f6}.prof-dashboard-wrapper{height:100%;min-height:calc(100vh - 70px);width:100%;padding:16px 24px;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;background-color:var(--app-bg, #f8fafc)}.prof-layout{display:flex;width:100%;max-width:1200px;min-height:600px;gap:20px}.prof-card{background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;box-shadow:0 2px 8px -2px #0f172a0d;display:flex;flex-direction:column}.prof-left-col{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;min-height:0}.prof-identity-card{padding:24px 20px;align-items:center;text-align:center}.prof-avatar-wrapper{position:relative;width:205px;height:205px;border-radius:50%;margin-bottom:24px;border:4px solid var(--card-bg, #ffffff);box-shadow:0 4px 16px #0000001a;background-color:var(--bg-slate, #f1f5f9);display:flex;align-items:center;justify-content:center}.prof-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.prof-avatar-btn{position:absolute;bottom:8px;right:8px;width:44px;height:44px;border-radius:50%;background-color:var(--primary, #3b82f6);color:#fff;border:3px solid var(--card-bg, #ffffff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .2s}.prof-avatar-btn:hover{background-color:color-mix(in srgb,var(--primary, #3b82f6) 80%,#000);transform:scale(1.05)}.prof-name{font-size:1.25rem;font-weight:700;color:var(--text-main, #1e293b);margin:0 0 4px}.prof-role{font-size:.95rem;color:var(--text-muted, #64748b);margin:0 0 16px;font-weight:500}.prof-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;background-color:color-mix(in srgb,var(--primary, #3b82f6) 12%,transparent);color:var(--primary, #3b82f6);text-transform:uppercase;letter-spacing:.5px}.prof-info-list{width:100%;margin-top:24px;display:flex;flex-direction:column;gap:12px}.prof-info-item{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-muted, #64748b)}.prof-info-item svg{color:var(--primary, #3b82f6)}.prof-status-card{padding:16px;display:flex;flex-direction:column}.prof-status-title{font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--text-muted, #64748b);letter-spacing:.5px;margin-bottom:10px}.prof-status-actions{display:flex;flex-direction:column;gap:8px}.prof-back-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background-color:transparent;color:var(--text-main, #334155);border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.prof-back-btn:hover{background-color:var(--bg-slate, #f1f5f9)}.prof-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background-color:transparent;color:#ef4444;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.prof-logout-btn:hover{background-color:#ef444414;border-color:#ef44444d}.prof-right-col{flex:1;display:flex;flex-direction:column;min-height:0}.prof-page-header{margin-bottom:24px}.prof-header-text h2{font-size:1.5rem;font-weight:700;color:var(--text-main, #1e293b);margin:0 0 4px}.prof-header-text p{font-size:.95rem;color:var(--text-muted, #64748b);margin:0}.prof-settings-card{overflow:visible;padding:24px}.custom-theme-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-theme-btn:hover{transform:scale(1.1);border-color:var(--primary)!important;color:var(--primary)!important;background-color:color-mix(in srgb,var(--primary) 10%,transparent)!important}.theme-color-btn{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s}.theme-color-btn:hover{transform:scale(1.15)!important;box-shadow:0 4px 12px #00000026!important}.prof-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color, #e2e8f0)}.prof-btn-secondary{padding:10px 20px;background-color:transparent;color:var(--text-main, #334155);border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.prof-btn-secondary:hover{background-color:var(--bg-slate, #f1f5f9)}.prof-btn-primary{padding:10px 24px;background-color:var(--primary, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px color-mix(in srgb,var(--primary, #3b82f6) 25%,transparent)}.prof-btn-primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary, #3b82f6) 80%,#000);transform:translateY(-1px)}.prof-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.prof-section-title{font-size:1.05rem;font-weight:700;color:var(--text-main, #1e293b);margin:0 0 16px;display:flex;align-items:center;gap:12px}.prof-section-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:color-mix(in srgb,var(--primary, #3b82f6) 10%,transparent);color:var(--primary, #3b82f6);border:2px solid color-mix(in srgb,var(--primary, #3b82f6) 20%,transparent)}.prof-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.prof-input-group{display:flex;flex-direction:column;gap:6px}.prof-input-group.full-width{grid-column:span 2}.prof-input-group label{font-size:.85rem;font-weight:600;color:var(--text-main, #334155)}.prof-input-wrapper{position:relative;display:flex;align-items:center}.prof-input-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.prof-input{width:100%;padding:8px 12px 8px 36px;background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:.9rem;color:var(--text-main, #1e293b);transition:border-color .2s,box-shadow .2s;outline:none}.prof-input:focus{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #3b82f6) 15%,transparent)}.prof-input:read-only{background-color:var(--bg-slate, #f8fafc);color:var(--text-muted, #64748b);border-color:var(--border-color, #e2e8f0)}.prof-textarea{min-height:60px;padding-top:8px;resize:none}.prof-divider{height:1px;background-color:var(--border-color, #e2e8f0);margin:0 0 24px;border:none}.prof-alert{padding:12px 16px;border-radius:8px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:24px}.prof-alert.error{background-color:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}.prof-alert.success{background-color:#22c55e1a;color:#15803d;border:1px solid rgba(34,197,94,.2)}.dark .prof-dashboard-wrapper{background-color:#0f172a}.dark .prof-card{background-color:#1e293b;border-color:#334155}.dark .prof-name,.dark .prof-header-text h2,.dark .prof-section-title,.dark .prof-input-group label{color:#f1f5f9}.dark .prof-role,.dark .prof-info-item,.dark .prof-header-text p{color:#94a3b8}.dark .prof-card-header,.dark .prof-divider{border-color:#334155}.dark .prof-avatar-wrapper{border-color:#1e293b;background-color:#0f172a}.dark .prof-input{background-color:#0f172a;border-color:#475569;color:#f1f5f9}.dark .prof-input:read-only{background-color:#1e293b;color:#94a3b8}.dark .prof-btn-secondary,.dark .prof-back-btn{border-color:#475569;color:#cbd5e1}.dark .prof-btn-secondary:hover,.dark .prof-back-btn:hover{background-color:#334155}.prof-mobile-back-btn{display:none}@media (max-width: 1024px){.prof-layout{display:flex;flex-direction:column;gap:1.5rem}.prof-left-col,.prof-right-col{display:contents}.prof-identity-card{order:1}.prof-settings-card{order:2}.prof-status-card{order:3}.prof-card{width:100%}}@media (max-width: 768px){.prof-dashboard-wrapper{padding:8px}.prof-layout{gap:8px!important}.prof-identity-card{padding:16px 12px}.prof-card-body{padding:12px}.prof-avatar-wrapper{width:90px!important;height:90px!important;margin:0 auto 12px!important}.prof-name{font-size:1.1rem}.prof-info-list{margin-top:12px;gap:6px}.prof-form-grid{grid-template-columns:1fr;gap:10px}.prof-input-group.full-width{grid-column:span 1}.prof-section-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.prof-btn-primary,.prof-btn-secondary,.prof-logout-btn{width:100%;justify-content:center;padding:10px}.prof-header-actions{flex-direction:column;gap:8px}.prof-header-text p{display:none}.prof-page-header{margin-bottom:8px!important}.prof-mobile-back-btn{display:flex!important;align-items:center;justify-content:center;background:none;border:none;color:var(--text-main, #1e293b);padding:4px;cursor:pointer;border-radius:50%}.prof-mobile-back-btn:active{background-color:var(--bg-slate, #f1f5f9)}.mobile-hide-btn{display:none!important}}@media (max-width: 1024px){.profile-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.profile-container{padding:1.5rem}.profile-header h1{font-size:1.5rem}.profile-card{padding:1.5rem}.avatar-lg{width:100px;height:100px;font-size:2.5rem}.profile-sidebar{text-align:center}.user-meta{justify-content:center}.stats-container{flex-direction:column;gap:10px}}@media (max-width: 480px){.detail-group{flex-direction:column;align-items:flex-start}.detail-label{min-width:auto;margin-bottom:4px}.profile-container{padding:1rem}}.user-management-container{padding:24px 16px;max-width:100%;margin:0 auto;flex:1;width:100%;box-sizing:border-box}.um-content-card{display:flex;flex-direction:column;gap:16px;background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:24px 16px}.um-header-top{display:flex;align-items:center}.um-header-actions{display:flex;align-items:center;gap:16px;width:100%}.um-header h1{font-size:24px;color:#111827;display:flex;align-items:center;gap:12px;margin:0}.user-management-container .search-box{position:relative;width:300px;max-width:100%;border:none!important;background:transparent!important;padding:0!important;display:block!important;height:auto!important}.user-management-container .search-box input{width:100%;padding:10px 16px 10px 40px!important;border:1px solid var(--border-color, #E5E7EB)!important;border-radius:9999px!important;font-size:14px;outline:none;transition:border-color .2s;background-color:var(--card-bg, #FFFFFF)!important;color:var(--text-main, #111827)!important;box-sizing:border-box}.user-management-container .search-box input::placeholder{color:var(--text-muted, #9CA3AF)}.user-management-container .search-box input:hover{border-color:var(--primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)!important}.user-management-container .search-box input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)!important}.user-management-container .search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;margin:0!important}.filter-group{display:flex;gap:12px;align-items:center}.filter-box{position:relative;display:flex;align-items:center}.filter-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.filter-select{padding:8px 36px 8px 16px;border:1px solid var(--border-color, #E5E7EB);border-radius:9999px;font-size:14px;outline:none;background-color:var(--card-bg, #FFFFFF);transition:border-color .2s;cursor:pointer;color:var(--text-main, #374151);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' 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");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.select-with-icon{padding-left:36px!important}.filter-select:hover{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.btn-primary{display:flex;align-items:center;gap:8px;background-color:var(--primary);color:#fff;padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-hover)}.btn-small{padding:8px 12px;font-size:13px;width:max-content;white-space:nowrap}.table-container{background:transparent;border:none;border-radius:0;box-shadow:none;overflow-x:auto;overflow-y:auto;max-height:65vh}.users-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.users-table th{position:sticky;top:0;z-index:50;background-color:#f8fafc;opacity:1;padding:16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-muted, #6B7280);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color, #E5E7EB);cursor:pointer;box-shadow:0 1px 2px -1px #0000001a}.users-table th:hover{background-color:#f1f5f9}.users-table td{padding:16px;border-bottom:1px solid var(--border-color, #E5E7EB);vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background-color:var(--sidebar-hover, #F9FAFB)}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;object-fit:cover}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--text-main, #111827);display:block;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:13px;color:var(--text-muted, #6B7280);display:block;overflow:hidden;text-overflow:ellipsis}.level-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.level-1{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.level-2{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.level-3{background-color:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.3)}.level-4{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.level-5{background-color:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.action-buttons{display:flex;gap:8px}.btn-icon{padding:8px;border-radius:6px;border:none;background:transparent;cursor:pointer;transition:all .2s}.btn-edit{color:var(--primary)}.btn-edit:hover{background-color:color-mix(in srgb,var(--primary) 10%,transparent)}.btn-delete{color:#ef4444}.btn-delete:hover{background-color:#fef2f2}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2000!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:overlay-fade-in .2s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modal-slide-in .25s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content.modal-sm{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:20px;color:#111827;margin:0}.btn-close{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px}.btn-close:hover{background-color:#f3f4f6;color:#111827}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group select,.form-group input,.form-group .custom-dropdown-button{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;outline:none}.form-group select:focus,.form-group input:focus,.form-group .custom-dropdown-button:focus,.form-group .custom-dropdown-button.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-secondary{padding:10px 16px;background-color:#fff;border:1px solid #D1D5DB;border-radius:8px;font-weight:600;color:#374151;cursor:pointer}.btn-secondary:hover{background-color:#f9fafb}:root.dark .um-content-card,.dark .um-content-card{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .um-header-top h1,.dark .um-header-top h1{color:var(--text-main, #f8fafc)}:root.dark .search-box input,.dark .search-box input{background-color:var(--card-bg, #1e293b)!important;border-color:var(--border-thin, #334155)!important;color:var(--text-main, #f8fafc)!important;border-radius:9999px!important}:root.dark .table-container,.dark .table-container{background:var(--card-bg, #1e293b);box-shadow:0 1px 3px #0000004d}:root.dark .users-table th,.dark .users-table th{background-color:#ffffff0a;color:var(--text-muted, #94a3b8);border-color:var(--border-thin, #334155)}:root.dark .users-table td,.dark .users-table td{border-color:var(--border-thin, #334155)}:root.dark .users-table tr:hover,.dark .users-table tr:hover{background-color:#ffffff0d}:root.dark .users-table th:hover,.dark .users-table th:hover{background-color:#ffffff1a}:root.dark .user-name,.dark .user-name{color:var(--text-main, #f8fafc)}:root.dark .user-email,.dark .user-email{color:var(--text-muted, #94a3b8)}:root.dark .user-avatar,.dark .user-avatar{background-color:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary)}:root.dark .modal-content,.dark .modal-content{background:var(--card-bg, #1e293b);box-shadow:0 20px 25px -5px #00000080}:root.dark .modal-header h2,.dark .modal-header h2{color:var(--text-main, #f8fafc)}:root.dark .btn-close,.dark .btn-close{color:var(--text-muted, #94a3b8)}:root.dark .btn-close:hover,.dark .btn-close:hover{background-color:var(--bg-slate, #0f172a);color:var(--text-main, #f8fafc)}:root.dark .form-group label,.dark .form-group label{color:var(--text-main, #f8fafc)}:root.dark .form-group select,.dark .form-group select,:root.dark .form-group input,.dark .form-group input,:root.dark .form-group .custom-dropdown-button,.dark .form-group .custom-dropdown-button{background-color:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155);color:var(--text-main, #f8fafc)}:root.dark .btn-secondary,.dark .btn-secondary{background-color:transparent;border-color:var(--border-thin, #334155);color:var(--text-main, #f8fafc)}:root.dark .btn-secondary:hover,.dark .btn-secondary:hover{background-color:var(--bg-slate, #0f172a)}:root.dark .level-1,.dark .level-1{background-color:#ef444426;color:#f87171}:root.dark .level-2,.dark .level-2{background-color:#f59e0b26;color:#fbbf24}:root.dark .level-3,.dark .level-3{background-color:#6366f126;color:#818cf8}:root.dark .level-4,.dark .level-4{background-color:#22c55e26;color:#4ade80}:root.dark .level-5,.dark .level-5{background-color:#94a3b826;color:#cbd5e1}:root.dark .btn-edit:hover,.dark .btn-edit:hover{background-color:color-mix(in srgb,var(--primary) 20%,transparent)}:root.dark .btn-delete:hover,.dark .btn-delete:hover{background-color:#ef444433}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:#f3f4f6!important}:root.dark .clickable-row:hover,.dark .clickable-row:hover{background-color:#ffffff14!important}.popover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.user-detail-popover{position:fixed;background:#fff;border-radius:16px;width:320px;box-shadow:0 10px 25px #00000026,0 4px 10px #0000000d;display:flex;flex-direction:column;overflow:hidden;animation:popover-fade .2s cubic-bezier(.16,1,.3,1);z-index:1001;border:1px solid #E5E7EB}@keyframes popover-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.user-detail-header{display:flex;justify-content:flex-end;padding:12px 12px 0}.user-detail-body{display:flex;flex-direction:column;align-items:center;padding:0 16px 16px;text-align:center}.user-detail-avatar-container{margin-bottom:12px}.user-detail-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 10px #00000014}.user-detail-avatar.placeholder{background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600}.user-detail-name{font-size:16px;font-weight:700;color:#111827;margin:0 0 4px}.user-detail-email{font-size:13px;color:#6b7280;margin:0 0 16px}.user-detail-divider{width:100%;height:1px;background-color:#e5e7eb;margin-bottom:16px}.user-detail-info-grid{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left}.info-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px dashed #E5E7EB}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{font-size:12px;font-weight:600;color:#6b7280}.info-value{font-size:13px;font-weight:500;color:#111827}.status-active{color:#059669;background-color:#d1fae5;padding:4px 8px;border-radius:9999px;font-size:11px;font-weight:600}.user-detail-footer{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f9fafb;border-top:1px solid #E5E7EB}.user-detail-actions{display:flex;gap:12px}.btn-outline-danger{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #EF4444;color:#ef4444;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline-danger:hover{background-color:#fef2f2}.mobile-user-list-view{display:none;flex-direction:column;gap:12px}.mobile-user-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;cursor:pointer;border:1px solid #F3F4F6;transition:all .2s}.mobile-user-card:active{transform:scale(.98)}.mobile-user-card-header{margin-bottom:12px}.mobile-user-card-body{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #F3F4F6;padding-top:12px}.user-division-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:11.5px;font-weight:600}:root.dark .user-detail-popover,.dark .user-detail-popover{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .user-detail-avatar,.dark .user-detail-avatar{border-color:var(--card-bg, #1e293b)}:root.dark .user-detail-name,.dark .user-detail-name,:root.dark .info-value,.dark .info-value{color:var(--text-main, #f8fafc)}:root.dark .user-detail-email,.dark .user-detail-email,:root.dark .info-label,.dark .info-label{color:var(--text-muted, #94a3b8)}:root.dark .user-detail-divider,.dark .user-detail-divider,:root.dark .info-item,.dark .info-item,:root.dark .user-detail-footer,.dark .user-detail-footer{border-color:var(--border-thin, #334155)}:root.dark .user-detail-footer,.dark .user-detail-footer{background-color:#0003}:root.dark .status-active,.dark .status-active{background-color:#10b98126;color:#34d399}:root.dark .btn-outline-danger:hover,.dark .btn-outline-danger:hover{background-color:#ef444426}:root.dark .mobile-user-card,.dark .mobile-user-card{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155);box-shadow:0 1px 3px #0000004d}:root.dark .mobile-user-card-body,.dark .mobile-user-card-body{border-color:var(--border-thin, #334155)}@media (max-width: 1024px){.add-user-text{display:none}.um-header-actions .btn-primary{padding:10px 14px!important;margin-left:auto}.user-management-container .search-box{flex:1;width:auto!important;max-width:250px}}@media (max-width: 768px){.desktop-table-view{display:none!important}.mobile-user-card-body{flex-direction:column;align-items:flex-start;gap:8px}.um-header-top{flex-direction:column;align-items:flex-start;gap:12px}.um-header-actions{width:100%;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important}.user-management-container .search-box{flex:1!important;max-width:none!important;order:1}.um-header-actions .btn-primary{order:2;margin-left:0!important;padding:10px!important;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.filter-group{order:3;flex-direction:row!important;align-items:center!important;width:100%!important;gap:8px!important}.filter-box{flex:1;min-width:0}.user-management-container{padding:16px;display:flex;flex-direction:column;overflow:hidden;height:100%}.um-content-card{padding:16px;flex:1;display:flex;flex-direction:column;overflow:hidden}.mobile-user-list-view{display:flex;flex-direction:column;flex:1;overflow-y:auto;margin-top:12px;padding-right:4px;padding-bottom:24px}.popover-overlay{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.user-detail-popover{position:relative;top:auto!important;left:auto!important;width:90%;max-width:380px}}:root.dark .users-table th,.dark .users-table th{background-color:#1e293b!important;color:#94a3b8!important;border-bottom-color:#334155!important;opacity:1!important}:root.dark .users-table th:hover,.dark .users-table th:hover{background-color:#334155!important}:root.dark .users-table td,.dark .users-table td{border-bottom-color:#334155!important}:root.dark .user-management-container .search-box,.dark .user-management-container .search-box{background:transparent!important;border:none!important;box-shadow:none!important}:root.dark .user-management-container .search-box input,.dark .user-management-container .search-box input,:root.dark .filter-select,.dark .filter-select{background-color:#1e293b!important;color:#f8fafc!important;border-color:#334155!important;border-radius:9999px!important}:root.dark .user-management-container .search-box input:hover,.dark .user-management-container .search-box input:hover,:root.dark .filter-select:hover,.dark .filter-select:hover,:root.dark .user-management-container .search-box input:focus,.dark .user-management-container .search-box input:focus,:root.dark .filter-select:focus,.dark .filter-select:focus{border-color:var(--primary)!important;background-color:#334155!important}:root.dark .user-management-container .search-box .search-icon,.dark .user-management-container .search-box .search-icon,:root.dark .filter-group .filter-icon,.dark .filter-group .filter-icon{color:#94a3b8!important}:root.dark .table-container::-webkit-scrollbar,.dark .table-container::-webkit-scrollbar{width:6px;height:6px}:root.dark .table-container::-webkit-scrollbar-track,.dark .table-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}:root.dark .table-container::-webkit-scrollbar-thumb,.dark .table-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px;transition:background .2s}:root.dark .table-container::-webkit-scrollbar-thumb:hover,.dark .table-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}:root.dark .table-container,.dark .table-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) rgba(255,255,255,.02)}.mp-page-title{font-size:24px;font-weight:700;color:var(--text-main);margin-bottom:4px;letter-spacing:-.01em}.mp-page-subtitle{color:var(--text-muted);margin:0;font-weight:400}.tab-navigation{display:flex;gap:12px;border-bottom:1px solid var(--border-color);padding-bottom:2px;overflow-x:auto;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:var(--primary-color)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 4px 16px #0000000a}.mp-subtabs{display:flex;align-items:center;gap:8px}.mp-subtabs button{display:flex;align-items:center;gap:8px;padding:8px 18px;background:var(--bg-color);color:var(--text-muted);border:1px solid transparent;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.mp-subtabs button:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.mp-subtabs button.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.mp-search-wrapper{position:relative;width:300px;max-width:100%}.mp-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);transition:color .3s ease;pointer-events:none}.mp-search-input{width:100%;padding:10px 16px 10px 44px;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-main);font-size:14px;outline:none;transition:all .3s ease;box-shadow:0 1px 3px #00000005 inset;box-sizing:border-box}.mp-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,transparent);background:var(--card-bg)}.mp-search-input:hover{border-color:color-mix(in srgb,var(--primary-color) 50%,var(--border-color))}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.status-badge.assigned{background-color:#ecfdf5;color:#059669}.status-badge.idle,.status-badge.ready,.status-badge.reguler{background-color:#f1f5f9;color:#475569}.status-badge.borrowed{background-color:#fffbeb;color:#d97706}.action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.action-btn:hover{background-color:var(--hover-bg);color:var(--primary-color)}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.pic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.dash-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-content-container .table-container>div,.tab-content-container div[style*=overflow],.table-container div[style*=overflow]{padding-bottom:24px!important}.tab-content-container table tbody tr:last-child td,.table-container table tbody tr:last-child td,.modal-content table tbody tr:last-child td{padding-bottom:32px!important}.tab-content-container div[style*=overflow]::-webkit-scrollbar,.table-container div[style*=overflow]::-webkit-scrollbar{width:6px;height:6px}.tab-content-container div[style*=overflow]::-webkit-scrollbar-track,.table-container div[style*=overflow]::-webkit-scrollbar-track{background:var(--bg-color);border-radius:4px}.tab-content-container div[style*=overflow]::-webkit-scrollbar-thumb,.table-container div[style*=overflow]::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 35%,transparent);border-radius:4px}.tab-content-container div[style*=overflow]::-webkit-scrollbar-thumb:hover,.table-container div[style*=overflow]::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-muted) 60%,transparent)}.flex-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.flex-actions{display:flex;gap:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--card-bg);padding:24px;border-radius:16px;width:600px;max-width:90%;max-height:90vh;overflow-y:auto}.modal-content.pic-detail-modal{padding:0;width:700px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-header-pic{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;background:var(--bg-color)}@media (max-width: 768px){.content-area,.tab-content-container{padding:16px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:12px}.summary-card{padding:12px!important;gap:12px!important;flex-direction:column;align-items:flex-start!important}.summary-card h3{font-size:20px!important}.pic-grid{grid-template-columns:1fr}.dash-header-controls{flex-direction:column;align-items:flex-start;gap:12px}.dash-header-controls>div{width:100%}.flex-header{flex-direction:column;align-items:flex-start;gap:16px}.flex-actions{flex-direction:column;width:100%}.flex-actions>*{width:100%}.manage-tab .dash-header-controls{flex-direction:column;gap:12px}.manage-tab select,.manage-tab button,.manage-tab input{width:100%}.divider-hide-mobile{display:none!important}}.mp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.mp-stat-card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #00000005;transition:transform .2s ease,box-shadow .2s ease}.mp-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000a}.mp-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mp-stat-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1;gap:8px}.mp-stat-value{font-size:24px;font-weight:700;color:var(--text-main);line-height:1}.mp-stat-label{color:var(--text-muted);font-size:13px;font-weight:500}.pic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mp-pic-card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);padding:20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 12px #00000005}.mp-pic-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f;border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.mp-pic-header{display:flex;justify-content:space-between;align-items:flex-start}.mp-pic-avatar{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center}.mp-pic-name{margin:0;font-size:16px;color:var(--text-main);font-weight:600}.mp-pic-division{font-size:13px;color:var(--text-muted);display:block;margin-top:2px}.mp-pic-chevron{transition:transform .2s ease}.mp-pic-card:hover .mp-pic-chevron{transform:translate(4px);color:var(--primary)!important}.mp-pic-progress-section{display:flex;flex-direction:column}.mp-progress-track{width:100%;height:6px;background:color-mix(in srgb,var(--text-muted) 15%,transparent);border-radius:9999px;overflow:hidden}.mp-progress-bar{height:100%;border-radius:9999px;transition:width .5s ease}.mp-pic-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mp-pic-stat-mini{background:color-mix(in srgb,var(--primary) 5%,transparent);padding:12px;border-radius:10px;display:flex;flex-direction:column;gap:4px}:root.dark .mp-pic-stat-mini{background:color-mix(in srgb,var(--primary) 10%,transparent)}.mp-mini-label{font-size:12px;color:var(--text-muted);font-weight:500}.mp-mini-value{font-size:18px;font-weight:700;color:var(--text-main)}@media (max-width: 1024px){.mp-stats-grid,.pic-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.mp-stats-grid,.pic-grid{grid-template-columns:1fr}}.dark .status-badge.assigned{background-color:color-mix(in srgb,var(--success, #059669) 15%,transparent);color:var(--success, #22c55e)}.dark .status-badge.idle,.dark .status-badge.ready,.dark .status-badge.reguler{background-color:color-mix(in srgb,var(--text-muted, #475569) 15%,transparent);color:var(--text-muted, #cbd5e1)}.dark .status-badge.borrowed{background-color:color-mix(in srgb,var(--warning, #d97706) 15%,transparent);color:var(--warning, #fbbf24)}.public-hatsumono-container{height:100vh;overflow-y:auto;width:100%;background-color:#f8fafc;position:relative;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;color:#0f172a}.bg-glow{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.4;animation:float 20s infinite alternate}.glow-1{top:-10%;left:-10%;width:40vw;height:40vw;background:radial-gradient(circle,#3b82f626,#fff0 70%);animation-delay:0s}.glow-2{bottom:-20%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#8b5cf61a,#fff0 70%);animation-delay:-5s}.glow-3{top:40%;left:50%;width:30vw;height:30vw;background:radial-gradient(circle,#10b98114,#fff0 70%);animation-delay:-10s}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.public-hatsumono-nav{width:100%;padding:24px 40px;position:relative;z-index:10;display:flex;justify-content:flex-start}.nav-logo-btn{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;padding:10px 20px;border-radius:100px;color:#334155;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease}.nav-logo-btn:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.nav-logo-btn i{color:#3b82f6;font-size:1.2rem}.public-hatsumono-content{position:relative;z-index:10;width:100%;max-width:1200px;padding:20px;display:flex;flex-direction:column;align-items:center;flex:1}.public-hatsumono-header{text-align:center;margin-bottom:30px}.public-hatsumono-header h1{font-size:3.5rem;font-weight:800;margin:0 0 16px;letter-spacing:-1px;color:#0f172a}.public-hatsumono-header h1 span{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.public-hatsumono-header p{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.public-hatsumono-card{width:100%;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #e2e8f0;border-radius:20px;padding:30px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003;margin-bottom:24px}.main-form-card{display:flex;flex-direction:column;gap:16px}.form-row-group{display:flex;gap:20px;width:100%}.flex-1{flex:1}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#334155;font-size:.9rem}.custom-input{width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:14px 16px;color:#0f172a;font-size:1rem;outline:none;transition:all .2s ease}.custom-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.custom-input.sm{padding:10px 14px;font-size:.9rem;border-radius:8px}.custom-select-wrapper{position:relative;width:100%}.custom-select-wrapper select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:14px 16px;color:#0f172a;font-size:1rem;outline:none;transition:all .2s ease}.custom-select-wrapper.sm select{padding:10px 14px;font-size:.9rem;border-radius:8px;text-overflow:ellipsis}.custom-select-wrapper.disabled select{opacity:.6;cursor:not-allowed;background:#f1f5f9}.custom-select-wrapper select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.custom-select-wrapper select option{background-color:#fff;color:#0f172a}.file-upload-wrapper{position:relative}.hidden-file-input{display:none}.file-upload-btn{display:inline-flex;align-items:center;gap:10px;background:#f8fafc;border:1px dashed #cbd5e1;padding:14px 20px;border-radius:12px;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.file-upload-btn:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.table-header-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-header-action h3{margin:0;font-size:1.2rem;font-weight:700;color:#0f172a}.add-row-btn{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.add-row-btn:hover{background:#d1fae5}.table-responsive{width:100%;overflow-x:auto}.public-dim-table{width:100%;border-collapse:collapse}.public-dim-table th{text-align:left;padding:12px;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;font-size:.9rem}.public-dim-table td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.text-center{text-align:center!important}.row-del-btn{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:.2s}.row-del-btn:hover:not(:disabled){background:#fee2e2}.row-del-btn:disabled{opacity:.4;cursor:not-allowed}.table-result-badge{display:flex;gap:8px}.table-result-badge span{padding:6px 10px;border-radius:6px;font-size:.85rem;font-weight:600}.badge-sym{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.badge-asym{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.empty-dash{color:#94a3b8}.submit-action-wrapper{margin-top:10px;margin-bottom:40px;width:100%}.submit-btn{width:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:16px;border-radius:14px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 20px -5px #3b82f666}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 25px -5px #3b82f680}.submit-btn.loading{opacity:.7;cursor:not-allowed}.public-hatsumono-footer{margin-top:auto;padding:30px 0;text-align:center;color:#64748b;font-size:.9rem}@media (max-width: 768px){.public-hatsumono-header h1{font-size:2.5rem}.form-row-group{flex-direction:column}}.summary-content{background-color:#f8fafc;min-height:calc(100vh - 72px);overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color, #e2e8f0);background-color:transparent;cursor:pointer;color:var(--text-main, #334155);transition:all .2s;padding:0}.back-btn:hover{background-color:var(--primary, #3b82f6);color:#fff;border-color:var(--primary, #3b82f6);transform:scale(1.05)}.summary-header{margin-bottom:16px}.summary-header h1{font-size:28px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.summary-tabs{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--border-thin, #E2E8F0) 40%,transparent);padding:6px;border-radius:12px;margin-bottom:32px;border:1px solid color-mix(in srgb,var(--border-thin, #E2E8F0) 50%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:fit-content}:root.dark .summary-tabs{background:#0003;border-color:#ffffff0d}.tab-item{background:transparent;border:none;padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-muted, #64748B);cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;position:relative;z-index:1}.tab-item:hover:not(.active){color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}:root.dark .tab-item:hover:not(.active){color:#fff;background:color-mix(in srgb,var(--primary) 20%,transparent)}.tab-item.active{background-color:var(--primary);color:#fff!important;font-weight:600;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 30%,transparent),0 1px 2px #0000000d}:root.dark .tab-item.active{background-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 40%,transparent)}:root.dark .tab-item.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:inset 0 1px #ffffff1a;pointer-events:none}.summary-loading{text-align:center;padding:48px;color:#64748b;font-size:15px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;padding:1.25rem;display:flex;flex-direction:row;align-items:center;gap:1.25rem;box-shadow:0 1px 3px #0000000d;transition:all .2s;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f;border-color:#cbd5e1}.kpi-success{border-top:4px solid #10B981;--fill-color: #10B981}.kpi-info{border-top:4px solid #3B82F6;--fill-color: #3B82F6}.kpi-primary{border-top:4px solid #A855F7;--fill-color: #A855F7}.kpi-warning{border-top:4px solid #F97316;--fill-color: #F97316}.kpi-donut-chart{position:relative;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--fill-color) calc(var(--percentage, 0) * 1%),#f1f5f9 0);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 2px 4px #00000005}.kpi-donut-inner{width:50px;height:50px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#0f172a}.kpi-info{display:flex;flex-direction:column}.kpi-info h4{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.kpi-info p{margin:.25rem 0 0;font-size:1.75rem;font-weight:800;color:#0f172a;line-height:1.1;letter-spacing:-.02em}.kpi-support{font-size:1rem;color:#94a3b8;font-weight:600}.kpi-subtext{font-size:.75rem;color:#94a3b8;margin-top:.25rem;font-weight:500}.main-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.dashboard-panel{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;transition:box-shadow .2s ease}.dashboard-panel:hover{box-shadow:0 4px 6px -1px #00000008}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-panel h3{font-size:16px;font-weight:600;color:#0f172a;margin:0}.panel-action{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.panel-action:hover{background-color:#f1f5f9;color:#0f172a}.panel-content{flex:1;display:flex;flex-direction:column}.status-overview-content{flex-direction:row;align-items:center;gap:32px}.status-progress-circle{width:120px;height:120px;flex-shrink:0}.circular-chart{display:block;margin:0 auto;max-width:100%;max-height:250px}.circle-bg{fill:none;stroke:#f1f5f9;stroke-width:3.8}.circle-progress{fill:none;stroke:#10b981;stroke-width:2.8;stroke-linecap:round;transition:stroke-dasharray 1s ease-out}.percentage{fill:#0f172a;font-family:Inter,sans-serif;font-size:8px;font-weight:700;text-anchor:middle}.status-legend{flex:1;display:flex;flex-direction:column;gap:12px}.overview-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8fafc;border-radius:8px;border:1px solid transparent;transition:border-color .2s}.overview-item:hover{border-color:#e2e8f0}.overview-label-wrapper{display:flex;align-items:center;gap:10px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.done{background-color:#10b981}.legend-dot.total{background-color:#94a3b8}.overview-label{font-size:14px;color:#475569;font-weight:500}.overview-number{font-size:16px;font-weight:600;color:#0f172a}.modern-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#f8fafc;border:1px dashed #E2E8F0;border-radius:8px;padding:32px 24px}.empty-icon-wrapper{width:48px;height:48px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8;margin-bottom:16px;box-shadow:0 1px 2px #0000000d}.modern-empty h4{font-size:15px;font-weight:600;color:#334155;margin:0 0 8px}.modern-empty p{font-size:13px;color:#64748b;margin:0;max-width:250px;line-height:1.5}.inline-empty{display:flex;align-items:center;gap:12px;color:#94a3b8;font-size:14px;padding:24px;justify-content:center}.priority-content{justify-content:center;gap:24px}.priority-stacked-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background-color:#f1f5f9}.bar-segment{height:100%;transition:width .5s ease}.bar-segment.high{background-color:#ef4444}.bar-segment.medium{background-color:#f59e0b}.bar-segment.low{background-color:#3b82f6}.priority-legend{display:flex;flex-direction:column;gap:8px}.modern-priority{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#475569;font-weight:500;padding:8px 0;border-bottom:1px solid #F1F5F9}.modern-priority:last-child{border-bottom:none}.priority-label-wrapper{display:flex;align-items:center;gap:10px}.priority-dot{width:10px;height:10px;border-radius:50%}.priority-dot.high{background-color:#ef4444}.priority-dot.medium{background-color:#f59e0b}.priority-dot.low{background-color:#3b82f6}.priority-value{font-weight:600;color:#0f172a}@media (max-width: 1024px){.main-dashboard-grid{grid-template-columns:1fr}}:root.dark .summary-content,.dark .summary-content{background-color:var(--bg-color, #0B1120)}:root.dark .back-btn,.dark .back-btn{border-color:#ffffff1a;color:#f8fafc}:root.dark .back-btn:hover,.dark .back-btn:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}:root.dark .summary-header h1,.dark .summary-header h1{color:var(--text-main)}:root.dark .summary-tabs,.dark .summary-tabs{background-color:#0f172a;border-color:#334155}:root.dark .tab-item,.dark .tab-item{color:var(--text-muted)}:root.dark .tab-item:hover,.dark .tab-item:hover{color:var(--text-main);background-color:#ffffff0d}:root.dark .tab-item.active,.dark .tab-item.active{color:#fff}:root.dark .kpi-card,.dark .kpi-card{background-color:#1e293b;border-color:#334155}:root.dark .kpi-label,.dark .kpi-label{color:#94a3b8}:root.dark .kpi-value,.dark .kpi-value{color:#f8fafc}:root.dark .kpi-support,.dark .kpi-support{color:#64748b}:root.dark .kpi-progress-container,.dark .kpi-progress-container{background-color:#334155}:root.dark .kpi-card:hover,.dark .kpi-card:hover{box-shadow:0 4px 12px #0006;border-color:var(--active-tab-color, #94A3B8)}:root.dark .dashboard-panel,.dark .dashboard-panel{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);box-shadow:0 1px 3px #0003}:root.dark .panel-header h3,.dark .panel-header h3{color:var(--text-main)}:root.dark .btn-icon,.dark .btn-icon{color:var(--text-muted)}:root.dark .btn-icon:hover,.dark .btn-icon:hover{background-color:var(--hover-bg, #334155);color:var(--text-main)}:root.dark .empty-state h4,.dark .empty-state h4{color:var(--text-main)}:root.dark .empty-state p,.dark .empty-state p{color:var(--text-muted)}:root.dark .illustration-circle,.dark .illustration-circle{background-color:var(--hover-bg, #334155)}:root.dark .kpi-success .kpi-icon,.dark .kpi-success .kpi-icon{background:#10b98126}:root.dark .kpi-success .kpi-badge,.dark .kpi-success .kpi-badge{background:#10b98126;color:#34d399}:root.dark .kpi-info .kpi-icon,.dark .kpi-info .kpi-icon{background:#3b82f626}:root.dark .kpi-info .kpi-badge,.dark .kpi-info .kpi-badge{background:#3b82f626;color:#60a5fa}:root.dark .kpi-primary .kpi-icon,.dark .kpi-primary .kpi-icon{background:#a855f726}:root.dark .kpi-primary .kpi-badge,.dark .kpi-primary .kpi-badge{background:#a855f726;color:#c084fc}:root.dark .kpi-warning .kpi-icon,.dark .kpi-warning .kpi-icon{background:#f9731626}:root.dark .kpi-warning .kpi-badge,.dark .kpi-warning .kpi-badge{background:#f9731626;color:#fb923c}:root.dark .circle-bg,.dark .circle-bg{stroke:var(--border-color, #334155)}:root.dark .percentage,.dark .percentage{fill:var(--text-main)}:root.dark .overview-item,.dark .overview-item{background-color:var(--bg-color, #0f172a);border-color:transparent}:root.dark .overview-item:hover,.dark .overview-item:hover{border-color:var(--border-color, #334155)}:root.dark .overview-label,.dark .overview-label,:root.dark .overview-number,.dark .overview-number{color:var(--text-main)}:root.dark .modern-empty,.dark .modern-empty{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155)}:root.dark .empty-icon-wrapper,.dark .empty-icon-wrapper{background-color:var(--card-bg, #1e293b);color:var(--text-muted)}:root.dark .modern-empty h4,.dark .modern-empty h4{color:var(--text-main)}:root.dark .modern-empty p,.dark .modern-empty p{color:var(--text-muted)}:root.dark .priority-stacked-bar,.dark .priority-stacked-bar{background-color:var(--border-color, #334155)}:root.dark .modern-priority,.dark .modern-priority{border-bottom-color:var(--border-color, #334155);color:var(--text-main)}:root.dark .priority-value,.dark .priority-value{color:var(--text-main)}.timeline-container{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000008;min-height:400px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transform:translateZ(0)}.timeline-loading,.timeline-empty{padding:40px;text-align:center;color:#64748b;font-size:14px}.timeline-sidebar{width:260px;flex-shrink:0;border-right:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;background:#fff;position:relative;z-index:20;box-shadow:2px 0 10px #00000005}.timeline-sidebar-header{height:80px;padding:16px 20px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:15px;border-bottom:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--primary, #3b82f6)}.sidebar-list{display:flex;flex-direction:column}.sidebar-item{height:52px;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.06);font-size:14px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.timeline-grid-wrapper{flex-grow:1;overflow-x:auto;overflow-y:hidden;background:#fff}.timeline-grid{min-width:800px;display:flex;flex-direction:column}.grid-header{height:80px;display:flex;flex-direction:column;box-sizing:border-box;background:var(--primary, #3b82f6);border-bottom:1px solid rgba(0,0,0,.1)}.months-row{height:44px;display:flex;border-bottom:1px solid rgba(255,255,255,.3)}.month-cell{height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border-right:1px solid rgba(255,255,255,.3);color:#fff;box-sizing:border-box}.weeks-row{height:36px;display:flex}.month-weeks-container{display:flex;height:100%;border-right:1px solid rgba(255,255,255,.3);box-sizing:border-box}.week-cell{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#fff;border-right:1px solid rgba(255,255,255,.3);box-sizing:border-box}.week-cell:last-child{border-right:none}.grid-body{display:flex;flex-direction:column;position:relative;background-image:linear-gradient(to right,rgba(0,0,0,.04) 1px,transparent 1px);background-size:25% 100%}.grid-row{height:52px;position:relative;border-bottom:1px solid rgba(0,0,0,.06);box-sizing:border-box}.gantt-bar{position:absolute;top:10px;height:32px;background-color:rgba(var(--task-rgb, 79, 141, 247),.15);border:1px solid rgba(var(--task-rgb, 79, 141, 247),.4);border-radius:6px;display:flex;align-items:center;padding:0 12px;box-sizing:border-box;min-width:12px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;z-index:10;overflow:visible}.gantt-bar.expanded{height:auto;min-height:100px;min-width:280px!important;width:max-content!important;max-width:350px!important;z-index:50;background-color:#fff;border:1px solid rgb(var(--task-rgb, 79, 141, 247));box-shadow:0 10px 25px -5px rgba(var(--task-rgb, 79, 141, 247),.3);padding:16px;align-items:flex-start}.gantt-bar-details{display:flex;flex-direction:column;gap:6px;width:100%;animation:fadeIn .3s ease forwards}.gantt-bar-details strong{font-size:14px;color:rgb(var(--task-rgb, 79, 141, 247));white-space:normal;word-break:break-word;margin-bottom:4px;line-height:1.3}.gantt-bar-details span{font-size:12px;color:#64748b}.gantt-bar:hover{background-color:rgba(var(--task-rgb, 79, 141, 247),.25);border:1px solid rgba(var(--task-rgb, 79, 141, 247),.7);box-shadow:0 4px 12px rgba(var(--task-rgb, 79, 141, 247),.15);transform:translateY(-1px);z-index:60}.gantt-bar-label{color:rgb(var(--task-rgb, 79, 141, 247));font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.gantt-bar-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background-color:#fff;color:#334155;border:1px solid #e2e8f0;padding:8px 12px;border-radius:6px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:4px;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100;pointer-events:none;min-width:140px}.gantt-bar-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background-color:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.gantt-bar:hover:not(.expanded) .gantt-bar-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.gantt-bar-tooltip strong{font-size:13px;color:#0f172a;margin-bottom:2px;white-space:normal}.gantt-bar-tooltip span{font-size:11px;color:#64748b;white-space:nowrap}.gantt-bar-tooltip .tooltip-hint{margin-top:4px;font-size:10px;color:#94a3b8;font-style:italic}:root.dark .timeline-container,.dark .timeline-container{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);box-shadow:0 4px 20px #0003}:root.dark .gantt-bar-tooltip,.dark .gantt-bar-tooltip{background-color:#0f172a;border:1px solid rgba(255,255,255,.1)}:root.dark .gantt-bar-tooltip:after,.dark .gantt-bar-tooltip:after{background-color:#0f172a;border-bottom:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}:root.dark .timeline-sidebar,.dark .timeline-sidebar{background-color:var(--card-bg, #1e293b);border-right-color:var(--border-color, #334155);box-shadow:2px 0 10px #0003}:root.dark .timeline-sidebar-header,.dark .timeline-sidebar-header{background:color-mix(in srgb,var(--primary, #3b82f6) 60%,#0f172a);border-bottom:1px solid rgba(255,255,255,.2)}:root.dark .sidebar-item,.dark .sidebar-item{color:#f1f5f9;border-bottom-color:#ffffff1a}:root.dark .grid-header,.dark .grid-header{background:color-mix(in srgb,var(--primary, #3b82f6) 60%,#0f172a);border-bottom:1px solid rgba(255,255,255,.2)}:root.dark .timeline-grid-wrapper,.dark .timeline-grid-wrapper{background-color:var(--card-bg, #1e293b)}:root.dark .months-row,.dark .months-row{border-bottom-color:#fff3}:root.dark .month-cell,.dark .month-cell{color:#fff;border-right-color:#fff3}:root.dark .month-weeks-container,.dark .month-weeks-container{border-right-color:#fff3}:root.dark .week-cell,.dark .week-cell{border-right-color:#fff3;color:#f8fafc}:root.dark .grid-body,.dark .grid-body{--grid-line-color: rgba(255, 255, 255, .1)}:root.dark .grid-row,.dark .grid-row{border-bottom-color:#ffffff1a}:root.dark .gantt-bar-label,.dark .gantt-bar-label{filter:brightness(1.1)}:root.dark .gantt-bar.expanded,.dark .gantt-bar.expanded{background-color:#1e293b;box-shadow:0 10px 25px -5px #00000080}:root.dark .gantt-bar-details span,.dark .gantt-bar-details span{color:#94a3b8}:root.dark .grid-body,.dark .grid-body{background-image:linear-gradient(to right,var(--border-color, #334155) 1px,transparent 1px)}:root.dark .grid-row,.dark .grid-row{border-bottom-color:var(--border-color, #334155)}:root.dark .timeline-loading,.dark .timeline-loading,:root.dark .timeline-empty,.dark .timeline-empty{color:var(--text-muted)}.project-list-container{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #00000005;min-height:400px;margin-top:-16px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e2e8f0;gap:16px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:24px}.filter-controls{display:flex;align-items:center;gap:8px}.toolbar-right{display:flex;align-items:center;gap:24px}.sort-control{display:flex;align-items:center;gap:8px}.sort-label{font-size:13px;font-weight:500;color:#64748b}.search-box{display:flex;align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;height:38px;width:260px;transition:all .2s ease}.search-box:focus-within{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.search-box .search-icon{color:#94a3b8;margin-right:8px}.search-box input{border:none;background:transparent;outline:none;font-size:13px;color:#0f172a;width:100%}.toolbar-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{background-color:#f1f5f9;border-color:#e2e8f0}.toolbar-btn.active{color:var(--primary-active);background-color:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.toolbar-btn .btn-icon{opacity:.8}.view-switcher{display:flex;align-items:center;background-color:#f1f5f9;border-radius:8px;padding:2px}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s ease}.toolbar-icon-btn:hover{color:#334155}.toolbar-icon-btn.active{background-color:#fff;color:var(--primary-active);box-shadow:0 1px 2px #0000000d}.sort-select{padding:0 32px 0 12px;border-radius:6px;border:1px solid transparent;outline:none;height:36px;font-size:13px;font-weight:500;background-color:transparent;color:#475569;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;transition:all .2s ease}.sort-select:hover{background-color:#f1f5f9;border-color:#e2e8f0}.list-table-wrapper{flex-grow:1;overflow-x:auto}.list-table{width:100%;border-collapse:collapse;text-align:left}.list-table th{font-size:12px;font-weight:600;color:#64748b;padding:12px 16px;background-color:#f8fafc;border-bottom:2px solid #cbd5e1;white-space:nowrap}.list-table td{padding:12px 16px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.task-row:hover{background-color:#f8fafc}.col-checkbox{width:40px;text-align:center}.col-work{min-width:250px}.work-title{font-weight:500;color:#0f172a}.assignee-cell{display:flex;align-items:center;gap:8px}.assignee-avatar{width:24px;height:24px;background-color:#cbd5e1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.priority-label{display:inline-flex;align-items:center;justify-content:center;text-transform:capitalize;font-weight:600;font-size:11px;padding:4px 10px;border-radius:9999px;border:1px solid transparent;line-height:1}.priority-high{color:#ef4444;background-color:#fef2f2;border-color:#fca5a5}.priority-medium{color:#f59e0b;background-color:#fffbeb;border-color:#fcd34d}.priority-low{color:var(--primary);background-color:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.priority-default{color:#64748b;background-color:#f8fafc;border-color:#e2e8f0}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1;border:1px solid transparent;text-align:center;text-align-last:center}.badge-success{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.badge-progress{background-color:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary-active);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.badge-default{background-color:#f1f5f9;color:#475569;border-color:#e2e8f0}.table-loading{text-align:center;color:#64748b;padding:40px!important}.table-empty{padding:60px 20px!important}.empty-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;color:#64748b;max-width:400px;margin:0 auto}.empty-state-content img{width:120px;margin-bottom:16px;opacity:.7}.create-row td{padding:8px 16px;border-bottom:none}.create-inline-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;padding:6px 8px;border-radius:4px;transition:background .2s,color .2s}.create-inline-btn:hover{background-color:#f1f5f9;color:#0f172a}:root.dark .project-list-container,.dark .project-list-container{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .list-toolbar,.dark .list-toolbar{border-bottom-color:var(--border-color, #334155)}:root.dark .search-box,.dark .search-box{background-color:#0f172a66;border:1px solid rgba(255,255,255,.2)!important}:root.dark .search-box:focus-within,.dark .search-box:focus-within{background-color:var(--bg-color, #0f172a);border-color:var(--primary-main, var(--primary));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 15%,transparent)}:root.dark .toolbar-btn,.dark .toolbar-btn{color:var(--text-muted);border:1px solid rgba(255,255,255,.2)!important}:root.dark .toolbar-btn:hover,.dark .toolbar-btn:hover{background-color:var(--sidebar-hover, #1e293b);border-color:var(--border-color, #334155);color:var(--text-main)}:root.dark .toolbar-btn.active,.dark .toolbar-btn.active{background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary-main, var(--primary));border-color:color-mix(in srgb,var(--primary) 20%,transparent)}:root.dark .sort-select,.dark .sort-select{color:var(--text-main)}:root.dark .sort-select:hover,.dark .sort-select:hover{background-color:var(--sidebar-hover, #1e293b);border-color:var(--border-color, #334155)}:root.dark .view-switcher,.dark .view-switcher{background-color:#0f172a80}:root.dark .toolbar-icon-btn,.dark .toolbar-icon-btn{color:var(--text-muted)}:root.dark .toolbar-icon-btn:hover,.dark .toolbar-icon-btn:hover{color:var(--text-main)}:root.dark .toolbar-icon-btn.active,.dark .toolbar-icon-btn.active{background-color:var(--card-bg, #1e293b);color:var(--primary-main, var(--primary));box-shadow:0 1px 3px #0000004d}:root.dark .list-table th,.dark .list-table th{color:var(--text-muted);background-color:#0f172a99;border-bottom:2px solid rgba(255,255,255,.2)!important}:root.dark .list-table td,.dark .list-table td{color:var(--text-main);border-bottom-color:var(--border-color, #334155)}:root.dark .task-row:hover,.dark .task-row:hover{background-color:var(--sidebar-hover, #334155)}:root.dark .work-title,.dark .work-title{color:var(--text-main)}:root.dark .badge-default,.dark .badge-default{background-color:#64748b1a;color:var(--text-muted);border-color:#64748b33}:root.dark .badge-success,.dark .badge-success{background-color:#22c55e1a;color:#4ade80;border-color:#22c55e33}:root.dark .badge-progress,.dark .badge-progress{background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:color-mix(in srgb,var(--primary) 60%,transparent);border-color:color-mix(in srgb,var(--primary) 20%,transparent)}:root.dark .table-loading,.dark .table-loading,:root.dark .empty-state-content,.dark .empty-state-content{color:var(--text-muted)}:root.dark .create-inline-btn,.dark .create-inline-btn{color:var(--text-muted)}:root.dark .create-inline-btn:hover,.dark .create-inline-btn:hover{background-color:var(--sidebar-hover, #334155);color:var(--text-main)}:root.dark .priority-high,.dark .priority-high{background-color:#ef44441a;border-color:#ef444433}:root.dark .priority-medium,.dark .priority-medium{background-color:#f59e0b1a;border-color:#f59e0b33}:root.dark .priority-low,.dark .priority-low{background-color:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 20%,transparent)}:root.dark .priority-default,.dark .priority-default{background-color:#64748b1a;border-color:#64748b33}.project-settings-container{display:flex;justify-content:flex-start;padding:0 0 24px;margin-top:-16px;background-color:transparent;min-height:100%}.settings-form-wrapper{width:100%;max-width:900px;background-color:#fff;border-radius:12px;padding:24px 32px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0f172a0d,0 2px 4px -2px #0f172a0d}.settings-header{margin-bottom:12px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.settings-page-title{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 4px}.settings-subtitle{font-size:13px;color:#64748b;margin:0}.settings-loading{padding:40px;color:#64748b;font-size:14px}.settings-top-row{display:flex;align-items:center;gap:16px;margin-bottom:8px}.project-icon-section{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px}.project-icon-box{width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb33;flex-shrink:0;position:relative;overflow:hidden}.editable-icon{cursor:pointer}.icon-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.editable-icon:hover .icon-overlay{opacity:1}.icon-placeholder{color:#fff}.change-icon-label{color:#94a3b8;font-size:13px;font-weight:500;text-align:center;pointer-events:none}.name-group{flex:1}.settings-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.settings-row{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.form-group label{font-size:11px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.02em}.required-star{color:#ef4444}.form-input{width:100%;height:38px;padding:0 12px;font-size:13px;color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;transition:all .2s;box-sizing:border-box}.form-input::placeholder{color:#94a3b8}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.textarea-input{height:80px;padding:10px 12px;resize:none}.settings-message{padding:10px 14px;border-radius:6px;font-size:13px;font-weight:500;margin-bottom:4px}.settings-message.success{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.settings-message.error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.form-actions{display:flex;justify-content:flex-end;margin-top:8px;padding-top:16px}.save-btn{background-color:var(--primary);color:#fff;border:none;border-radius:6px;height:38px;padding:0 20px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;display:inline-flex;align-items:center;justify-content:center}.save-btn:hover:not(:disabled){background-color:var(--primary-hover)}.save-btn:active:not(:disabled){transform:scale(.98)}.save-btn:disabled{background-color:#94a3b8;cursor:not-allowed}@media (max-width: 768px){.settings-layout-grid{grid-template-columns:1fr;gap:24px}.project-icon-section{align-items:flex-start;flex-direction:row}.settings-row{grid-template-columns:1fr}.settings-form-wrapper{padding:20px}}:root.dark .project-settings-container,.dark .project-settings-container{background-color:var(--bg-color, #0f172a)}:root.dark .settings-form-wrapper,.dark .settings-form-wrapper{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);box-shadow:0 4px 6px -1px #0003}:root.dark .settings-header,.dark .settings-header{border-bottom-color:var(--border-color, #334155)}:root.dark .settings-page-title,.dark .settings-page-title{color:var(--text-main, #f8fafc)}:root.dark .settings-subtitle,.dark .settings-subtitle{color:var(--text-muted, #94a3b8)}:root.dark .settings-loading,.dark .settings-loading{color:var(--text-muted, #94a3b8)}:root.dark .change-icon-btn,.dark .change-icon-btn{color:var(--text-muted, #94a3b8)}:root.dark .change-icon-btn:hover,.dark .change-icon-btn:hover{color:var(--primary, #3b82f6);background-color:#3b82f61a}:root.dark .form-group label,.dark .form-group label{color:var(--text-muted, #94a3b8)}:root.dark .form-input,.dark .form-input{color:var(--text-main, #f8fafc);border-color:var(--border-color, #334155);background-color:#0f172a80}:root.dark .form-input::placeholder,.dark .form-input::placeholder{color:#64748b}:root.dark .form-input:focus,.dark .form-input:focus{background-color:var(--card-bg, #1e293b);border-color:var(--primary, #3b82f6)}:root.dark .settings-message.success,.dark .settings-message.success{background-color:#16653433;border-color:#16653480;color:#4ade80}:root.dark .settings-message.error,.dark .settings-message.error{background-color:#991b1b33;border-color:#991b1b80;color:#f87171}:root{--board-todo: #4F8DF7;--board-todo-bg: rgba(79, 141, 247, .04);--board-in-progress: #9B7AE8;--board-in-progress-bg: rgba(155, 122, 232, .04);--board-review: #E9A653;--board-review-bg: rgba(233, 166, 83, .04);--board-done: #55B889;--board-done-bg: rgba(85, 184, 137, .04)}.project-board-container{display:flex;flex-direction:column;min-height:500px;margin-top:-16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:transparent}.board-toolbar{display:flex;justify-content:flex-start;gap:16px;align-items:center;margin-bottom:24px}.search-box{display:flex;align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;height:38px;width:260px;box-shadow:0 1px 2px #00000005;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000a}.search-box .search-icon{color:#94a3b8;margin-right:8px;flex-shrink:0;min-width:18px;display:block}.search-box input{border:none;background:transparent;outline:none;font-size:14px;color:#0f172a;width:100%}.search-box input::placeholder{color:#94a3b8}.create-task-btn{display:flex;align-items:center;gap:8px;background-color:var(--active-tab-color, #4318FF);color:#fff;border:none;border-radius:8px;padding:0 16px;height:38px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 4px #4318ff26;transition:background-color .2s,transform .1s,box-shadow .2s}.create-task-btn:hover{filter:brightness(.9);box-shadow:0 4px 8px #4318ff33;transform:translateY(-1px)}.create-task-btn:active{transform:translateY(0)}.board-columns-wrapper{display:flex;gap:24px;overflow-x:auto;padding-bottom:24px;flex-grow:1}.board-column{flex:1;min-width:200px;max-width:none;border-radius:12px;display:flex;flex-direction:column;height:fit-content;border:1px solid transparent}.theme-todo,.theme-in-progress,.theme-review,.theme-done{background-color:transparent;border:none}.column-header{padding:16px 20px}.column-header h3{margin:0;font-size:13px;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between;gap:8px}.column-title-capsule{padding:4px 12px;border-radius:20px;border:none;font-size:12px;font-weight:600;color:#fff;transition:filter .2s ease;cursor:default;box-shadow:0 1px 2px #0000001a}.theme-todo .column-title-capsule{background-color:#2563eb}.theme-todo .column-title-capsule:hover{filter:brightness(.9)}.theme-in-progress .column-title-capsule{background-color:#7c3aed}.theme-in-progress .column-title-capsule:hover{filter:brightness(.9)}.theme-review .column-title-capsule{background-color:#ea580c}.theme-review .column-title-capsule:hover{filter:brightness(.9)}.theme-done .column-title-capsule{background-color:#059669}.theme-done .column-title-capsule:hover{filter:brightness(.9)}.task-count-badge{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:0}.theme-todo .task-count-badge{background-color:#4f8df726;color:#2563eb}.theme-in-progress .task-count-badge{background-color:#9b7ae826;color:#7c3aed}.theme-review .task-count-badge{background-color:#e9a65326;color:#d97706}.theme-done .task-count-badge{background-color:#55b88926;color:#059669}.column-body{padding:16px 20px;display:flex;flex-direction:column;gap:16px;flex-grow:1;min-height:150px}.task-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:8px;padding:16px;cursor:grab;box-shadow:0 1px 3px #0000000a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.theme-todo .task-card{border-left:3px solid var(--board-todo)}.theme-in-progress .task-card{border-left:3px solid var(--board-in-progress)}.theme-review .task-card{border-left:3px solid var(--board-review)}.theme-done .task-card{border-left:3px solid var(--board-done)}.task-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000000d;border-right-color:#e2e8f0;border-top-color:#e2e8f0;border-bottom-color:#e2e8f0}.task-card:active{cursor:grabbing;transform:translateY(-1px);box-shadow:0 4px 8px #0000000d;opacity:.9}.task-card-title{font-size:14px;color:#0f172a;font-weight:500;margin-bottom:16px;line-height:1.4;word-wrap:break-word}.task-card-footer{display:flex;justify-content:space-between;align-items:center}.task-priority{font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px}.priority-high{background-color:#fee2e2;color:#dc2626}.priority-medium{background-color:#ffedd5;color:#ea580c}.priority-low{background-color:#e0f2fe;color:#2563eb}.priority-default{background-color:#f1f5f9;color:#475569}.task-assignee{width:24px;height:24px;background-color:#e2e8f0;color:#475569;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:2px solid #ffffff;box-shadow:0 1px 2px #0000000d}.column-footer{padding:0 20px 20px}.add-card-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:#94a3b8;border:1px dashed #cbd5e1;border-radius:6px;padding:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-card-btn:hover{background-color:#00000005;color:#64748b;border-color:#94a3b8}:root.dark{--board-todo-bg: rgba(79, 141, 247, .08);--board-in-progress-bg: rgba(155, 122, 232, .08);--board-review-bg: rgba(233, 166, 83, .08);--board-done-bg: rgba(85, 184, 137, .08)}:root.dark .project-board-container,.dark .project-board-container{background-color:transparent}:root.dark .search-box,.dark .search-box{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .search-box input,.dark .search-box input{color:var(--text-main)}:root.dark .search-box input::placeholder,.dark .search-box input::placeholder{color:var(--text-muted)}:root.dark .board-column,.dark .board-column{border-color:transparent}:root.dark .column-header,.dark .column-header{border-bottom-color:#ffffff0d}:root.dark .column-header h3,.dark .column-header h3{color:var(--text-main)}:root.dark .task-card,.dark .task-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);box-shadow:0 2px 4px #0003}:root.dark .task-card-title,.dark .task-card-title{color:var(--text-main)}:root.dark .task-card:hover,.dark .task-card:hover{border-right-color:var(--text-muted);border-top-color:var(--text-muted);border-bottom-color:var(--text-muted);box-shadow:0 6px 12px #0000004d}:root.dark .priority-high,.dark .priority-high{background-color:#dc262633;color:#fca5a5}:root.dark .priority-medium,.dark .priority-medium{background-color:#ea580c33;color:#fdba74}:root.dark .priority-low,.dark .priority-low{background-color:#2563eb33;color:#93c5fd}:root.dark .priority-default,.dark .priority-default{background-color:#47556966;color:#cbd5e1}:root.dark .task-assignee,.dark .task-assignee{background-color:#334155;color:#f8fafc;border-color:var(--card-bg, #1e293b)}:root.dark .add-card-btn,.dark .add-card-btn{border-color:var(--border-color, #334155);color:var(--text-muted)}:root.dark .add-card-btn:hover,.dark .add-card-btn:hover{background-color:#ffffff0d;color:var(--text-main)}.ur-container{flex:1;width:100%;height:100%;box-sizing:border-box;padding:0;margin-top:-8px;background-color:transparent;color:#0f172a}.ur-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ur-header-title h1{font-size:26px;font-weight:700;margin:0 0 6px;color:#0f172a;letter-spacing:-.5px}.ur-header-title p{margin:0;color:#64748b;font-size:14px}.ur-header-actions{display:flex;align-items:center;gap:16px}.btn-back-home{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color, #e2e8f0);background-color:transparent;cursor:pointer;color:var(--text-main, #334155);transition:all .2s;padding:0;flex-shrink:0}.btn-back-home:hover{background-color:var(--primary, #0052cc);color:#fff;border-color:var(--primary, #0052cc);transform:scale(1.05)}.ur-loading,.ur-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;color:#64748b}.ur-table-container{background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #00000005;margin-bottom:16px}.ur-table{width:100%;border-collapse:collapse;text-align:left}.ur-table th{background-color:#f8fafc;padding:12px 16px;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.ur-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.ur-table tr:last-child td{border-bottom:none}.ur-table tr:hover{background-color:#f1f5f9}.fw-500{font-weight:500}.text-sm{font-size:14px}.text-gray{color:#64748b}.status-icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.status-icon-btn:disabled{cursor:default}.status-icon-btn.pending{color:#eab308;background-color:#fef9c3}.status-icon-btn.pending:hover{background-color:#fef08a}.status-icon-btn.on_process{color:#0ea5e9;background-color:#e0f2fe}.status-icon-btn.on_process:hover{background-color:#bae6fd}.status-icon-btn.done{color:#22c55e;background-color:#dcfce7}.ur-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px}.pagination-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;padding:6px 12px;border-radius:6px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8fafc;color:#0f172a}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#64748b;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1100}.modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;box-shadow:0 10px 25px #0000001a;animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#0f172a}.close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-btn:hover{background-color:#f1f5f9;color:#0f172a}.modal-body,form{padding:24px;overflow-y:auto}.modal-desc{margin:0 0 16px;font-size:14px;color:#475569;line-height:1.5}.form-group{margin-bottom:16px;display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:#334155;margin-bottom:8px}.required{color:#ef4444}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;color:#0f172a;outline:none;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:#0052cc;box-shadow:0 0 0 2px #0052cc1a}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.btn-secondary{padding:10px 16px;background-color:#f8fafc;color:#475569;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:#f1f5f9;color:#0f172a}.detail-box{padding:12px;background-color:#f8fafc;border-radius:8px;margin-top:4px;white-space:pre-wrap;word-wrap:break-word;color:#0f172a}:root.dark .ur-container,.dark .ur-container{color:var(--text-main)}:root.dark .ur-header-title h1,.dark .ur-header-title h1{color:var(--text-main)}:root.dark .ur-header-title p,.dark .ur-header-title p{color:var(--text-muted)}:root.dark .ur-loading,.dark .ur-loading,:root.dark .ur-empty,.dark .ur-empty{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155);color:var(--text-muted)}:root.dark .ur-table-container,.dark .ur-table-container{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .ur-table th,.dark .ur-table th{background-color:var(--sidebar-hover, #334155);color:var(--text-muted);border-bottom-color:var(--border-color, #334155)}:root.dark .ur-table td,.dark .ur-table td{border-bottom-color:var(--border-color, #334155)}:root.dark .ur-table tr:hover,.dark .ur-table tr:hover{background-color:var(--sidebar-hover, #1e293b)}:root.dark .text-gray,.dark .text-gray{color:var(--text-muted)}:root.dark .status-icon-btn.pending,.dark .status-icon-btn.pending{background-color:#eab30833}:root.dark .status-icon-btn.pending:hover,.dark .status-icon-btn.pending:hover{background-color:#eab3084d}:root.dark .status-icon-btn.on_process,.dark .status-icon-btn.on_process{background-color:#0ea5e933}:root.dark .status-icon-btn.on_process:hover,.dark .status-icon-btn.on_process:hover{background-color:#0ea5e94d}:root.dark .status-icon-btn.done,.dark .status-icon-btn.done{background-color:#22c55e33}:root.dark .pagination-btn,.dark .pagination-btn{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155);color:var(--text-muted)}:root.dark .pagination-btn:hover:not(:disabled),.dark .pagination-btn:hover:not(:disabled){background-color:var(--sidebar-hover, #1e293b);color:var(--text-main);border-color:var(--primary)}:root.dark .pagination-btn:disabled,.dark .pagination-btn:disabled{background-color:transparent;color:var(--border-color);border-color:var(--border-color)}:root.dark .pagination-info,.dark .pagination-info{color:var(--text-muted)}:root.dark .modal-content,.dark .modal-content{background-color:var(--card-bg, #1e293b);color:var(--text-main)}:root.dark .modal-header,.dark .modal-header{border-bottom-color:var(--border-color, #334155)}:root.dark .modal-header h2,.dark .modal-header h2{color:var(--text-main)}:root.dark .close-btn,.dark .close-btn{color:var(--text-muted)}:root.dark .close-btn:hover,.dark .close-btn:hover{background-color:var(--sidebar-hover, #334155);color:var(--text-main)}:root.dark .modal-desc,.dark .modal-desc{color:var(--text-muted)}:root.dark .form-group label,.dark .form-group label{color:var(--text-main)}:root.dark .form-group input,.dark .form-group input,:root.dark .form-group textarea,.dark .form-group textarea{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155);color:var(--text-main)}:root.dark .form-group input:focus,.dark .form-group input:focus,:root.dark .form-group textarea:focus,.dark .form-group textarea:focus{background-color:var(--bg-color, #0f172a)}:root.dark .modal-footer,.dark .modal-footer{border-top-color:var(--border-color, #334155)}:root.dark .btn-secondary,.dark .btn-secondary{background-color:var(--bg-color, #0f172a);border-color:var(--border-color, #334155);color:var(--text-main)}:root.dark .btn-secondary:hover,.dark .btn-secondary:hover{background-color:var(--sidebar-hover, #334155);color:var(--text-main)}:root.dark .detail-row .fw-500,.dark .detail-row .fw-500{color:var(--text-main)}:root.dark .detail-box,.dark .detail-box{background-color:var(--bg-color, #0f172a);color:var(--text-main)}:root.dark .modal-footer,.dark .modal-footer{background-color:transparent}:root.dark .btn-back-home,.dark .btn-back-home{border-color:var(--border-color, #334155);color:var(--text-main, #f8fafc)}@media (max-width: 1024px){.header-actions{flex-wrap:wrap}.filter-controls{flex-direction:column;align-items:stretch}.search-wrapper,.filter-select{width:100%}.ur-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.ur-table{min-width:900px}.modal-content{width:95%;margin:10px}}.ms-container{flex:1;width:100%;height:100%;box-sizing:border-box;padding:0;margin-top:-8px;background-color:transparent;color:var(--text-main, #0f172a);animation:msFadeIn .4s ease-out}@keyframes msFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;position:relative;z-index:10}.ms-header-title-container{display:flex;align-items:center;gap:20px}.ms-header-title h1{font-size:24px;font-weight:700;margin:0 0 4px;color:var(--text-main);letter-spacing:-.5px}.ms-header-title p{margin:0;color:#64748b;font-size:13px;font-weight:500}.ms-header-actions{display:flex;align-items:center;gap:16px}.btn-back-home{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(226,232,240,.8);background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#334155;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;flex-shrink:0;box-shadow:0 2px 4px #00000005}.btn-back-home:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.08) rotate(-5deg);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.search-bar{display:flex;align-items:center;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:9999px;padding:6px 12px;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000005}.search-bar:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent),inset 0 2px 4px #00000005}.search-icon{color:#94a3b8;margin-right:10px;transition:color .3s}.search-bar:focus-within .search-icon{color:var(--primary)}.search-bar input{border:none;background:transparent;outline:none;font-size:13px;color:#1e293b;width:200px;font-weight:500}.search-bar input:focus{outline:none!important;box-shadow:none!important;border:none!important}.search-bar input::placeholder{color:#94a3b8;font-weight:400}.view-toggle{display:flex;background:#f1f5f9cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;padding:4px;border:1px solid rgba(226,232,240,.6)}.toggle-btn{background:transparent;border:none;color:#64748b;padding:6px 10px;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-btn:hover{color:#1e293b;background:#fff6}.toggle-btn.active{background-color:#fff;color:var(--primary);box-shadow:0 2px 8px #00000014;transform:scale(1.05)}.btn-primary{display:flex;align-items:center;gap:6px;background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:9999px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 40%,transparent)}.btn-primary:active{transform:translateY(0)}.ms-loading,.ms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;background:#fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(226,232,240,.8);color:#64748b;box-shadow:0 10px 30px -10px #0000000d}.empty-icon{margin-bottom:20px;color:#cbd5e1;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.ms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.ms-card{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:24px;cursor:pointer;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px -2px #00000008,inset 0 0 0 1px #ffffff80;position:relative;overflow:hidden}.ms-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary);opacity:0;transition:opacity .3s}.ms-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 30px -5px #00000014,0 8px 15px -5px color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.ms-card:hover:before{opacity:1}.ms-card-header{display:flex;justify-content:flex-end;margin-bottom:16px}.ms-card-date{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--primary);background-color:color-mix(in srgb,var(--primary) 10%,transparent);padding:6px 12px;border-radius:9999px;transition:all .3s}.ms-card:hover .ms-card-date{background-color:var(--primary);color:#fff}.ms-card-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 12px;line-height:1.4;transition:color .3s}.ms-card:hover .ms-card-title{color:var(--primary)}.ms-card-snippet{font-size:14px;color:#475569;line-height:1.6;margin:0 0 20px;flex:1}.ms-card-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(226,232,240,.6);display:flex;align-items:center;justify-content:flex-start}.read-more{font-size:13px;font-weight:600;color:var(--primary);position:relative;display:inline-flex;align-items:center}.read-more:after{content:"→";margin-left:6px;opacity:0;transform:translate(-10px);transition:all .3s ease}.ms-card:hover .read-more:after{opacity:1;transform:translate(0)}.ms-list{background:#ffffffb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;border:1px solid rgba(255,255,255,.4);overflow:hidden;box-shadow:0 10px 30px -10px #0000000d}.ms-table{width:100%;border-collapse:collapse;text-align:left}.ms-table th{background:#f8fafccc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px 24px;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid rgba(226,232,240,.8)}.ms-table td{padding:20px 24px;border-bottom:1px solid rgba(226,232,240,.6);vertical-align:top}.ms-table tr{cursor:pointer;transition:all .3s ease}.ms-table tr:hover{background:#f1f5f999;transform:scale(1.001);box-shadow:0 4px 12px #00000005}.ms-table tr:last-child td{border-bottom:none}.ms-list-date{font-size:14px;font-weight:600;color:var(--primary);white-space:nowrap}.ms-list-title{font-size:16px;font-weight:700;color:#1e293b}.ms-list-snippet{font-size:14px;color:#475569;line-height:1.6}.ms-form-modal{max-width:600px}.disabled-input{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.ms-detail-modal{max-width:700px;max-height:calc(100vh - 80px);margin-top:64px;display:flex;flex-direction:column}.ms-detail-body{overflow-y:auto;flex:1;padding-right:16px}.ms-detail-body::-webkit-scrollbar{width:6px}.ms-detail-body::-webkit-scrollbar-track{background:transparent}.ms-detail-body::-webkit-scrollbar-thumb{background-color:#cbd5e199;border-radius:20px}.ms-detail-meta{display:flex;gap:32px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px dashed rgba(226,232,240,.8)}.meta-item{display:flex;flex-direction:column;gap:6px}.meta-label{font-size:12px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.8px}.meta-value{font-size:15px;color:#0f172a;font-weight:600}.ms-detail-content h3{font-size:20px;font-weight:800;color:#1e293b;margin:0 0 16px;letter-spacing:-.3px}.ms-summary-text p{margin:0 0 16px;line-height:1.8;color:#334155;font-size:15px}:root.dark .ms-container,.dark .ms-container{color:var(--text-main)}:root.dark .ms-header-title p,.dark .ms-header-title p{color:var(--text-muted)}:root.dark .search-bar,.dark .search-bar{background:#1e293bb3;border-color:#334155cc}:root.dark .search-bar:focus-within,.dark .search-bar:focus-within{background:#1e293bf2;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}:root.dark .search-bar input,.dark .search-bar input{color:#f8fafc;background:transparent!important;border-radius:0!important}:root.dark .search-bar input:focus,.dark .search-bar input:focus{outline:none!important;box-shadow:none!important;border:none!important}:root.dark .view-toggle,.dark .view-toggle{background-color:#1e293bcc;border-color:#334155cc}:root.dark .toggle-btn,.dark .toggle-btn{color:var(--text-muted)}:root.dark .toggle-btn:hover,.dark .toggle-btn:hover{color:var(--text-main);background:#ffffff1a}:root.dark .toggle-btn.active,.dark .toggle-btn.active{background-color:var(--sidebar-hover, #334155);color:var(--primary)}:root.dark .ms-loading,.dark .ms-loading,:root.dark .ms-empty,.dark .ms-empty{background-color:#1e293b66;border-color:#334155cc;color:var(--text-muted)}:root.dark .ms-card,.dark .ms-card{background:#1e293b99;border-color:#ffffff1a;box-shadow:0 4px 20px -2px #0003,inset 0 0 0 1px #ffffff0d}:root.dark .ms-card:hover,.dark .ms-card:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent);box-shadow:0 12px 30px -5px #0000004d,0 8px 15px -5px color-mix(in srgb,var(--primary) 20%,transparent)}:root.dark .ms-card-date,.dark .ms-card-date{background-color:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);border-top-color:#ffffff0d}:root.dark .ms-card:hover .ms-card-date,.dark .ms-card:hover .ms-card-date{background-color:var(--primary);color:#0f172a}:root.dark .ms-card-title,.dark .ms-card-title{color:var(--text-main)}:root.dark .ms-card:hover .ms-card-title,.dark .ms-card:hover .ms-card-title{color:var(--primary)}:root.dark .ms-card-snippet,.dark .ms-card-snippet{color:var(--text-muted)}:root.dark .ms-card-footer,.dark .ms-card-footer{border-top-color:#ffffff0d}:root.dark .read-more,.dark .read-more{color:var(--primary)}:root.dark .ms-list,.dark .ms-list{background:#1e293b99;border-color:#ffffff1a}:root.dark .ms-table th,.dark .ms-table th{background-color:#0f172a99;color:var(--text-muted);border-bottom-color:#ffffff0d}:root.dark .ms-table td,.dark .ms-table td{border-bottom-color:#ffffff0d}:root.dark .ms-table tr:hover,.dark .ms-table tr:hover{background-color:#33415566}:root.dark .ms-list-date,.dark .ms-list-date{color:var(--primary)}:root.dark .ms-list-title,.dark .ms-list-title{color:var(--text-main)}:root.dark .ms-list-snippet,.dark .ms-list-snippet{color:var(--text-muted)}:root.dark .disabled-input,.dark .disabled-input{background-color:var(--sidebar-hover, #1e293b);color:var(--text-muted);border-color:var(--border-color, #334155)}:root.dark .ms-detail-meta,.dark .ms-detail-meta{border-bottom-color:#ffffff1a}:root.dark .meta-label,.dark .meta-label{color:var(--text-muted)}:root.dark .meta-value,.dark .meta-value{color:var(--text-main)}:root.dark .ms-detail-content h3,.dark .ms-detail-content h3{color:var(--text-main)}:root.dark .ms-summary-text p,.dark .ms-summary-text p{color:#fffc}:root.dark .btn-back-home,.dark .btn-back-home{border-color:#ffffff1a;background:#1e293b99;color:var(--text-main, #f8fafc)}:root.dark .btn-back-home:hover,.dark .btn-back-home:hover{background:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6)}.content-area.rdw-dashboard-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1300px;margin:0 auto;min-height:calc(100vh - 64px);flex:1;animation:fadeIn .3s ease-in-out;box-sizing:border-box;padding:1rem 2rem 2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rdw-top-banner{background:color-mix(in srgb,var(--card-bg, #ffffff) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 8px 30px #0000000a,0 0 0 1px color-mix(in srgb,var(--primary) 5%,transparent);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;width:100%;box-sizing:border-box;flex-shrink:0;transition:box-shadow .3s ease}.rdw-top-banner h1{font-size:1.5rem;font-weight:700;color:var(--text-main, #0f172a);margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:.75rem}.rdw-banner-icon{color:var(--primary);filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--primary) 40%,transparent))}.rdw-top-banner p{color:var(--text-muted, #64748b);font-size:.875rem;margin:.25rem 0 0}.rdw-status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:color-mix(in srgb,#10b981 10%,transparent);color:#10b981;border-radius:50px;font-size:.8125rem;font-weight:600;border:1px solid color-mix(in srgb,#10b981 20%,transparent);box-shadow:0 2px 10px color-mix(in srgb,#10b981 10%,transparent)}.rdw-status-pill-primary{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);box-shadow:0 2px 10px color-mix(in srgb,var(--primary) 10%,transparent)}.rdw-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse 2s infinite}.rdw-status-dot-primary{background:var(--primary);box-shadow:0 0 8px var(--primary)}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}.rdw-content-panel{background:color-mix(in srgb,var(--card-bg, #ffffff) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);border-radius:16px;padding:2rem;box-shadow:0 8px 30px #0000000a,0 0 0 1px color-mix(in srgb,var(--primary) 5%,transparent);flex:1;display:flex;flex-direction:column;width:100%;box-sizing:border-box;min-height:min-content;margin-bottom:1rem}.rdw-tab-container{display:flex;flex-direction:column;flex:1;width:100%;box-sizing:border-box}.rdw-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--primary) 10%,var(--border-thin, #e2e8f0));flex-wrap:wrap;gap:1rem;width:100%;flex-shrink:0}.rdw-section-header h2{font-size:1.25rem;font-weight:700;color:var(--text-main, #0f172a);margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:.75rem}.rdw-section-header .tab-icon{color:var(--primary)}.rdw-section-header p{font-size:.875rem;color:var(--text-muted, #64748b);margin:.5rem 0 0}.rdw-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;width:100%;margin-top:.5rem}.rdw-folder-card{position:relative;background:color-mix(in srgb,var(--folder-color, var(--primary)) 18%,var(--card-bg, #ffffff));border:1px solid color-mix(in srgb,var(--folder-color, var(--primary)) 60%,transparent);border-radius:0 16px 16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 15px #0000000a;margin-top:24px}.rdw-folder-card:before{content:"";position:absolute;top:-24px;left:-1px;width:45%;min-width:100px;height:25px;background:color-mix(in srgb,var(--folder-color, var(--primary)) 25%,var(--card-bg, #ffffff));border:1px solid color-mix(in srgb,var(--folder-color, var(--primary)) 60%,transparent);border-bottom:2px solid color-mix(in srgb,var(--folder-color, var(--primary)) 25%,var(--card-bg, #ffffff));border-radius:12px 16px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.rdw-folder-card:hover{background:color-mix(in srgb,var(--folder-color, var(--primary)) 30%,var(--card-bg, #ffffff));border-color:var(--folder-color, var(--primary));box-shadow:0 12px 30px -5px color-mix(in srgb,var(--folder-color, var(--primary)) 40%,transparent);transform:translateY(-4px)}.rdw-folder-card:hover:before{background:color-mix(in srgb,var(--folder-color, var(--primary)) 35%,var(--card-bg, #ffffff));border-color:var(--folder-color, var(--primary));border-bottom:2px solid color-mix(in srgb,var(--folder-color, var(--primary)) 35%,var(--card-bg, #ffffff))}.rdw-table-wrapper{width:100%;max-width:100%;overflow-x:auto;border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);border-radius:16px;background:color-mix(in srgb,var(--card-bg, #ffffff) 60%,transparent);margin-top:1rem;box-sizing:border-box;flex:1;box-shadow:0 4px 15px #00000005}.rdw-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.rdw-table th{background:color-mix(in srgb,var(--primary) 5%,transparent);padding:1.25rem 1.5rem;font-weight:600;color:var(--text-main, #0f172a);border-bottom:2px solid color-mix(in srgb,var(--primary) 10%,transparent);white-space:nowrap}.rdw-table td{padding:1.25rem 1.5rem;color:var(--text-muted, #475569);border-bottom:1px solid color-mix(in srgb,var(--border-thin, #e2e8f0) 50%,transparent);vertical-align:middle}.rdw-table tr:last-child td{border-bottom:none}input[type=file].rdw-input{cursor:pointer;color:var(--text-muted, #64748b);padding:.35rem .75rem;font-size:.85rem}input[type=file].rdw-input::file-selector-button{background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.75rem;cursor:pointer;margin-right:.75rem;transition:all .2s ease;font-family:inherit}input[type=file].rdw-input:hover::file-selector-button{background:var(--primary);color:#fff;border-color:var(--primary)}.rdw-btn-success{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.rdw-btn-success:hover{background:#10b981;color:#fff}.rdw-badge{display:inline-block;padding:.25rem .75rem!important;border-radius:9999px!important;font-size:.75rem;font-weight:600;border:1px solid currentColor!important}.rdw-table tr:hover{background:color-mix(in srgb,var(--primary) 3%,transparent)}.rdw-table tr td:first-child{font-weight:600;color:var(--text-main, #0f172a)}.rdw-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;background:color-mix(in srgb,var(--primary) 3%,transparent);padding:2rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--primary) 8%,transparent);margin-bottom:2rem;width:100%;box-sizing:border-box;flex-shrink:0}.rdw-input-group{display:flex;flex-direction:column;gap:.5rem}.rdw-input-group label{font-size:.85rem;font-weight:600;color:var(--text-main, #0f172a)}.rdw-input,.rdw-select,.rdw-textarea{width:100%;padding:.75rem 1rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-thin, #cbd5e1) 80%,transparent);background:var(--card-bg, #ffffff);color:var(--text-main, #0f172a);font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;box-shadow:inset 0 2px 4px #00000005}.rdw-input:focus,.rdw-select:focus,.rdw-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent),inset 0 2px 4px #00000005}.rdw-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}:root.dark .btn-export-excel,.dark .btn-export-excel{font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.rdw-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 40%,transparent);filter:brightness(1.1)}.rdw-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.rdw-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:color-mix(in srgb,var(--card-bg, #ffffff) 60%,transparent);color:var(--text-main, #0f172a);border:1px solid color-mix(in srgb,var(--border-thin, #cbd5e1) 80%,transparent);border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.rdw-btn-secondary:hover{background:color-mix(in srgb,var(--primary) 5%,transparent);border-color:var(--primary);color:var(--primary)}.rdw-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:color-mix(in srgb,var(--primary) 5%,transparent);color:var(--primary);border:1px solid var(--primary);border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.rdw-btn-outline:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 15%,transparent)}.rdw-btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.rdw-btn-danger:hover{background:#ef4444;color:#fff}.rdw-badge-machine{display:inline-block;padding:.35rem .75rem;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.rdw-badge-green{background:#10b9811a;color:#10b981}.rdw-badge-red{background:#ef44441a;color:#ef4444}.rdw-badge-blue{background:#3b82f61a;color:#3b82f6}.rdw-badge-orange{background:#f59e0b1a;color:#f59e0b}.rdw-badge-gray{background:#94a3b826;color:#64748b}.rdw-tutorial-image-container .rdw-tutorial-page-badge{position:absolute;top:10px;left:10px;background:#ffffffd9;color:var(--primary);font-weight:700;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 10px #0000001a;padding:.35rem .75rem;border-radius:9999px;opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.rdw-tutorial-image-container:hover .rdw-tutorial-page-badge{opacity:1;transform:translateY(0)}.rdw-tutorial-image-container img{transition:transform .4s cubic-bezier(.4,0,.2,1)}.rdw-tutorial-image-container:hover img{transform:scale(1.05)}@media (max-width: 1024px){.content-area.rdw-dashboard-container{padding:1.5rem}.rdw-top-banner{padding:1rem 1.5rem}.rdw-content-panel{padding:1.5rem}}@media (max-width: 768px){.content-area.rdw-dashboard-container{padding:1rem;gap:1rem}.rdw-top-banner{flex-direction:column;padding:1rem;align-items:flex-start}.rdw-content-panel{padding:1rem}.rdw-grid-cards{grid-template-columns:1fr;gap:1rem}.rdw-section-header{flex-direction:column;align-items:flex-start;margin-bottom:1rem}.rdw-btn-secondary{width:100%;margin-top:.5rem}}.btn-export-excel{background-color:#f0fdf4!important;color:#16a34a!important;border-color:#bbf7d0!important}.btn-export-excel:hover{background-color:#dcfce7!important;color:#15803d!important}:root.dark .btn-export-excel,.dark .btn-export-excel{background-color:#16a34a26!important;color:#4ade80!important;border-color:#16a34a4d!important}:root.dark .btn-export-excel:hover,.dark .btn-export-excel:hover{background-color:#16a34a40!important;color:#22c55e!important}.rdw-modal-close-btn{background:#fee2e2;border:none;cursor:pointer;color:#ef4444;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:-4px;margin-right:-4px}.rdw-modal-close-btn:hover{background:#fca5a5;color:#b91c1c}:root.dark .rdw-modal-close-btn,.dark .rdw-modal-close-btn{background:#ef444426;color:#f87171}:root.dark .rdw-modal-close-btn:hover,.dark .rdw-modal-close-btn:hover{background:#ef444440;color:#fca5a5}.rdw-folder-card-edr{flex:1;padding:1.5rem;border-radius:16px;background-color:#eff6ff;border:1px solid #bfdbfe;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #3b82f60d;display:flex;flex-direction:column;align-items:center;text-align:center}.rdw-folder-card-edr:hover{transform:translateY(-4px)}.rdw-folder-card-edr .icon-bg{background:#dbeafe;padding:16px;border-radius:50%;margin-bottom:12px}.rdw-folder-card-edr h4{margin:0 0 8px;font-size:1.15rem;color:#1e3a8a}.rdw-folder-card-edr p{margin:0;font-size:.85rem;color:#475569;line-height:1.4}:root.dark .rdw-folder-card-edr,.dark .rdw-folder-card-edr{background-color:#3b82f61a;border-color:#3b82f633}:root.dark .rdw-folder-card-edr .icon-bg,.dark .rdw-folder-card-edr .icon-bg{background:#3b82f633}:root.dark .rdw-folder-card-edr h4,.dark .rdw-folder-card-edr h4{color:#93c5fd}:root.dark .rdw-folder-card-edr p,.dark .rdw-folder-card-edr p{color:var(--text-muted)}.rdw-folder-card-nesting{flex:1;padding:1.5rem;border-radius:16px;background-color:#f0fdf4;border:1px solid #bbf7d0;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #10b9810d;display:flex;flex-direction:column;align-items:center;text-align:center}.rdw-folder-card-nesting:hover{transform:translateY(-4px)}.rdw-folder-card-nesting .icon-bg{background:#dcfce7;padding:16px;border-radius:50%;margin-bottom:12px}.rdw-folder-card-nesting h4{margin:0 0 8px;font-size:1.15rem;color:#064e3b}.rdw-folder-card-nesting p{margin:0;font-size:.85rem;color:#475569;line-height:1.4}:root.dark .rdw-folder-card-nesting,.dark .rdw-folder-card-nesting{background-color:#10b9811a;border-color:#10b98133}:root.dark .rdw-folder-card-nesting .icon-bg,.dark .rdw-folder-card-nesting .icon-bg{background:#10b98133}:root.dark .rdw-folder-card-nesting h4,.dark .rdw-folder-card-nesting h4{color:#6ee7b7}:root.dark .rdw-folder-card-nesting p,.dark .rdw-folder-card-nesting p{color:var(--text-muted)}.tier-tabs{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--border-thin) 40%,transparent);padding:6px;border-radius:12px;margin-bottom:24px;border:1px solid color-mix(in srgb,var(--border-thin) 50%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}:root.dark .tier-tabs{background:#0003;border-color:#ffffff0d}.tier-tab{padding:8px 16px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;position:relative;z-index:1}.tier-tab:hover:not(.active){color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}:root.dark .tier-tab:hover:not(.active){color:#fff;background:color-mix(in srgb,var(--primary) 15%,transparent)}.tier-tab.active{color:#fff!important;background:var(--primary);font-weight:600;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 30%,transparent),0 1px 2px #0000000a}:root.dark .tier-tab.active{background:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 40%,transparent);color:#fff!important}:root.dark .tier-tab.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:inset 0 1px #ffffff1a;pointer-events:none}.tier-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.tier-summary-card{background:var(--bg-white);border:1px solid color-mix(in srgb,var(--primary-color) 15%,var(--border-thin));border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000008;position:relative;overflow:hidden}.tier-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff6,#fff0);pointer-events:none;opacity:0;transition:opacity .3s}.tier-summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;border-color:color-mix(in srgb,var(--primary-color) 30%,var(--border-thin))}.tier-summary-card:hover:before{opacity:1}.tier-summary-card .card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.tier-summary-card:hover .card-icon{transform:scale(1.05) rotate(-5deg)}.tier-summary-card .card-icon.total{background:#e0e7ff;color:#4338ca}.tier-summary-card .card-icon.progress{background:#dbeafe;color:#1d4ed8}.tier-summary-card .card-icon.overdue{background:#fee2e2;color:#b91c1c}.tier-summary-card .card-icon.complete{background:#d1fae5;color:#047857}.tier-summary-card .card-icon.hold{background:#fef3c7;color:#b45309}.tier-summary-card .card-info h3{font-size:28px;font-weight:700;margin:0;color:var(--text-main);line-height:1}.tier-summary-card .card-info p{font-size:13px;color:var(--text-muted);margin:4px 0 0}.tier-status{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.tier-status.open{background:#eff6ff;color:#2563eb}.tier-status.on_progress{background:#fef3c7;color:#d97706}.tier-status.hold{background:#fef2f2;color:#dc2626}.tier-status.complete{background:#d1fae5;color:#059669}.tier-status.cancel{background:#f1f5f9;color:#64748b;text-decoration:line-through}.tier-status.overdue{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.tier-progress-bar{width:100%;max-width:120px;height:16px;background:#e2e8f0;border-radius:8px;overflow:hidden;position:relative}.tier-progress-bar .fill{height:100%;border-radius:8px;transition:width .3s ease}.tier-progress-bar .fill.low{background:linear-gradient(90deg,#ef4444,#f87171)}.tier-progress-bar .fill.mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.tier-progress-bar .fill.high{background:linear-gradient(90deg,#10b981,#34d399)}.tier-progress-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:2;pointer-events:none}.tier-table{width:100%;border-collapse:collapse;font-size:13px}.tier-table th{background:var(--bg-slate);padding:10px 8px;text-align:left;font-weight:600;color:var(--text-muted);border-bottom:2px solid var(--border-thin);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;position:sticky;top:0;z-index:5}.tier-table th:hover{background:#e2e8f0}.tier-table th .sort-arrow{display:inline-block;margin-left:4px;font-size:10px;opacity:.5}.tier-table th .sort-arrow.active{opacity:1;color:var(--primary-color)}.tier-table td{padding:10px 8px;border-bottom:1px solid var(--border-thin);color:var(--text-main);vertical-align:middle}.tier-table tbody tr{transition:background .15s}.tier-table tbody tr:hover{background:var(--bg-slate)}.tier-table tbody tr.overdue-row{background:#fff5f5}.tier-table tbody tr.overdue-row:hover{background:#fed7d7}.tier-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .15s ease}.tier-modal{background:#fff;border-radius:12px;max-width:800px;width:95%;max-height:90vh;overflow:hidden;box-shadow:0 10px 40px #00000014,0 1px 3px #0000000d;border:1px solid #e5e7eb;animation:slideUp .2s ease;display:flex;flex-direction:column}.tier-modal-header{padding:24px 32px 16px;border-bottom:1px solid transparent;display:flex;align-items:flex-start;justify-content:space-between;background:#fff;border-radius:12px 12px 0 0}.tier-modal-header-text h2{margin:0 0 4px;font-size:20px;font-weight:600;color:#111827;letter-spacing:-.01em}.tier-modal-header-text p{margin:0;font-size:13px;color:#6b7280}.tier-stepper{display:flex;align-items:center;gap:16px;padding:12px 32px;background:#f9fafb;border-bottom:1px solid #f3f4f6;font-size:13px;font-weight:500;color:#9ca3af}.tier-step{display:flex;align-items:center;gap:8px}.tier-step.active{color:var(--primary-color, #2563eb);font-weight:600}.tier-step-separator{color:#d1d5db}.tier-modal-body{padding:32px;display:flex;flex-direction:column;gap:40px;overflow-y:auto;flex:1}.tier-modal-footer{padding:16px 32px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:12px;background:#fff;border-radius:0 0 12px 12px}.tier-form-section{display:flex;flex-direction:column;gap:24px}.tier-form-section-header{margin-bottom:0}.tier-form-section-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px;display:flex;align-items:center;gap:8px}.tier-form-section-subtitle{font-size:13px;color:#6b7280;margin:0}.tier-form-group{display:flex;flex-direction:column;gap:8px}.tier-form-group label{font-size:13px;font-weight:500;color:#374151;margin:0}.tier-form-group label .required{color:#ef4444;margin-left:2px}.tier-form-group label .optional{color:#9ca3af;font-weight:400;margin-left:4px}.tier-form-group input,.tier-form-group select,.tier-form-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#111827;transition:all .15s ease;box-sizing:border-box;font-family:inherit}.tier-form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px;cursor:pointer}.tier-form-group input:hover,.tier-form-group select:hover,.tier-form-group textarea:hover{border-color:#9ca3af}.tier-form-group input:focus,.tier-form-group select:focus,.tier-form-group textarea:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb26}.tier-form-group textarea{min-height:100px;resize:vertical}.tier-progress-control{display:flex;align-items:center;gap:12px;height:42px}.tier-progress-control span{font-size:13px;font-weight:600;color:#374151;min-width:40px}.tier-progress-slider{flex:1;accent-color:var(--primary-color, #2563eb);cursor:pointer;padding:0!important;border:none!important;box-shadow:none!important;background:transparent!important}.tier-progress-slider:hover,.tier-progress-slider:focus{border:none!important;box-shadow:none!important}.tier-collapse-trigger{background:none;border:none;padding:0;display:inline-flex;align-items:center;gap:6px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s}.tier-collapse-trigger:hover{color:#111827}.tier-collapse-trigger svg{width:16px;height:16px;transition:transform .2s}.tier-collapse-trigger.open svg{transform:rotate(180deg)}.tier-collapsible-content{display:flex;flex-direction:column;gap:24px;margin-top:16px}.tier-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tier-detail-panel{position:fixed;top:0;right:0;bottom:0;width:550px;background:var(--bg-white, #ffffff);box-shadow:-10px 0 30px #00000026;z-index:10999;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.tier-detail-header{padding:24px 24px 12px;display:flex;align-items:center;justify-content:space-between;background:transparent}.tier-detail-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.tier-detail-section{background:var(--bg-white, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;padding:20px;box-shadow:0 2px 4px #00000005}.tier-detail-section h4{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px dashed var(--border-thin, #e2e8f0);display:flex;align-items:center;gap:8px}.tier-history-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9}.tier-history-item:last-child{border-bottom:none}.tier-history-dot{width:10px;height:10px;border-radius:50%;background:var(--primary-color);margin-top:5px;flex-shrink:0}.tier-history-content{flex:1}.tier-history-content .meta{font-size:11px;color:var(--text-muted);margin-bottom:4px}.tier-history-content .notes{font-size:13px;color:var(--text-main);line-height:1.5}.tier-notif-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.tier-chart-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.tier-chart-card{background:var(--bg-white);border:1px solid color-mix(in srgb,var(--primary-color) 10%,var(--border-thin));border-radius:16px;padding:28px;box-shadow:0 8px 24px #00000005}.tier-chart-card h3{margin:0 0 16px;font-size:15px;font-weight:600;color:var(--text-main)}.tier-donut-container{position:relative;width:220px;height:220px;margin:0 auto 24px}.tier-donut-svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0px 8px 16px rgba(0,0,0,.06))}.tier-donut-segment{fill:transparent;stroke-width:24;transition:stroke-dasharray 1s ease-out,stroke .3s ease,stroke-width .2s ease,opacity .3s;cursor:pointer}.tier-donut-segment:hover{stroke-width:30;opacity:.9}.tier-donut-svg:hover .tier-donut-segment:not(:hover){opacity:.4}.tier-donut-center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:120px;height:120px;border-radius:50%;background:var(--bg-white);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 4px 10px #00000008}.tier-donut-center-content .value{font-size:36px;font-weight:800;color:var(--text-main);line-height:1.1;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tier-donut-center-content .label{font-size:13px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.tier-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}.tier-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-main);padding:4px 12px;border-radius:20px;background:var(--bg-slate);transition:transform .2s,background .2s;cursor:default}.tier-legend-item:hover{transform:translateY(-2px);background:#e2e8f0}.tier-legend-dot{width:12px;height:12px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.tier-bar-chart{display:flex;flex-direction:column;gap:12px;margin-top:16px}.tier-bar-row.sidebar-closed{display:flex;align-items:center;gap:16px}.tier-bar-row.sidebar-closed .tier-bar-label{font-size:13px;font-weight:500;color:var(--text-main);width:85px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-bar-row.sidebar-open{display:grid;grid-template-areas:"label label" "track value";grid-template-columns:1fr auto;gap:6px 12px}.tier-bar-row.sidebar-open .tier-bar-label{grid-area:label;font-size:13px;font-weight:600;color:var(--text-main);width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-bar-row.sidebar-open .tier-bar-value{grid-area:value;font-weight:600;font-size:13px;color:var(--text-main);text-align:right;align-self:center}.tier-bar-row.sidebar-open .tier-bar-track{grid-area:track;width:100%}.tier-bar-track{flex:1;height:24px;background:var(--bg-slate);border-radius:8px;overflow:hidden;display:flex;box-shadow:inset 0 2px 4px #00000005}.tier-bar-segment{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.tier-bar-segment:hover{filter:brightness(1.1)}.tier-bar-value{font-size:13px;font-weight:700;color:var(--text-main);width:40px;text-align:right}.tier-meeting-layout{display:grid;grid-template-columns:220px 1fr;gap:0;height:calc(100vh - 120px);border:1px solid var(--border-thin);border-radius:12px;overflow:hidden;background:var(--bg-white)}.tier-meeting-sidebar{background:var(--bg-slate);border-right:1px solid var(--border-thin);overflow-y:auto;padding:12px 0}.tier-meeting-pic-item{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .15s;border-left:3px solid transparent;font-size:13px;color:var(--text-main)}.tier-meeting-pic-item:hover{background:var(--bg-white)}.tier-meeting-pic-item.active{background:var(--bg-white);border-left-color:var(--primary-color);font-weight:600;color:var(--primary-color)}.tier-meeting-pic-item .badge{margin-left:auto;background:var(--primary-color);color:#fff;font-size:10px;padding:2px 7px;border-radius:10px;font-weight:600}.tier-meeting-pic-item .overdue-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:10px;padding:2px 7px;border-radius:10px;font-weight:600}.tier-meeting-main{overflow-y:auto;padding:24px}.tier-quick-update{background:#f8fafc;border:1px solid var(--border-thin);border-radius:10px;padding:16px;margin-bottom:12px;transition:box-shadow .15s}.tier-quick-update:hover{box-shadow:var(--shadow-sm)}.tier-quick-update .task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tier-quick-update .task-number{font-size:12px;font-weight:600;color:var(--primary-color)}.tier-quick-update .task-issue{font-size:14px;color:var(--text-main);margin-bottom:12px;line-height:1.4}.tier-quick-update .update-row{display:flex;gap:12px;align-items:center}.tier-quick-update .update-row select,.tier-quick-update .update-row input{padding:6px 10px;border:1px solid var(--border-thin);border-radius:6px;font-size:13px;background:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tier-summary-cards{grid-template-columns:repeat(2,1fr)}.tier-chart-container,.tier-form-row{grid-template-columns:1fr}.tier-meeting-layout{grid-template-columns:1fr;height:auto}.tier-meeting-sidebar{border-right:none;border-bottom:1px solid var(--border-thin);max-height:200px}.tier-detail-panel{width:100%}}.tier-monitoring-panel{padding:32px!important;margin-bottom:24px;background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:20px;box-shadow:0 4px 20px #00000005}.tm-monitoring-content{display:flex;gap:40px;align-items:stretch}.tm-chart-side{flex:1.5;display:flex;flex-direction:column}.tm-section-title{font-size:20px;font-weight:700;color:var(--text-main);margin:0 0 24px;text-align:center}.tm-donut-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;flex:1}.tier-donut-container.large{width:250px;height:250px;margin:0}.tier-donut-center-content.large{width:150px;height:150px}.tier-donut-center-content.large .value{font-size:44px;font-weight:800}.tier-donut-center-content.large .label{font-size:11px;letter-spacing:.8px}.vertical-legend{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.vertical-legend .tier-legend-item{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:var(--text-main);padding:8px 12px;border-radius:8px;background:var(--bg-slate, #f8fafc);transition:all .2s ease}.vertical-legend .tier-legend-item:hover{background:var(--sidebar-hover, #f1f5f9)}.vertical-legend .legend-label{font-weight:600}.vertical-legend .count-badge{font-size:12px;color:var(--text-muted);font-weight:600;background:#0000000a;padding:2px 8px;border-radius:12px;margin-left:4px}.tm-stats-side{flex:1;display:flex;flex-direction:column;gap:12px;justify-content:center}.tm-stat-tile{display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:12px;background:var(--bg-slate, #f8fafc);border:1px solid var(--border-thin, #e2e8f0);transition:all .2s cubic-bezier(.4,0,.2,1)}.tm-stat-tile:hover{transform:translate(4px);box-shadow:0 4px 12px #0000000a;border-color:var(--primary, #2563eb)}.tm-stat-tile .tile-icon{display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.tm-stat-tile .tile-icon.total{color:#2563eb}.tm-stat-tile .tile-icon.progress{color:#f59e0b}.tm-stat-tile .tile-icon.overdue{color:#ef4444}.tm-stat-tile .tile-icon.complete{color:#10b981}.tm-stat-tile .tile-icon.hold{color:#8b5cf6}.tm-stat-tile .tile-info{display:flex;flex-direction:column;gap:2px}.tm-stat-tile .tile-value{font-size:20px;font-weight:700;color:var(--text-main);line-height:1}.tm-stat-tile .tile-label{font-size:12px;font-weight:500;color:var(--text-muted)}.tier-chart-container.single-chart{display:block}.tier-chart-card.full-width{width:100%}:root.dark .tier-monitoring-panel,.dark .tier-monitoring-panel{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .tier-donut-center-content.large,.dark .tier-donut-center-content.large{background:var(--card-bg, #1e293b)}:root.dark .tier-donut-center-content.large .value,.dark .tier-donut-center-content.large .value{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root.dark .vertical-legend .tier-legend-item,.dark .vertical-legend .tier-legend-item,:root.dark .tm-stat-tile,.dark .tm-stat-tile{background:#ffffff05;border-color:var(--border-thin, #334155)}:root.dark .vertical-legend .tier-legend-item:hover,.dark .vertical-legend .tier-legend-item:hover{background:#ffffff0d}:root.dark .vertical-legend .count-badge,.dark .vertical-legend .count-badge{background:#ffffff14;color:#94a3b8}@media (max-width: 1024px){.tm-monitoring-content{flex-direction:column;gap:32px}.tm-donut-wrapper{justify-content:center}.tm-stats-side{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 640px){.tm-donut-wrapper{flex-direction:column;gap:20px}.tm-stats-side{grid-template-columns:1fr}.tier-donut-container.large{width:200px;height:200px}.tier-donut-center-content.large{width:120px;height:120px}}.tier-bottom-row{display:grid;grid-template-columns:3.5fr 8.5fr;gap:20px;margin-bottom:24px;align-items:stretch}.tm-bottom-card{display:flex;flex-direction:column;height:100%;min-width:0}.tm-bottom-card.pic-card{min-height:300px}.tm-bottom-card.project-card{overflow-x:auto}@media (max-width: 1024px){.tier-bottom-row{grid-template-columns:1fr}}.tm-search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid var(--border-thin, #e2e8f0);border-radius:999px;font-size:14px;box-sizing:border-box;transition:all .2s;background-color:var(--card-bg, #ffffff);color:var(--text-main, #1a1a1a);outline:none}.tm-filter-select{padding:6px 28px 6px 14px;border-radius:999px;border:1px solid var(--border-thin, #e2e8f0);font-size:13px;background-color:var(--card-bg, #ffffff);color:var(--text-main, #1a1a1a);outline:none;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;cursor:pointer}.tm-filter-toggle-btn{display:flex;align-items:center;gap:6px;font-size:13px;padding:8px 14px;border-radius:999px;transition:all .2s}.tm-task-count{font-size:13px;color:var(--text-muted, #64748b);margin-left:auto}.tm-filter-container{margin-bottom:16px;padding:12px 16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;border-radius:12px}.tm-search-input:hover,.tm-filter-select:hover{border-color:#94a3b8}.tm-search-input:focus{border-color:var(--primary, #006AFF);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.tm-filter-select:focus{border-color:var(--primary, #006AFF);box-shadow:0 0 0 1px var(--primary, #006AFF)}:root.dark .tm-search-input,:root.dark .tm-filter-select{background-color:#1e293b;border-color:#334155}:root.dark .tm-filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}:root.dark .tier-detail-panel{background:#0f172a}:root.dark .tier-detail-header{background:#1e293b}:root.dark .tier-detail-section{background:#1e293b;border-color:#334155}:root.dark .tier-detail-section h4{border-bottom-color:#334155}:root.dark .tm-search-input,.dark .tm-search-input,:root.dark .tm-filter-select,.dark .tm-filter-select{background-color:var(--bg-white, #0f172a)!important;color:var(--text-main, #f8fafc)!important;border-color:var(--border-thin, #1e293b)!important}:root{--donut-remaining: #e2e8f0}:root.dark,.dark{--donut-remaining: #1e293b}.tm-fab-btn{display:flex;align-items:center;justify-content:flex-start;border-radius:28px;height:56px;width:56px;padding:0;box-sizing:border-box;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:none;cursor:pointer;white-space:nowrap}.tm-fab-btn svg{flex-shrink:0;margin-left:16px;margin-right:12px}.tm-fab-btn .tm-fab-text{opacity:0;font-size:15px;font-weight:600;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.tm-fab-btn:hover{width:160px}.tm-fab-btn:hover .tm-fab-text{opacity:1}:root.dark .tier-modal,.dark .tier-modal{background:var(--bg-white, #0f172a);border-color:var(--border-thin, #1e293b);box-shadow:0 10px 40px #0006}:root.dark .tier-modal-header,.dark .tier-modal-header{background:var(--bg-white, #0f172a)}:root.dark .tier-modal-header-text h2,.dark .tier-modal-header-text h2{color:var(--text-main, #f8fafc)}:root.dark .tier-modal-header-text p,.dark .tier-modal-header-text p{color:var(--text-muted, #94a3b8)}:root.dark .tier-form-group select,.dark .tier-form-group select{background-color:var(--bg-slate-800, #1e293b);border-color:var(--border-dark, #334155);color:var(--text-dark, #f8fafc);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}:root.dark .tier-stepper,.dark .tier-stepper{background:var(--bg-soft, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .tier-step,.dark .tier-step{color:var(--text-muted, #94a3b8)}:root.dark .tier-step.active,.dark .tier-step.active{color:var(--primary-color, #3b82f6)}:root.dark .tier-step-separator,.dark .tier-step-separator{color:var(--border-thin, #334155)}:root.dark .tier-modal-footer,.dark .tier-modal-footer{background:var(--bg-white, #0f172a);border-color:var(--border-thin, #1e293b)}:root.dark .tier-form-section-title,.dark .tier-form-section-title{color:var(--text-main, #f8fafc)}:root.dark .tier-form-section-subtitle,.dark .tier-form-section-subtitle{color:var(--text-muted, #94a3b8)}:root.dark .tier-form-group label,.dark .tier-form-group label{color:var(--text-main, #f8fafc)}:root.dark .tier-form-group input,.dark .tier-form-group input,:root.dark .tier-form-group select,.dark .tier-form-group select,:root.dark .tier-form-group textarea,.dark .tier-form-group textarea{background:var(--bg-white, #0f172a);color:var(--text-main, #f8fafc);border-color:var(--border-thin, #334155)}:root.dark .tier-form-group input:hover,.dark .tier-form-group input:hover,:root.dark .tier-form-group select:hover,.dark .tier-form-group select:hover,:root.dark .tier-form-group textarea:hover,.dark .tier-form-group textarea:hover{border-color:var(--text-muted, #94a3b8)}:root.dark .tier-form-group input:focus,.dark .tier-form-group input:focus,:root.dark .tier-form-group select:focus,.dark .tier-form-group select:focus,:root.dark .tier-form-group textarea:focus,.dark .tier-form-group textarea:focus{border-color:var(--primary-color, #3b82f6)}:root.dark .tier-collapse-trigger,.dark .tier-collapse-trigger{color:var(--text-muted, #94a3b8)}:root.dark .tier-collapse-trigger:hover,.dark .tier-collapse-trigger:hover{color:var(--text-main, #f8fafc)}:root.dark .tier-progress-control span,.dark .tier-progress-control span{color:var(--text-main, #f8fafc)}.news-page-content{width:100%;margin:0 auto;height:calc(100vh - 140px);display:flex;flex-direction:column}.news-page-header{margin-bottom:12px}.news-page-header h1{font-size:22px;font-weight:600;margin:0 0 4px;color:var(--text-main)}.news-page-header p{margin:0;font-size:14px}.news-layout{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,3fr);gap:16px;align-items:stretch;flex:1;min-height:0}@media (max-width: 992px){.news-layout{grid-template-columns:1fr}}.news-panel{min-width:0;display:flex;flex-direction:column}.upload-card{background:var(--card-bg, #ffffff);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;border:1px solid var(--border-thin, #e2e8f0);display:flex;flex-direction:column;flex:1;min-height:0}.upload-card h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--text-main)}.upload-card .upload-subtitle{font-size:13px;color:var(--text-muted);margin:0 0 16px;line-height:1.5}.target-selector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.target-option{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;border:1px solid var(--border-thin, #e2e8f0);background:transparent;color:var(--text-main);cursor:pointer;font-size:14px;font-weight:500;font-family:inherit;transition:all .2s}.target-option:hover{background:var(--bg-color, #f8fafc)}.target-option.active{border-color:var(--primary, #006AFF);background:#006aff14;color:var(--primary, #006AFF)}.target-option .target-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.target-dot.portal{background-color:#3b82f6}.target-dot.rdw{background-color:#f59e0b}.target-dot.mobile{background-color:#22c55e}.file-drop-zone{border:2px dashed var(--border-thin, #e2e8f0);border-radius:10px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-color, #f8fafc);margin-bottom:16px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.file-drop-zone:hover{border-color:var(--primary, #006AFF);background:#006aff0a}.file-drop-zone.has-files{border-color:var(--primary, #006AFF);border-style:solid;background:#006aff0a;padding:16px}.file-drop-zone .drop-icon{color:var(--primary, #006AFF);margin-bottom:8px;opacity:.7}.file-drop-zone .drop-label{font-size:13px;color:var(--text-main);font-weight:500;margin:0 0 4px}.file-drop-zone .drop-hint{font-size:12px;color:var(--text-muted);margin:0;opacity:.7}.file-drop-zone input[type=file]{display:none}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:4px;margin-bottom:16px}.thumbnail-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:1px solid var(--border-thin, #e2e8f0);background:var(--bg-color, #f8fafc)}.thumbnail-item img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-item .thumbnail-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .2s}.thumbnail-item .thumbnail-remove svg{width:10px;height:10px}.thumbnail-item:hover .thumbnail-remove{opacity:1}.thumbnail-item.existing-img{border-color:#3b82f64d}.thumbnail-item.existing-img:after{content:"LAMA";position:absolute;bottom:0;left:0;right:0;background:#3b82f6cc;color:#fff;font-size:8px;text-align:center;padding:1px;font-weight:600;letter-spacing:0}.upload-actions{display:flex;gap:12px}.upload-actions button{flex:1}.upload-progress-bar{width:100%;height:4px;background:var(--border-thin, #e2e8f0);border-radius:2px;overflow:hidden;margin-bottom:16px}.upload-progress-bar .progress-fill{height:100%;background:var(--primary, #006AFF);border-radius:2px;transition:width .3s ease}.news-list-card{background:var(--card-bg, #ffffff);border-radius:12px;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;border:1px solid var(--border-thin, #e2e8f0);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.news-list-header{padding:16px 20px;border-bottom:1px solid var(--border-thin, #e2e8f0)}.news-list-header h3{font-size:16px;font-weight:600;margin:0;color:var(--text-main)}.news-list-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0;max-height:none}.news-item{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-thin, #e2e8f0);background:var(--bg-white, #ffffff);transition:all .2s ease}.news-item:last-child{border-bottom:none}.news-item:hover{background-color:var(--bg-color, #f8fafc)}.news-item-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:0}.news-item-icon.portal{background:#3b82f61f;color:#3b82f6}.news-item-icon.rdw{background:#f59e0b1f;color:#f59e0b}.news-item-icon.mobile{background:#22c55e1f;color:#22c55e}.news-item-content{flex:1;min-width:0}.news-item-title{font-size:14px;font-weight:600;color:var(--text-main);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-item-subtitle{font-size:12px;color:var(--text-muted);margin:0;line-height:1.4}.news-item-actions{display:flex;gap:6px;width:auto;margin-top:0;padding-top:0;border-top:none;opacity:0;transition:opacity .2s;flex-shrink:0}.news-item:hover .news-item-actions{opacity:1}.news-item-actions .icon-btn{flex:none;display:flex;justify-content:center;padding:8px;background:transparent;border:none;border-radius:6px;transition:all .2s}.news-item-actions .icon-btn:hover{background:var(--bg-color, #f8fafc);color:var(--primary)}.target-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.3px}.target-badge.portal{background:#3b82f61f;color:#3b82f6}.target-badge.rdw{background:#f59e0b1f;color:#f59e0b}.target-badge.mobile{background:#22c55e1f;color:#22c55e}.news-empty-state{padding:48px 24px;text-align:center;color:var(--text-muted)}.news-empty-state svg{margin-bottom:12px;opacity:.4}.news-empty-state p{margin:0;font-size:14px}.form-label{display:block;margin-bottom:6px;font-weight:600;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}@keyframes news-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.news-spinner{animation:news-spin 1s linear infinite}:root.dark .upload-card,.dark .upload-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .news-list-card,.dark .news-list-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .file-drop-zone,.dark .file-drop-zone{background:#ffffff08;border-color:var(--border-color, #334155)}:root.dark .file-drop-zone:hover,.dark .file-drop-zone:hover{background:#3b82f60f;border-color:var(--primary, #3b82f6)}:root.dark .target-option.active,.dark .target-option.active{background:#3b82f626}:root.dark .news-item:hover,.dark .news-item:hover{background-color:#ffffff08}:root.dark .content-area::-webkit-scrollbar,.dark .content-area::-webkit-scrollbar{width:6px;height:6px}:root.dark .content-area::-webkit-scrollbar-track,.dark .content-area::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}:root.dark .content-area::-webkit-scrollbar-thumb,.dark .content-area::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px;transition:background .2s}:root.dark .content-area::-webkit-scrollbar-thumb:hover,.dark .content-area::-webkit-scrollbar-thumb:hover{background:#ffffff40}:root.dark .content-area,.dark .content-area{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) rgba(255,255,255,.02)}.hr-dashboard-container{display:flex;flex-direction:column;gap:1rem;width:100%;animation:hrFadeIn .3s ease-in-out;margin-top:-.5rem}@keyframes hrFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hr-top-banner{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 4px 20px #00000008;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.hr-top-banner h1{font-size:1.5rem;font-weight:700;color:var(--text-main, #0f172a);margin:0;display:flex;align-items:center;gap:.75rem}.hr-top-banner p{color:var(--text-muted, #64748b);font-size:.875rem;margin:.25rem 0 0}.hr-status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);border-radius:50px;font-size:.8125rem;font-weight:600;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent)}.hr-status-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);animation:hrPulse 2s infinite}@keyframes hrPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}.hr-main-layout{display:grid;grid-template-columns:260px 1fr;gap:1.75rem;align-items:start}@media (max-width: 1024px){.hr-main-layout{grid-template-columns:1fr}.hr-subnav{flex-direction:row!important;overflow-x:auto;gap:.25rem!important}.hr-subnav-title{display:none}.hr-tab-btn{white-space:nowrap;padding:.625rem 1rem!important;font-size:.8125rem!important}}.hr-subnav{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:16px;padding:1rem;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;gap:.35rem}.hr-subnav-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #94a3b8);padding:.5rem .75rem;margin-bottom:.25rem}.hr-tab-btn{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:12px;border:none;background:transparent;color:var(--text-muted, #64748b);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;width:100%}.hr-tab-btn:hover{background:var(--bg-color, #f8fafc);color:var(--text-main, #0f172a);transform:translate(4px)}.hr-tab-btn.active{background:#0f172a;color:#fff;font-weight:600;box-shadow:0 4px 12px #0f172a33}.hr-tab-btn.active .hr-tab-icon{color:#fb7185}.hr-tab-btn.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.hr-tab-icon{display:flex;align-items:center;justify-content:center;transition:color .2s ease}.hr-content-panel{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000008;height:auto;min-height:auto;overflow-x:hidden}.spl-btn-approve{border:none;background:color-mix(in srgb,#10b981 10%,transparent);color:#10b981;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.spl-btn-approve:hover:not(:disabled){background:#10b981;color:#fff;transform:translateY(-1px)}.spl-btn-approve:disabled{opacity:.6;cursor:not-allowed}.spl-btn-reject{border:none;background:color-mix(in srgb,#ef4444 10%,transparent);color:#ef4444;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.spl-btn-reject:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-1px)}.spl-btn-secondary{border:1px solid var(--border-color, #e2e8f0);background:var(--bg-color, #f8fafc);color:var(--text-main, #334155);border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.spl-btn-secondary:hover:not(:disabled){background:var(--border-color, #e2e8f0);transform:translateY(-1px)}.spl-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.spl-btn-reject:disabled{opacity:.6;cursor:not-allowed}.spl-btn-resubmit{border:none;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.spl-btn-resubmit:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-1px)}.hr-section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-thin, #e2e8f0);flex-wrap:wrap;gap:1rem}.hr-section-header h2{font-size:1.25rem;font-weight:700;color:var(--text-main, #0f172a);margin:0;display:flex;align-items:center;gap:.5rem}.hr-section-header h2 svg{color:var(--primary)}.hr-section-header p{font-size:.875rem;color:var(--text-muted, #64748b);margin:.25rem 0 0}.hr-date-filter{display:inline-flex;align-items:center;background:var(--bg-color, #f8fafc);border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;padding:.25rem;gap:.5rem;margin-top:.75rem}.date-input-wrapper{display:flex;align-items:center;gap:.5rem;background:var(--card-bg, #ffffff);padding:.5rem .75rem;border-radius:8px;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-thin, #e2e8f0);transition:all .2s ease}.date-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.date-icon{color:var(--text-muted, #64748b)}.date-label{font-size:.8125rem;font-weight:600;color:var(--text-muted, #64748b)}.date-input-wrapper input[type=date]{border:none;background:transparent;font-size:.875rem;font-family:inherit;font-weight:600;color:var(--text-main, #0f172a);outline:none;cursor:pointer;padding:0}.date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.date-separator{color:var(--text-muted, #64748b);display:flex;align-items:center;justify-content:center;padding:0 .25rem}.hr-filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:8px;padding:.4rem 2.25rem .4rem .875rem;font-size:.8125rem;font-family:inherit;font-weight:500;color:var(--text-main, #0f172a);cursor:pointer;outline:none;box-shadow:0 1px 2px #0000000d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 5 7 9 11 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:all .2s ease}.hr-filter-select:hover{border-color:#cbd5e1}.hr-filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.hr-summary-container{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;box-shadow:0 4px 15px #00000005}.hr-summary-item{display:flex;align-items:center;gap:1rem;position:relative}.hr-summary-item:not(:last-child):after{content:"";position:absolute;right:-1rem;top:10%;height:80%;width:1px;background:var(--border-thin, #e2e8f0)}@media (max-width: 768px){.hr-summary-item:not(:last-child):after{display:none}}.hr-summary-item .card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hr-summary-item .card-text{display:flex;flex-direction:column;gap:.15rem}.hr-summary-item .card-value{font-size:1.5rem;font-weight:800;color:var(--text-main, #0f172a);line-height:1.2}.hr-summary-item .card-label{font-size:.8125rem;color:var(--text-muted, #64748b);font-weight:600}.hr-table-wrapper{overflow-x:auto;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:12px;background:color-mix(in srgb,var(--card-bg, #ffffff) 60%,transparent);box-shadow:0 4px 15px #00000005}.hr-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.hr-table th{background:color-mix(in srgb,var(--primary) 8%,transparent);padding:1rem 1.25rem;font-weight:600;color:var(--text-main, #0f172a);border-bottom:2px solid color-mix(in srgb,var(--primary) 15%,transparent);white-space:nowrap}.hr-table td{padding:.875rem 1.25rem;color:var(--text-main, #0f172a);border-bottom:1px solid color-mix(in srgb,var(--border-thin, #e2e8f0) 50%,transparent);vertical-align:middle}.hr-table tr:last-child td{border-bottom:none}.hr-table tbody tr{transition:background-color .2s}.hr-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 4%,transparent)}:root.dark .hr-table-wrapper,.dark .hr-table-wrapper{border-color:color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--card-bg, #1e293b) 60%,transparent)}:root.dark .hr-table th,.dark .hr-table th{background:color-mix(in srgb,var(--primary) 15%,transparent);border-bottom-color:color-mix(in srgb,var(--primary) 30%,transparent);color:#f1f5f9}:root.dark .hr-table td,.dark .hr-table td{border-bottom-color:color-mix(in srgb,var(--border-thin, #334155) 50%,transparent);color:#cbd5e1}:root.dark .hr-table tbody tr:hover,.dark .hr-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 15%,transparent)}.hr-table th.sticky-col{background:color-mix(in srgb,var(--primary) 8%,var(--card-bg, #ffffff));background-clip:padding-box}.hr-table td.sticky-col{background:var(--card-bg, #ffffff);background-clip:padding-box;transition:background-color .2s}.hr-table tbody tr:hover td.sticky-col{background:color-mix(in srgb,var(--primary) 6%,var(--card-bg, #ffffff))}.sticky-col-shadow:after{content:"";position:absolute;top:0;right:-6px;bottom:-1px;width:6px;background:linear-gradient(to right,rgba(0,0,0,.08),transparent);pointer-events:none}:root.dark .hr-table th.sticky-col{background:color-mix(in srgb,var(--primary) 15%,var(--card-bg, #1e293b))}:root.dark .hr-table td.sticky-col{background:var(--card-bg, #1e293b)}:root.dark .hr-table tbody tr:hover td.sticky-col{background:color-mix(in srgb,var(--primary) 15%,var(--card-bg, #1e293b))}:root.dark .sticky-col-shadow:after{background:linear-gradient(to right,rgba(0,0,0,.25),transparent)}.hr-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600}.hr-badge-green{background:#10b9811a;color:#10b981}.hr-badge-lightgreen{background:#86efac26;color:#22c55e}.hr-badge-yellow{background:#fbbf241f;color:#d97706}.hr-badge-orange{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.hr-badge-red{background:#ef44441a;color:#ef4444}.hr-badge-gray{background:#94a3b826;color:#64748b}.hr-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.hr-btn-primary:hover{background:color-mix(in srgb,var(--primary) 85%,black);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 25%,transparent)}.hr-btn-primary:disabled{opacity:.5;cursor:not-allowed}.hr-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;background:var(--bg-color, #f1f5f9);color:var(--text-main, #0f172a);border:1px solid var(--border-thin, #cbd5e1);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.hr-btn-secondary:hover{background:#e2e8f0}.hr-upload-zone{border:2px dashed var(--border-thin, #cbd5e1);border-radius:16px;padding:3rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer;background:var(--bg-color, #f8fafc)}.hr-upload-zone:hover,.hr-upload-zone.dragover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 3%,transparent)}.hr-upload-zone .upload-icon{width:64px;height:64px;border-radius:16px;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.hr-u.spl-workspace-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary, #1e293b);margin-top:0;margin-bottom:.25rem}.hr-upload-zone p{font-size:.875rem;color:var(--text-muted, #64748b);margin:0}.hr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:hrModalFadeIn .2s ease}@keyframes hrModalFadeIn{0%{opacity:0}to{opacity:1}}.hr-modal{background:var(--card-bg, #ffffff);border-radius:16px;padding:2rem;width:90%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026;animation:hrModalSlideUp .25s ease}.hr-modal-close-btn{background:color-mix(in srgb,var(--text-main, #0f172a) 5%,transparent);border:none;color:var(--text-muted, #94a3b8);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.hr-modal-close-btn:hover{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);transform:rotate(90deg)}:root.dark .hr-modal-close-btn{background:color-mix(in srgb,var(--text-main, #f1f5f9) 10%,transparent)}:root.dark .hr-modal-close-btn:hover{background:color-mix(in srgb,var(--primary) 20%,transparent)}.hr-modal::-webkit-scrollbar,.spl-modern-modal::-webkit-scrollbar{width:6px}.hr-modal::-webkit-scrollbar-track,.spl-modern-modal::-webkit-scrollbar-track{background:transparent;margin:16px 0}.hr-modal::-webkit-scrollbar-thumb,.spl-modern-modal::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted, #94a3b8) 30%,transparent);border-radius:10px}.hr-modal::-webkit-scrollbar-thumb:hover,.spl-modern-modal::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-muted, #94a3b8) 50%,transparent)}@keyframes hrModalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hr-modal h3{font-size:1.15rem;font-weight:700;color:var(--text-main, #0f172a);margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.hr-form-group{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.hr-form-group label{font-size:.85rem;font-weight:600;color:var(--text-main, #1e293b);letter-spacing:.01em}.hr-input,.hr-select,.hr-textarea{width:100%;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(203,213,225,.6);background:#f8fafcb3;color:var(--text-main, #0f172a);font-size:.95rem;font-weight:500;font-family:Inter,system-ui,-apple-system,sans-serif;font-variant-numeric:normal;font-feature-settings:"zero" 0;transition:all .25s cubic-bezier(.25,.8,.25,1);box-sizing:border-box;box-shadow:inset 0 2px 4px #00000005}.hr-input:hover,.hr-select:hover,.hr-textarea:hover{background:#f1f5f9e6;border-color:#94a3b8}.hr-input:focus,.hr-select:focus,.hr-textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent),inset 0 1px 2px #00000003;transform:translateY(-1px)}:root.dark .hr-input,:root.dark .hr-select,:root.dark .hr-textarea{background:#1e293b80;border-color:#ffffff1a;color:#f8fafc}:root.dark .hr-input:hover,:root.dark .hr-select:hover,:root.dark .hr-textarea:hover{background:#1e293bcc;border-color:#fff3}:root.dark .hr-input:focus,:root.dark .hr-select:focus,:root.dark .hr-textarea:focus{background:#0f172acc;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 25%,transparent)}.hr-input:disabled,.hr-select:disabled{background:var(--bg-color, #f1f5f9);cursor:not-allowed;opacity:.7}.hr-input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;transition:all .2s ease;padding:4px;border-radius:6px}.hr-input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:color-mix(in srgb,var(--primary) 15%,transparent)}:root.dark .hr-input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.7)}:root.dark .hr-input[type=time]::-webkit-calendar-picker-indicator:hover{filter:invert(1) opacity(1)}.hr-input[type=time]{text-align:center;letter-spacing:.1em;font-family:Inter,system-ui,sans-serif;font-size:1.05rem;font-weight:600}.hr-progress-bar{width:100%;height:8px;background:var(--bg-color, #e2e8f0);border-radius:4px;overflow:hidden;margin:1rem 0}.hr-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,white));border-radius:4px;transition:width .3s ease}.hr-empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted, #94a3b8)}.hr-empty-state .empty-icon{width:72px;height:72px;border-radius:18px;background:var(--bg-color, #f1f5f9);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--text-muted, #94a3b8)}.hr-empty-state h3{font-size:1.1rem;font-weight:600;color:var(--text-main, #0f172a);margin:0 0 .5rem}.hr-empty-state p{font-size:.875rem;margin:0}.hr-toast{position:fixed;bottom:2rem;right:2rem;padding:.875rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;color:#fff;box-shadow:0 10px 30px #00000026;z-index:2000;animation:hrToastIn .3s ease}@keyframes hrToastIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hr-toast.success{background:#10b981}.hr-toast.error{background:#ef4444}.hr-toast.info{background:#3b82f6}.hr-search-bar{display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;height:40px;background:var(--bg-color, #f8fafc);border:1px solid var(--border-thin, #e2e8f0);border-radius:100px;width:100%;max-width:280px;transition:all .2s ease}.hr-search-bar:hover{border-color:var(--primary)}.hr-search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 8%,transparent)}.hr-search-bar input{border:none;background:transparent;outline:none;font-size:.875rem;color:var(--text-main, #0f172a);width:100%}.hr-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 0 0;gap:1rem;flex-wrap:wrap}.hr-pagination-info{font-size:.8125rem;color:var(--text-muted, #64748b)}.hr-pagination-buttons{display:flex;gap:.35rem}.hr-pagination-buttons button{padding:.4rem .75rem;border:1px solid var(--border-thin, #e2e8f0);border-radius:6px;background:var(--card-bg, #ffffff);color:var(--text-main, #0f172a);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.hr-pagination-buttons button:hover:not(:disabled){background:var(--bg-color, #f1f5f9)}.hr-pagination-buttons button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.hr-pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.hr-export-container{display:flex;flex-direction:column;width:100%;padding:0;animation:hrFadeIn .4s ease}.hr-export-header{margin-bottom:1rem}.hr-export-header h2{font-size:1.5rem;font-weight:700;color:var(--text-main, #0f172a);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.hr-export-header p{color:var(--text-muted, #64748b);font-size:.95rem;margin:0}.hr-export-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:16px;padding:1.5rem;width:100%;box-shadow:0 4px 20px #00000008;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.hr-export-info-panel{background:color-mix(in srgb,var(--primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:12px;padding:1rem 1.25rem;height:100%}.hr-export-info-title{font-weight:600;color:var(--primary);display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem}.hr-export-info-list{color:var(--text-main, #334155);font-size:.85rem;line-height:1.5;display:flex;flex-direction:column;gap:.5rem}.hr-export-btn{width:100%;padding:.875rem;font-size:.95rem;font-weight:600;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;margin-top:1rem}@media (max-width: 1024px){.hr-export-card{grid-template-columns:1fr;gap:1.5rem}}.spl-modern-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a40;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:hrFadeIn .3s ease}.spl-modern-modal{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);padding:2.5rem;border-radius:24px;box-shadow:0 25px 50px -12px #0f172a40,inset 0 1px #fffc;width:90%;max-width:650px;max-height:90vh;overflow-y:auto;position:relative;animation:hrSlideUp .4s cubic-bezier(.16,1,.3,1)}.spl-modern-modal-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem}.spl-modern-modal-close{background:#0f172a0d;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.spl-modern-modal-close:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);transform:rotate(90deg)}@keyframes hrSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hrFadeIn{0%{opacity:0}to{opacity:1}}:root.dark .spl-modern-modal{background:#1e293bd9;border-color:#ffffff1a;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff0d}:root.dark .spl-modern-modal-title{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.hr-top-banner{padding:1.25rem;flex-direction:column;align-items:flex-start}.hr-top-banner h1{font-size:1.2rem}.hr-content-panel{padding:1.25rem}.hr-summary-grid{grid-template-columns:repeat(2,1fr)}.hr-modal{width:95%;padding:1.5rem}}@media (max-width: 480px){.hr-summary-grid{grid-template-columns:1fr}}:root.dark .hr-summary-container{background:transparent;border-color:color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:none}:root.dark .hr-summary-item .card-value{color:#f1f5f9}:root.dark .hr-summary-item .card-label{color:#94a3b8}:root.dark .hr-summary-item:not(:last-child):after{background:color-mix(in srgb,var(--primary) 30%,transparent)}:root.dark .hr-search-bar{background:var(--card-bg, #1e293b);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}:root.dark .hr-search-bar input{color:#f1f5f9}:root.dark .hr-search-bar input::placeholder{color:#64748b}:root.dark .hr-btn-secondary{background:var(--card-bg, #1e293b);border-color:color-mix(in srgb,var(--primary) 30%,transparent);color:#f1f5f9}:root.dark .hr-btn-secondary:hover{background:color-mix(in srgb,var(--primary) 15%,transparent)}.shift-form-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:16px;padding:1.75rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000000a;transition:all .3s ease}.shift-form-header{font-size:1.15rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;color:var(--text-main, #0f172a)}.shift-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.shift-input-label{font-weight:600;font-size:.85rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem;color:var(--text-main, #1e293b)}.shift-input-field{width:100%;padding:.75rem 1rem;border:1px solid var(--border-thin, #e2e8f0);border-radius:10px;font-size:.95rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"zero" 0;background:var(--bg-color, #f8fafc);color:var(--text-main, #0f172a);transition:all .2s ease;box-sizing:border-box}.shift-input-field:focus{outline:none;border-color:var(--primary);background:var(--card-bg, #ffffff);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}:root.dark .shift-form-card,.dark .shift-form-card{background:var(--card-bg, #1e293b);border-color:color-mix(in srgb,var(--border-thin, #334155) 50%,transparent);box-shadow:0 10px 30px #0003}:root.dark .shift-form-header,.dark .shift-form-header{color:#f1f5f9}:root.dark .shift-input-label,.dark .shift-input-label{color:#e2e8f0}:root.dark .shift-input-field,.dark .shift-input-field{background:color-mix(in srgb,var(--bg-color, #0f172a) 50%,transparent);border-color:var(--border-thin, #334155);color:#f1f5f9}.shift-multi-select{border:1px solid var(--border-thin, #e2e8f0);border-radius:8px;padding:.5rem;background:var(--bg-white, #fff);cursor:pointer;min-height:42px;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;transition:all .2s ease}.shift-multi-select:hover{border-color:var(--primary);background:var(--bg-color, #f8fafc)}:root.dark .shift-multi-select,.dark .shift-multi-select{background:color-mix(in srgb,var(--bg-color, #0f172a) 50%,transparent);border-color:var(--border-thin, #334155)}:root.dark .shift-multi-select:hover,.dark .shift-multi-select:hover{border-color:var(--primary);background:var(--card-bg, #1e293b)}.spl-selected-emp{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;border-bottom:1px solid rgba(0,0,0,.05);font-size:.85rem;font-weight:500;color:var(--text-main);width:100%}.spl-selected-emp:last-child{border-bottom:none}.spl-selected-emp .remove-icon{opacity:0;transition:opacity .2s ease;color:#ef4444;cursor:pointer}.spl-selected-emp:hover .remove-icon{opacity:1}:root.dark .spl-selected-emp{border-bottom:1px solid rgba(255,255,255,.05)}.hr-icon-btn-danger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid transparent;background:color-mix(in srgb,#ef4444 10%,transparent);color:#ef4444;cursor:pointer;transition:all .2s ease;margin:0 auto}.hr-icon-btn-danger:hover{background:#ef4444;color:#fff;transform:scale(1.05)}:root.dark .hr-icon-btn-danger{background:color-mix(in srgb,#ef4444 15%,transparent)}:root.dark .hr-icon-btn-danger:hover{background:#ef4444;color:#fff}.spl-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fffffff2;border:1px solid rgba(203,213,225,.6);border-radius:12px;box-shadow:0 10px 40px -10px #00000026;z-index:50;max-height:280px;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root.dark .spl-dropdown-menu{background:#0f172af2;border-color:#33415599;box-shadow:0 10px 40px -10px #00000080}.spl-dropdown-header{padding:.75rem;border-bottom:1px solid rgba(203,213,225,.4);display:flex;align-items:center;gap:.75rem}:root.dark .spl-dropdown-header{border-bottom:1px solid rgba(51,65,85,.4)}.spl-dropdown-search{display:flex;align-items:center;gap:.5rem;background:#f1f5f9cc;padding:.5rem .75rem;border-radius:8px;flex:1}:root.dark .spl-dropdown-search{background:#1e293bcc}.spl-dropdown-search-input{border:none;outline:none;font-size:.9rem;width:100%;background:transparent;color:var(--text-main, #0f172a)}:root.dark .spl-dropdown-search-input{color:var(--text-main, #f8fafc)}.spl-dropdown-search-input::placeholder{color:var(--text-muted)}.spl-dropdown-select-all{display:flex;align-items:center;gap:.4rem;cursor:pointer;padding:.5rem .75rem;border-radius:8px;background:#f1f5f9cc}:root.dark .spl-dropdown-select-all{background:#1e293bcc}.spl-dropdown-item{padding:.5rem .75rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem;background:transparent;border-bottom:1px solid rgba(0,0,0,.04);color:var(--text-main, #0f172a)}:root.dark .spl-dropdown-item{border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-main, #f8fafc)}.spl-dropdown-item.selected{background:#e11d480f}:root.dark .spl-dropdown-item.selected{background:#e11d4826}.spl-dropdown-item:hover{background:#00000005}:root.dark .spl-dropdown-item:hover{background:#ffffff0d}.spl-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.spl-header-content{display:flex;flex-direction:column;gap:.25rem}.spl-page-title{font-size:1.5rem;font-weight:700;color:var(--text-main, #0f172a);margin:0;line-height:1.2}.spl-page-subtitle{font-size:.875rem;color:var(--text-muted, #64748b);margin:0}.spl-action-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s}.spl-action-primary:hover{opacity:.9}.spl-nav-tabs{display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid var(--border-thin, #e2e8f0);margin-bottom:2rem;overflow-x:auto;scrollbar-width:none}.spl-nav-tabs::-webkit-scrollbar{display:none}.spl-nav-item{background:none;border:none;padding:.5rem 0 .75rem;margin-bottom:-1px;font-size:.875rem;font-weight:600;color:var(--text-muted, #64748b);cursor:pointer;position:relative;transition:color .2s;display:flex;align-items:center;gap:.5rem}.spl-nav-item:hover{color:var(--text-main, #0f172a)}.spl-nav-item.active{color:var(--text-main, #0f172a);border-bottom:2px solid var(--text-main, #0f172a)}.spl-nav-badge{background:#0000000d;padding:.125rem .35rem;border-radius:4px;font-size:.75rem;font-weight:700;color:inherit}:root.dark .spl-nav-badge,.dark .spl-nav-badge{background:#ffffff1a}.spl-nav-item.needs-action{opacity:.7}.spl-nav-item.needs-action.active{opacity:1;color:var(--primary);border-bottom-color:var(--primary)}.spl-nav-item.needs-action.active .spl-nav-badge{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.spl-nav-indicator{width:6px;height:6px;border-radius:50%;background-color:var(--primary);display:inline-block}.spl-main-workspace{display:flex;flex-direction:column;gap:1.5rem}.spl-workspace-header{display:flex;flex-direction:column;gap:.25rem}.spl-workspace-header h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-main, #0f172a)}.spl-workspace-header p{font-size:.8125rem;color:var(--text-muted, #64748b);margin:0}.spl-workspace-toolbar{display:flex;justify-content:space-between;align-items:center}.spl-search-compact{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border-color, #e2e8f0);border-radius:9999px;padding:.5rem 1rem;width:300px;background-color:var(--card-bg, #ffffff);transition:all .2s ease}.spl-search-compact:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.spl-search-icon{color:var(--text-muted, #64748b)}.spl-search-input{border:none;background:transparent;outline:none;font-size:.875rem;color:var(--text-main, #0f172a);width:100%;padding:0}.spl-search-input::placeholder{color:var(--text-muted, #94a3b8)}.spl-main-workspace .hr-table-wrapper{box-shadow:0 1px 3px #00000005!important;border:1px solid var(--border-color, #e2e8f0)!important;border-radius:12px!important;background:var(--card-bg, #ffffff)!important;overflow:hidden!important;margin-top:0!important;margin-bottom:0!important}.spl-main-workspace .hr-table th{background:transparent!important;border-bottom:1px solid var(--border-thin, #cbd5e1);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b);padding:.75rem .5rem}.spl-main-workspace .hr-table td{border-bottom:1px solid var(--border-thin, #f1f5f9);padding:.75rem .5rem;vertical-align:middle;font-size:.8125rem}.spl-main-workspace .hr-table tbody tr{transition:background-color .15s ease}.spl-main-workspace .hr-table tbody tr:hover{background-color:#00000004}.spl-btn-text{background:transparent;border:none;padding:.25rem .5rem;font-size:.75rem;font-weight:600;color:var(--primary);border-radius:4px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem}.spl-btn-text:hover{background:color-mix(in srgb,var(--primary) 10%,transparent)}.spl-btn-text.danger{color:#ef4444;font-weight:500}.spl-btn-text.danger:hover{background:#ef444414}:root.dark .spl-nav-tabs,.dark .spl-nav-tabs{border-bottom-color:var(--border-color, #334155)}:root.dark .spl-nav-item.active,.dark .spl-nav-item.active{color:var(--text-main, #f8fafc);border-bottom-color:var(--text-main, #f8fafc)}:root.dark .spl-nav-item.needs-action.active,.dark .spl-nav-item.needs-action.active{color:var(--primary);border-bottom-color:var(--primary)}:root.dark .spl-search-compact,.dark .spl-search-compact{background-color:#1e293b;border-color:#334155}:root.dark .spl-main-workspace .hr-table th,.dark .spl-main-workspace .hr-table th{border-bottom-color:var(--border-color, #475569)}:root.dark .spl-main-workspace .hr-table td,.dark .spl-main-workspace .hr-table td{border-bottom-color:#ffffff0d}:root.dark .spl-main-workspace .hr-table tbody tr:hover,.dark .spl-main-workspace .hr-table tbody tr:hover{background-color:#ffffff08}.spl-view-switcher{display:flex;align-items:center;background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:.25rem;box-shadow:0 1px 2px #0000000d}.spl-view-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;color:var(--text-muted, #64748b);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.spl-view-btn:hover{color:var(--text-color, #1e293b);background-color:#00000008}.spl-view-btn.active{color:#0f172a;background-color:#f1f5f9;box-shadow:0 1px 2px #0000000d}:root.dark .spl-view-switcher,.dark .spl-view-switcher{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}:root.dark .spl-view-btn.active,.dark .spl-view-btn.active{color:#f8fafc;background-color:#334155}.spl-board-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;min-height:60vh;padding-top:1rem}.spl-board-col{display:flex;flex-direction:column;background-color:#f8fafc;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}:root.dark .spl-board-col,.dark .spl-board-col{background-color:#0f172a;border-color:#1e293b}.spl-board-col-header{padding:1rem;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.spl-board-col-header h4{font-size:.85rem;font-weight:700;margin:0 0 .15rem;color:#1e293b}.spl-board-col-header p{font-size:.7rem;color:#64748b;margin:0}.spl-board-count{font-size:.75rem;font-weight:700;background-color:#0000000d;color:#64748b;padding:.2rem .5rem;border-radius:12px}:root.dark .spl-board-col-header,.dark .spl-board-col-header{border-bottom-color:#ffffff0d}:root.dark .spl-board-col-header h4,.dark .spl-board-col-header h4{color:#f8fafc}:root.dark .spl-board-col-header p,.dark .spl-board-col-header p{color:#94a3b8}:root.dark .spl-board-count,.dark .spl-board-count{background-color:#ffffff1a;color:#cbd5e1}.spl-board-col.col-amber{border-top:4px solid #f59e0b}.spl-board-col.col-blue{border-top:4px solid #3b82f6}.spl-board-col.col-red{border-top:4px solid #ef4444}.spl-board-col.col-green{border-top:4px solid #10b981}.spl-board-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto}.spl-board-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#94a3b8;font-size:.8rem;font-weight:500;height:100px;text-align:center}.spl-board-card{background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #00000005;display:flex;flex-direction:column;gap:.75rem}.spl-board-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-color:#cbd5e1}:root.dark .spl-board-card:hover,.dark .spl-board-card:hover{border-color:#475569;box-shadow:0 4px 12px #0003}.spl-bc-header{display:flex;justify-content:space-between;align-items:flex-start}.spl-bc-names{display:flex;flex-direction:column;gap:.25rem}.spl-bc-names span{font-size:.8rem;font-weight:600;color:var(--text-color, #1e293b);display:flex;align-items:center;gap:.35rem}.spl-bc-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-muted, #64748b)}.spl-bc-meta span{display:flex;align-items:center;gap:.35rem}.spl-bc-desc{font-size:.75rem;color:var(--text-color, #334155);background-color:#00000005;padding:.5rem;border-radius:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}:root.dark .spl-bc-desc,.dark .spl-bc-desc{color:#cbd5e1;background-color:#ffffff08}.spl-bc-creator{font-size:.65rem;color:var(--text-muted, #94a3b8);font-style:italic;margin-top:auto}.spl-btn-text{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;background-color:transparent;border:1px solid #3b82f6;color:#3b82f6;box-shadow:none}.spl-btn-text:hover{background-color:#eff6ff;border-color:#2563eb;color:#1d4ed8}.spl-btn-text.danger{border-color:#ef4444;color:#ef4444}.spl-btn-text.danger:hover{background-color:#fef2f2;border-color:#dc2626;color:#b91c1c}.spl-btn-text.success{border-color:#10b981;color:#10b981}.spl-btn-text.success:hover{background-color:#ecfdf5;border-color:#059669;color:#047857}:root.dark .spl-btn-text,.dark .spl-btn-text{background-color:transparent;border-color:#3b82f6;color:#60a5fa}:root.dark .spl-btn-text:hover,.dark .spl-btn-text:hover{background-color:#3b82f626;border-color:#60a5fa;color:#93c5fd}:root.dark .spl-btn-text.danger,.dark .spl-btn-text.danger{border-color:#ef4444;color:#f87171}:root.dark .spl-btn-text.danger:hover,.dark .spl-btn-text.danger:hover{background-color:#ef444426;border-color:#f87171;color:#fca5a5}:root.dark .spl-btn-text.success,.dark .spl-btn-text.success{border-color:#10b981;color:#34d399}:root.dark .spl-btn-text.success:hover,.dark .spl-btn-text.success:hover{background-color:#10b98126;border-color:#34d399;color:#6ee7b7}.spl-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:transparent;border:1px solid #cbd5e1}.spl-btn-icon.warning{border-color:#f59e0b;color:#f59e0b}.spl-btn-icon.warning:hover{background-color:#fffbeb;border-color:#d97706;color:#d97706}.spl-btn-icon.danger{border-color:#ef4444;color:#ef4444}.spl-btn-icon.danger:hover{background-color:#fef2f2;border-color:#dc2626;color:#b91c1c}:root.dark .spl-btn-icon.warning,.dark .spl-btn-icon.warning{border-color:#f59e0b;color:#fbbf24}:root.dark .spl-btn-icon.warning:hover,.dark .spl-btn-icon.warning:hover{background-color:#f59e0b26;border-color:#fcd34d;color:#fde68a}:root.dark .spl-btn-icon.danger,.dark .spl-btn-icon.danger{border-color:#ef4444;color:#f87171}:root.dark .spl-btn-icon.danger:hover,.dark .spl-btn-icon.danger:hover{background-color:#ef444426;border-color:#f87171;color:#fca5a5}.spl-bc-actions{display:flex;gap:.5rem;margin-top:.25rem;border-top:1px solid var(--border-color, #f1f5f9);padding-top:.75rem}.spl-bc-btn{flex:1;padding:.4rem;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.spl-bc-btn.primary{background-color:#eff6ff;color:#2563eb}.spl-bc-btn.primary:hover{background-color:#2563eb;color:#fff}.spl-bc-btn.danger{background-color:#fef2f2;color:#dc2626}.spl-bc-btn.danger:hover{background-color:#dc2626;color:#fff}:root.dark .spl-bc-btn.primary,.dark .spl-bc-btn.primary{background-color:#2563eb26;color:#60a5fa}:root.dark .spl-bc-btn.primary:hover,.dark .spl-bc-btn.primary:hover{background-color:#2563eb;color:#fff}:root.dark .spl-bc-btn.danger,.dark .spl-bc-btn.danger{background-color:#dc262626;color:#f87171}:root.dark .spl-bc-btn.danger:hover,.dark .spl-bc-btn.danger:hover{background-color:#dc2626;color:#fff}.spl-status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.25rem}.spl-status-card{background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;text-align:left}.spl-status-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.spl-status-card.sc-amber:hover{border-color:#fcd34d;background-color:#fffbeb}.spl-status-card.sc-amber.active{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33;background-color:#fffbeb}.spl-status-card.sc-amber.active .spl-sc-title{color:#d97706}.spl-status-card.sc-amber.active .spl-sc-count{color:#b45309}.spl-status-card.sc-blue:hover{border-color:#93c5fd;background-color:#eff6ff}.spl-status-card.sc-blue.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;background-color:#eff6ff}.spl-status-card.sc-blue.active .spl-sc-title{color:#2563eb}.spl-status-card.sc-blue.active .spl-sc-count{color:#1d4ed8}.spl-status-card.sc-red:hover{border-color:#fca5a5;background-color:#fef2f2}.spl-status-card.sc-red.active{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433;background-color:#fef2f2}.spl-status-card.sc-red.active .spl-sc-title{color:#dc2626}.spl-status-card.sc-red.active .spl-sc-count{color:#b91c1c}.spl-status-card.sc-green:hover{border-color:#6ee7b7;background-color:#ecfdf5}.spl-status-card.sc-green.active{border-color:#10b981;box-shadow:0 0 0 2px #10b98133;background-color:#ecfdf5}.spl-status-card.sc-green.active .spl-sc-title{color:#059669}.spl-status-card.sc-green.active .spl-sc-count{color:#047857}.spl-sc-title{font-size:.75rem;font-weight:600;color:var(--text-muted, #64748b);transition:color .2s;display:flex;align-items:center;gap:.35rem}.spl-sc-count{font-size:1.5rem;font-weight:800;color:var(--text-color, #1e293b);line-height:1}.spl-sc-indicator{display:inline-block;width:6px;height:6px;background-color:#ef4444;border-radius:50%;box-shadow:0 0 0 2px #ef444433;animation:spl-pulse-indicator 2s infinite}@keyframes spl-pulse-indicator{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}:root.dark .spl-status-card,.dark .spl-status-card{background-color:#1e293b;border-color:#334155;box-shadow:0 4px 6px #0003}:root.dark .spl-sc-count,.dark .spl-sc-count{color:#f8fafc}:root.dark .spl-status-card.sc-amber:hover,.dark .spl-status-card.sc-amber:hover{border-color:#b45309;background-color:#f59e0b1a}:root.dark .spl-status-card.sc-amber.active,.dark .spl-status-card.sc-amber.active{border-color:#f59e0b;background-color:#f59e0b26;box-shadow:0 0 0 2px #f59e0b4d}:root.dark .spl-status-card.sc-amber.active .spl-sc-title,.dark .spl-status-card.sc-amber.active .spl-sc-title{color:#fbbf24}:root.dark .spl-status-card.sc-amber.active .spl-sc-count,.dark .spl-status-card.sc-amber.active .spl-sc-count{color:#fde68a}:root.dark .spl-status-card.sc-blue:hover,.dark .spl-status-card.sc-blue:hover{border-color:#1d4ed8;background-color:#3b82f61a}:root.dark .spl-status-card.sc-blue.active,.dark .spl-status-card.sc-blue.active{border-color:#3b82f6;background-color:#3b82f626;box-shadow:0 0 0 2px #3b82f64d}:root.dark .spl-status-card.sc-blue.active .spl-sc-title,.dark .spl-status-card.sc-blue.active .spl-sc-title{color:#60a5fa}:root.dark .spl-status-card.sc-blue.active .spl-sc-count,.dark .spl-status-card.sc-blue.active .spl-sc-count{color:#bfdbfe}:root.dark .spl-status-card.sc-red:hover,.dark .spl-status-card.sc-red:hover{border-color:#b91c1c;background-color:#ef44441a}:root.dark .spl-status-card.sc-red.active,.dark .spl-status-card.sc-red.active{border-color:#ef4444;background-color:#ef444426;box-shadow:0 0 0 2px #ef44444d}:root.dark .spl-status-card.sc-red.active .spl-sc-title,.dark .spl-status-card.sc-red.active .spl-sc-title{color:#f87171}:root.dark .spl-status-card.sc-red.active .spl-sc-count,.dark .spl-status-card.sc-red.active .spl-sc-count{color:#fecaca}:root.dark .spl-status-card.sc-green:hover,.dark .spl-status-card.sc-green:hover{border-color:#047857;background-color:#10b9811a}:root.dark .spl-status-card.sc-green.active,.dark .spl-status-card.sc-green.active{border-color:#10b981;background-color:#10b98126;box-shadow:0 0 0 2px #10b9814d}:root.dark .spl-status-card.sc-green.active .spl-sc-title,.dark .spl-status-card.sc-green.active .spl-sc-title{color:#34d399}:root.dark .spl-status-card.sc-green.active .spl-sc-count,.dark .spl-status-card.sc-green.active .spl-sc-count{color:#a7f3d0}.spl-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.spl-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.spl-modal-fullwidth{grid-column:1 / -1}.spl-modal-footer{display:flex;justify-content:flex-end;margin-top:2rem;gap:1rem}.spl-modal-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:.5rem;justify-content:center}.spl-modal-footer .hr-btn-primary{opacity:1}@media (max-width: 768px){.spl-page-header{flex-direction:column!important;gap:12px!important;margin-bottom:0!important;align-items:stretch!important}.spl-page-title{font-size:1.25rem!important}.spl-page-subtitle{font-size:.8rem!important}.spl-page-header>div:last-child{display:flex!important;flex-wrap:wrap!important;gap:10px!important;width:100%!important;justify-content:space-between!important}.spl-view-switcher{flex:1!important;min-width:150px!important}.spl-view-btn{flex:1!important;padding:8px!important;font-size:12px!important;justify-content:center!important}.spl-action-primary{flex:1!important;min-width:120px!important;justify-content:center!important;padding:8px 12px!important;font-size:13px!important}.spl-status-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:12px 0!important}.spl-status-card{padding:6px 8px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;min-height:auto!important}.spl-sc-title{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important;display:flex!important;align-items:center!important;gap:4px!important}.spl-sc-title svg{width:12px!important;height:12px!important}.spl-sc-count{font-size:14px!important;font-weight:700!important}.spl-main-workspace>div:first-child{position:relative!important}.spl-workspace-header{padding-right:8px!important;flex:0 0 auto!important;z-index:2}.spl-workspace-header h3{margin-top:0!important}.spl-workspace-toolbar{flex:1!important;display:flex!important;flex-direction:row!important;justify-content:flex-end!important;margin:0!important;padding:0!important}.spl-search-compact{max-width:none!important;width:36px!important;height:36px!important;border-radius:18px!important;overflow:hidden!important;transition:width .3s ease,border-color .2s ease,background .3s ease!important;padding:0 10px!important;cursor:pointer!important;background:var(--bg-slate, #f1f5f9)!important;border:1px solid var(--border-color, #cbd5e1)!important}.spl-search-compact.expanded{width:100%!important;max-width:200px!important;background:var(--card-bg, #ffffff)!important;border-color:#3b82f6!important;cursor:text!important;z-index:10}.spl-search-compact .spl-search-icon{flex-shrink:0!important}:root.dark .spl-search-compact.expanded,.dark .spl-search-compact.expanded{background:var(--card-bg, #1e293b)!important}.spl-main-workspace .hr-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch;margin:0 -16px!important;border-radius:0!important;border-left:none!important;border-right:none!important;padding-bottom:8px}.spl-main-workspace .hr-table{width:max-content!important;min-width:100%!important;table-layout:auto!important}.spl-main-workspace .hr-table th,.spl-main-workspace .hr-table td{padding:14px 18px!important;font-size:13px!important;line-height:1.4!important;white-space:nowrap!important}.spl-board-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:12px!important;padding:12px 16px!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;margin:0 -16px 16px!important}.spl-board-col{flex:0 0 280px!important;min-width:280px!important;max-width:280px!important;scroll-snap-align:start;margin:0!important}.spl-board-col-header{padding:10px 12px!important}.spl-board-card{padding:12px!important}.spl-empty-state{padding:32px 16px!important;margin:16px!important}.spl-empty-state svg{width:48px!important;height:48px!important;margin-bottom:12px!important}.spl-empty-state p{font-size:13px!important}.spl-main-workspace{margin:-12px 0 0!important;padding:0!important;gap:8px!important;border-radius:0!important;border:none!important;background:transparent!important}.spl-main-content{padding:12px 16px!important;gap:2px!important}.spl-form-modal{width:95%!important;max-height:90vh!important;padding:16px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.spl-form-modal .spl-modal-header{margin-bottom:12px!important;padding-bottom:8px!important;flex-shrink:0!important}.spl-form-modal .spl-modal-grid{display:flex!important;flex-direction:column!important;gap:12px!important;overflow-y:auto!important;padding-right:4px!important;flex-grow:1!important}.spl-form-modal .hr-form-group{margin-bottom:0!important}.spl-form-modal .hr-form-group label{margin-bottom:4px!important;font-size:11px!important}.spl-form-modal .hr-input{font-size:12px!important;padding:6px 10px!important;min-height:36px!important}.spl-form-modal .spl-emp-dropdown{width:100%!important;min-height:36px!important;padding:6px 10px!important}.spl-form-modal .spl-modal-footer{margin-top:16px!important;gap:8px!important;padding-top:12px!important;border-top:1px solid var(--border-color, #e2e8f0)!important;flex-shrink:0!important;justify-content:space-between!important}.spl-form-modal .spl-modal-btn{flex:1!important;padding:8px 10px!important;font-size:11px!important;min-height:32px!important;white-space:nowrap!important}.spl-form-modal .spl-modal-btn svg{width:14px!important;height:14px!important}.spl-form-modal .hr-input.spl-time-input{padding-left:36px!important}.spl-form-modal .spl-btn-reject.spl-modal-btn{background-color:var(--bg-slate, #f1f5f9)!important;color:var(--text-main, #334155)!important;border:1px solid var(--border-color, #cbd5e1)!important}.hr-top-banner h1{font-size:1.15rem!important}}.hr-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.95rem;font-family:inherit;color:var(--text-main, #0f172a);background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #cbd5e1);border-radius:8px;cursor:pointer;outline:none;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px;box-shadow:0 1px 2px #0000000d}.hr-select:hover{border-color:var(--primary, #3b82f6)}.hr-select:focus{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #3b82f6) 20%,transparent)}.hr-select:disabled{background-color:var(--bg-slate, #f1f5f9);color:var(--text-muted, #94a3b8);cursor:not-allowed;opacity:.7}.hr-radio{accent-color:var(--primary);width:18px;height:18px;cursor:pointer;transition:transform .2s ease}.hr-radio:hover{transform:scale(1.1)}.hr-db-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.hr-db-table th,.hr-db-table td{padding:.75rem 1rem;white-space:nowrap;border-bottom:1px solid var(--border-thin, #f1f5f9)}.hr-db-table thead th{background:var(--table-header-bg, #f8fafc);border-bottom:2px solid var(--border-thin, #e2e8f0);border-top:1px solid var(--border-thin, #e2e8f0);position:sticky;top:0;z-index:5}.hr-db-table tbody tr{background:var(--card-bg, #ffffff);transition:background .15s ease}.hr-db-table tbody tr:hover{background:#2563eb08}.hr-db-table .sticky-col-1{position:sticky;left:0;z-index:10;min-width:50px;max-width:50px}.hr-db-table .sticky-col-2{position:sticky;left:50px;z-index:10;min-width:100px;max-width:100px}.hr-db-table .sticky-col-3{position:sticky;left:150px;z-index:10;min-width:250px;max-width:250px}.hr-db-table thead .sticky-col-1,.hr-db-table thead .sticky-col-2,.hr-db-table thead .sticky-col-3{z-index:15}.hr-db-table td.sticky-col-1,.hr-db-table td.sticky-col-2,.hr-db-table td.sticky-col-3{background:inherit;border-right:1px solid var(--border-thin, #e2e8f0)}.hr-db-table th.sticky-col-3{border-right:1px solid var(--border-thin, #e2e8f0)}.cv-dashboard-container{display:flex;flex-direction:column;gap:1rem;height:100%;margin-top:-.5rem}.cv-top-banner{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 4px 20px #00000008;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.cv-top-banner h1{font-size:1.5rem;font-weight:700;color:var(--text-main, #0f172a);margin:0;display:flex;align-items:center;gap:.75rem}.cv-top-banner p{color:var(--text-muted, #64748b);font-size:.875rem;margin:.25rem 0 0}.cv-status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f614;color:#3b82f6;border-radius:50px;font-size:.8125rem;font-weight:600;border:1px solid rgba(59,130,246,.18)}.cv-status-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 8px #3b82f6;animation:cvPulse 2s infinite}@keyframes cvPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}.cv-main-layout{display:flex;flex:1;overflow:hidden;background-color:#f8fafc}.cv-subnav{width:260px;background:#fff;border-right:1px solid #e2e8f0;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.cv-subnav-title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding-left:12px}.cv-tab-btn{display:flex;align-items:center;gap:12px;padding:12px;border:none;background:transparent;width:100%;text-align:left;border-radius:8px;cursor:pointer;color:#475569;font-weight:500;font-size:14px;transition:all .2s}.cv-tab-btn:hover:not(.disabled){background-color:#f1f5f9;color:#0f172a}.cv-tab-btn.active{background-color:#eff6ff;color:#2563eb;font-weight:600}.cv-tab-icon{display:flex;align-items:center;justify-content:center}.cv-tab-btn.active .cv-tab-icon{color:#2563eb}.cv-tab-btn.disabled{opacity:.5;cursor:not-allowed}.cv-content-panel{flex:1;padding:12px 0 32px;overflow-y:auto}.cv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:cvModalFadeIn .2s ease}@keyframes cvModalFadeIn{0%{opacity:0}to{opacity:1}}.cv-modal{background:var(--card-bg, #ffffff);border-radius:16px;padding:2rem;width:90%;max-width:400px;box-shadow:0 20px 60px #00000026;animation:cvModalSlideUp .25s ease;text-align:center}@keyframes cvModalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cv-modal h3{font-size:1.15rem;font-weight:700;margin:1rem 0 .5rem;color:var(--text-main, #0f172a)}.cv-modal p{font-size:.9rem;color:var(--text-muted, #64748b);margin-bottom:1.5rem;line-height:1.5}.cv-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.cv-btn-primary:hover{background:color-mix(in srgb,var(--primary) 85%,black);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 25%,transparent)}.cv-folder-card{position:relative;background:var(--folder-theme-bg, white);border-radius:0 12px 12px;border:1px solid #e2e8f0;padding:24px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:12px;margin-top:16px}.cv-folder-card:before{content:"";position:absolute;top:-16px;left:-1px;width:120px;height:16px;background:var(--folder-theme-bg, white);border:1px solid #e2e8f0;border-bottom:none;border-radius:10px 10px 0 0;transition:border-color .2s}.cv-folder-card:after{content:"";position:absolute;top:-1px;left:0;width:118px;height:2px;background:var(--folder-theme-bg, white);z-index:1}.cv-folder-card:hover{border-color:var(--folder-theme-border, #3b82f6);box-shadow:0 4px 12px var(--folder-theme-shadow, rgba(59, 130, 246, .15))}.cv-folder-card:hover:before{border-color:var(--folder-theme-border, #3b82f6)}.cv-btn-excel{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#dcfce7;color:#166534;border:1px solid #bbf7d0;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease}.cv-tab-button.active{color:#166534;border:1px solid #bbf7d0;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease}.cv-btn-excel:hover{background:#bbf7d0}.cv-btn-excel:active{background:#107c41;color:#fff;border-color:#107c41}:root.dark{--bg-main: #0f172a;--card-bg: #1e293b;--border-thin: #334155;--text-main: #f8fafc;--text-muted: #94a3b8}:root.dark .cv-main-layout{background-color:var(--bg-main)}:root.dark .cv-subnav{background-color:var(--card-bg);border-color:var(--border-thin)}:root.dark .cv-tab-btn{color:var(--text-muted)}:root.dark .cv-tab-btn:hover:not(.disabled){background-color:var(--hover-bg, #334155);color:var(--text-main, #f8fafc)}:root.dark .cv-tab-btn.active{background-color:#3b82f633;color:#60a5fa}:root.dark .cv-folder-card,:root.dark .cv-folder-card:before,:root.dark .cv-folder-card:after{background:var(--card-bg, #1e293b)!important}:root.dark .cv-folder-card,:root.dark .cv-folder-card:before{border-color:var(--border-thin, #334155)}:root.dark .cv-folder-card:hover,:root.dark .cv-folder-card:hover:before{border-color:var(--folder-theme-border, #3b82f6)}:root.dark .cv-modal{background:var(--card-bg, #1e293b)}:root.dark .cv-status-pill,:root.dark .cv-kandidat-pill{background:var(--hover-bg, #334155)!important;border-color:var(--border-thin, #475569)!important}:root.dark .cv-btn-excel{background:#22c55e26;color:#4ade80;border-color:#22c55e40}:root.dark .cv-btn-excel:hover{background:#22c55e40}:root.dark .cv-btn-excel:active{background:#107c41;color:#fff}.cv-modal-close-btn{position:absolute;top:20px;right:20px;background:color-mix(in srgb,var(--text-main, #0f172a) 5%,transparent);border:none;color:var(--text-muted, #94a3b8);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cv-modal-close-btn:hover{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);transform:rotate(90deg)}:root.dark .cv-modal-close-btn{background:color-mix(in srgb,var(--text-main, #f1f5f9) 10%,transparent)}:root.dark .cv-modal-close-btn:hover{background:color-mix(in srgb,var(--primary) 20%,transparent)}.cv-score-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:16px;background:color-mix(in srgb,var(--primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent)}.cv-score-circle{position:relative;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 4px 12px #0000000d}:root.dark .cv-score-circle{background:var(--card-bg)}.cv-score-text{font-size:1.5rem;font-weight:800;color:var(--text-main);position:absolute}.cv-finding-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.9rem;color:var(--text-main);line-height:1.5}.cv-finding-item.strength .finding-icon{color:#10b981;background:#10b9811a;padding:4px;border-radius:50%}.cv-finding-item.concern .finding-icon{color:#f59e0b;background:#f59e0b1a;padding:4px;border-radius:50%}.cv-tab-container{display:flex;gap:.5rem;padding:.25rem;background:color-mix(in srgb,var(--text-muted) 10%,transparent);border-radius:10px;margin-bottom:1rem;width:fit-content}.cv-tab-button{padding:.5rem 1.25rem;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.cv-tab-button.active{background:var(--card-bg, white);color:var(--primary);box-shadow:0 2px 8px #0000000d}.cv-action-bar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--card-bg, white);border-top:1px solid var(--border-thin);border-radius:0 0 16px 16px;margin:0 -20px -20px}.cv-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-thin, #e2e8f0);background:var(--card-bg, white);color:var(--text-main, #334155);cursor:pointer;transition:all .2s ease;padding:0}.cv-back-btn:hover{background-color:var(--primary, #3b82f6);color:#fff;border-color:var(--primary, #3b82f6);transform:scale(1.05)}:root.dark .cv-back-btn{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .cv-back-btn:hover{background-color:var(--primary, #3b82f6);color:#fff;border-color:var(--primary, #3b82f6)}.cv-search-input{width:250px;height:40px;padding:8px 16px 8px 40px;border-radius:9999px;background-color:var(--bg-color, #f8fafc);color:var(--text-main, #0f172a);border:1px solid var(--border-thin, #cbd5e1);font-size:14px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.cv-search-input::placeholder{color:var(--text-muted, #94a3b8)}.cv-search-input:hover{border-color:var(--primary, #3b82f6)}.cv-search-input:focus{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #3b82f6) 15%,transparent);background-color:var(--card-bg, white)}:root.dark .cv-search-input{background-color:var(--bg-color, #0B1120);color:var(--text-main, #f8fafc);border-color:var(--border-thin, #334155)}:root.dark .cv-search-input:focus{background-color:var(--card-bg, #1e293b)}.cv-btn-excel{display:flex;align-items:center;gap:8px;background-color:#10b981;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;height:40px}.cv-btn-excel:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 6px -1px #10b98133,0 2px 4px -1px #10b9811a}.cv-btn-excel:active{transform:translateY(0)}.cv-analysis-box{background-color:var(--bg-color, rgba(248, 250, 252, .5))}:root.dark .cv-analysis-box{background-color:#0f172a4d}.cv-tab-container{display:flex;background:var(--bg-color, #f1f5f9);padding:4px;border-radius:8px;gap:4px}:root.dark .cv-tab-container{background:#0f172a80}.cv-tab-button{border:none;background:transparent;padding:6px 12px;font-size:13px;font-weight:600;color:var(--text-muted, #64748b);border-radius:6px;cursor:pointer;transition:all .2s}.cv-tab-button:hover{color:var(--text-main, #334155)}.cv-tab-button.active{background:var(--card-bg, white);color:var(--primary, #3b82f6);box-shadow:0 1px 3px #0000001a}:root.dark .cv-tab-button.active{background:var(--card-bg, #1e293b);box-shadow:0 1px 3px #0000004d}.btn-back-home{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color, #e2e8f0);background-color:transparent;cursor:pointer;color:var(--text-main, #334155);transition:all .2s;padding:0}.btn-back-home:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}:root.dark .btn-back-home,.dark .btn-back-home{color:var(--text-main, #e2e8f0);border-color:var(--border-color, #334155)}:root.dark .btn-back-home:hover,.dark .btn-back-home:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.pdf-tools-header{display:flex;flex-direction:column;gap:8px}.pdf-tools-title{font-size:24px;font-weight:700;color:var(--text-main);margin:0}.pdf-tools-subtitle{font-size:14px;color:var(--text-muted);margin:0}.pdf-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.pdf-tool-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px;cursor:pointer;transition:all .2s ease}.pdf-tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary)}.pdf-tool-icon-wrapper{width:48px;height:48px;border-radius:12px;background-color:#0d94881a;display:flex;align-items:center;justify-content:center;color:var(--primary)}.pdf-tool-info{display:flex;flex-direction:column;gap:4px}.pdf-tool-name{font-size:16px;font-weight:600;color:var(--text-main);margin:0}.pdf-tool-desc{font-size:13px;color:var(--text-muted);margin:0;line-height:1.4}.pdf-split-container{display:flex;flex-direction:column;gap:24px;background-color:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);padding:24px;position:relative}.upload-area{border:2px dashed var(--border-color);border-radius:12px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .2s ease;background-color:var(--bg-main)}.upload-area:hover,.upload-area.active{border-color:var(--primary);background-color:#0d948805}.upload-area-icon{width:64px;height:64px;border-radius:50%;background-color:#0d94881a;display:flex;align-items:center;justify-content:center;color:var(--primary)}.upload-area-text{text-align:center}.upload-area-title{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 4px}.upload-area-subtitle{font-size:14px;color:var(--text-muted);margin:0}.file-info-card{display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px}.file-info-details{flex:1;display:flex;flex-direction:column;gap:4px}.file-name{font-size:14px;font-weight:600;color:var(--text-main)}.file-meta{font-size:12px;color:var(--text-muted)}.results-area{display:flex;flex-direction:column;gap:16px;margin-top:24px;border-top:1px solid var(--border-color);padding-top:24px}.results-header{display:flex;align-items:center;justify-content:space-between}.results-title{font-size:16px;font-weight:600;color:var(--text-main);margin:0}.results-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.result-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px}.result-item-info{display:flex;align-items:center;gap:12px}.result-item-name{font-size:14px;font-weight:500;color:var(--text-main)}.result-item-meta{font-size:12px;color:var(--text-muted)}.download-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#0d94881a;color:var(--primary);border:1px solid rgba(13,148,136,.2);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.download-btn:hover{background-color:var(--primary);color:#fff}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;border-radius:16px}.dark .loading-overlay{background-color:#0f172acc}.npd-container{display:flex;width:100%;height:100vh;background-color:var(--bg-main, #f8fafc);overflow:hidden}.npd-main{flex:1;display:flex;flex-direction:column;height:100vh;min-width:0;overflow:hidden}.npd-content{flex:1;padding:1.5rem 1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.npd-header{display:flex;justify-content:space-between;align-items:flex-start;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.npd-header-left{display:flex;align-items:center;gap:1rem}.npd-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-slate, #f1f5f9);color:var(--text-main, #0f172a);border:1px solid var(--border-thin, #e2e8f0);cursor:pointer;transition:all .2s}.npd-back-btn:hover{background:var(--primary, #2563eb);color:#fff}.npd-badge-category{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;font-size:.75rem;font-weight:600;border-radius:9999px;letter-spacing:.02em}.npd-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-main, #0f172a);letter-spacing:-.02em}.npd-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted, #64748b)}.npd-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.npd-subtabs-nav{display:flex;gap:.5rem;background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;padding:.35rem;width:fit-content}.npd-subtab-link{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;border-radius:9px;font-size:.875rem;font-weight:600;color:var(--text-muted, #64748b);text-decoration:none;transition:all .2s;cursor:pointer}.npd-subtab-link:hover{color:var(--text-main, #0f172a);background:var(--bg-slate, #f1f5f9)}.npd-subtab-link.active{background:var(--primary, #2563eb);color:#fff;box-shadow:0 2px 4px #2563eb33}.npd-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.npd-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.npd-btn-primary{background:var(--primary, #2563eb);color:#fff}.npd-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.npd-btn-secondary{background:var(--card-bg, #ffffff);color:var(--text-main, #0f172a);border:1px solid var(--border-thin, #e2e8f0)}.npd-btn-secondary:hover{background:var(--bg-slate, #f8fafc)}.npd-monitoring-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:.5rem}@media (max-width: 1024px){.npd-monitoring-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.npd-monitoring-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}.npd-monitoring-card{min-width:260px;scroll-snap-align:start}}.npd-monitoring-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 2px #0000000a;transition:all .2s;position:relative;overflow:hidden;cursor:pointer}.npd-monitoring-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f;border-color:#cbd5e1}.npd-monitoring-card.theme-primary{border-top:3px solid #2563eb}.npd-monitoring-card.theme-teal{border-top:3px solid #0d9488}.npd-monitoring-card.theme-success{border-top:3px solid #16a34a}.npd-monitoring-card.theme-danger{border-top:3px solid #dc2626}.npd-monitoring-card.theme-primary.active-filter{background:#eff6ff;border-color:#2563eb}.npd-monitoring-card.theme-teal.active-filter{background:#f0fdfa;border-color:#0d9488}.npd-monitoring-card.theme-success.active-filter{background:#f0fdf4;border-color:#16a34a}.npd-monitoring-card.theme-danger.active-filter{background:#fef2f2;border-color:#dc2626}.npd-donut-chart{position:relative;width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--fill-color, #2563eb) calc(var(--percentage, 0) * 1%),#e2e8f0 0);display:flex;align-items:center;justify-content:center;flex-shrink:0}.npd-donut-inner{width:44px;height:44px;border-radius:50%;background:var(--card-bg, #ffffff);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-main, #0f172a)}.npd-monitoring-info{display:flex;flex-direction:column}.npd-monitoring-info h4{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #64748b)}.npd-monitoring-info p{margin:.25rem 0 0;font-size:1.5rem;font-weight:700;color:var(--text-main, #0f172a);line-height:1.1}.npd-monitoring-subtext{font-size:.7rem;color:#94a3b8;margin-top:.25rem}.npd-desktop-workspace{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:14px;padding:1rem;box-shadow:0 1px 2px #0000000a;display:flex;flex-direction:column}.npd-filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:transparent;padding:0 0 1rem}.npd-search-box{position:relative;flex:0 1 320px;max-width:100%}.npd-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted, #94a3b8)}.npd-search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border-radius:9999px;border:1px solid var(--border-color, #e2e8f0);background:var(--card-bg, #ffffff);color:var(--text-main, #0f172a);font-size:.875rem;font-weight:500;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.npd-search-input:hover{background:#00000005}.npd-search-input:focus{border-color:var(--primary, #2563eb);background:transparent}.npd-filter-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.npd-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:9999px;border:1px solid var(--border-color, #e2e8f0);background-color:var(--card-bg, #ffffff);color:var(--text-main, #0f172a);font-size:.875rem;font-weight:500;outline:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.npd-select:hover{background-color:#00000005;border-color:#cbd5e1}.npd-select:focus{border-color:var(--primary, #2563eb);background-color:var(--card-bg, #ffffff);box-shadow:0 0 0 3px #2563eb1a}.npd-table-wrapper{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005;overflow:hidden;display:flex;flex-direction:column}.npd-table-responsive{width:100%;overflow-x:auto}.npd-table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left;font-size:.875rem;border:none;border-radius:0}.npd-table thead{background:var(--bg-slate, #f8fafc)}.npd-table th{padding:1rem 1.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted, #64748b);white-space:nowrap;border-bottom:1px solid var(--border-thin, #e2e8f0)}.npd-table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.npd-table tbody tr:hover{background-color:var(--bg-slate, #f8fafc)}.npd-table td{padding:1rem 1.25rem;color:var(--text-main, #1e293b);vertical-align:middle;border-bottom:1px solid var(--border-thin, #f1f5f9)}.npd-table tbody tr:last-child td{border-bottom:none}.npd-btn-ghost{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-muted, #64748b);cursor:pointer;transition:all .2s ease}.npd-btn-ghost:hover{background:var(--bg-slate, #f1f5f9);color:var(--primary, #2563eb)}.dark .npd-btn-ghost{color:var(--text-muted)}.dark .npd-btn-ghost:hover{background:#ffffff0d;color:var(--primary, #3b82f6)}.npd-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.npd-badge-active{background:#dbeafe;color:#1d4ed8}.npd-badge-success{background:#dcfce7;color:#15803d}.npd-badge-danger{background:#fee2e2;color:#b91c1c}.npd-badge-warning{background:#fef3c7;color:#b45309}.npd-badge-neutral{background:#f1f5f9;color:#475569}.npd-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border-thin, #e2e8f0);background:var(--card-bg, #ffffff)}.npd-pagination-info{font-size:.875rem;color:var(--text-muted, #64748b)}.npd-pagination-controls{display:flex;align-items:center;gap:.5rem}.npd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:npdFadeIn .2s ease-out}.npd-modal-card{background:var(--card-bg, #ffffff);border-radius:20px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-thin, #e2e8f0);overflow:hidden;animation:npdSlideUp .25s ease-out}.npd-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1.75rem;border-bottom:1px solid var(--border-thin, #e2e8f0);background:var(--card-bg, #ffffff);flex-shrink:0}.npd-modal-title-group{display:flex;flex-direction:column;gap:.4rem}.npd-modal-part-name{margin:0;font-size:1.5rem;font-weight:800;color:var(--text-main, #0f172a);letter-spacing:-.02em}.npd-modal-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:.8125rem;color:var(--text-muted, #64748b);font-weight:500}.npd-modal-meta-item{display:flex;align-items:center;gap:.35rem}.npd-modal-meta-item strong{color:var(--text-main, #0f172a)}.npd-meta-divider{color:var(--border-thin, #cbd5e1)}.npd-modal-close{background:transparent;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.npd-modal-close:hover{background:var(--bg-slate, #f1f5f9);color:var(--text-main, #0f172a)}.npd-tabs-nav{display:flex;flex-shrink:0;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-slate, #f8fafc);border-bottom:1px solid var(--border-thin, #e2e8f0);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.npd-tabs-nav::-webkit-scrollbar{height:6px}.npd-tabs-nav::-webkit-scrollbar-track{background:transparent}.npd-tabs-nav::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.npd-tab-btn{flex:1 1 0;min-width:140px;padding:.75rem 1rem;border:1px solid var(--border-thin, #e2e8f0);border-radius:10px;background:var(--card-bg, #ffffff);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 2px #0000000d}.npd-tab-btn:hover{border-color:var(--primary, #2563eb);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.npd-tab-divisi{display:flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;transition:color .2s}.npd-tab-btn:hover .npd-tab-divisi{color:var(--primary, #2563eb)}.npd-tab-btn.active{background:var(--card-bg, #ffffff);border-color:var(--primary, #2563eb);box-shadow:0 0 0 1px var(--primary, #2563eb),0 4px 6px -1px #0000001a}.npd-tab-btn.active .npd-tab-divisi{color:var(--primary, #2563eb)}.npd-tab-workspace{font-size:.8rem;color:var(--text-main, #334155);font-weight:600;transition:color .2s;text-align:left}.npd-tab-btn.active .npd-tab-workspace{color:var(--primary, #2563eb)}.npd-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem}.npd-role-banner{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;width:fit-content;margin-bottom:0}.npd-role-banner.editable{background:#22c55e1a;color:#166534}.npd-role-banner.readonly{background:#ef44441a;color:#b91c1c}.npd-modal-section{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;padding:1.25rem;margin-bottom:0;display:flex;flex-direction:column;gap:1rem}.npd-section-title{font-size:.95rem;font-weight:700;color:var(--text-main, #0f172a);margin:0;padding-bottom:.75rem;border-bottom:1px solid var(--border-thin, #f1f5f9);display:flex;align-items:center;gap:.6rem}.npd-section-title svg{color:var(--primary, #2563eb);background:var(--bg-slate, #f8fafc);border:1px solid var(--border-thin, #e2e8f0);padding:.25rem;border-radius:8px;width:26px;height:26px;box-shadow:0 1px 2px #0000000d}.npd-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.npd-form-group{display:flex;flex-direction:column;gap:.5rem}.npd-form-group.full-width{grid-column:1 / -1}.npd-label{font-size:.8125rem;font-weight:600;color:var(--text-main, #334155);letter-spacing:.02em}.npd-input,.npd-textarea{padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border-thin, #cbd5e1);background:var(--card-bg, #ffffff);color:var(--text-main, #0f172a);font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;box-shadow:0 1px 2px #0000000a}.npd-textarea{resize:vertical;min-height:80px;line-height:1.5}.npd-input:focus:not(:disabled),.npd-textarea:focus:not(:disabled){outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f626,0 1px 2px #0000000d;background:var(--card-bg, #ffffff)}.npd-input:disabled,.npd-textarea:disabled{background:var(--bg-slate, #f8fafc);color:var(--text-muted, #475569);border-color:var(--border-thin, #e2e8f0);cursor:default;box-shadow:none}.npd-checkbox-group{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.15rem;border-radius:12px;background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px #0000000a}.npd-checkbox-group.file-item{background:var(--bg-slate, #f8fafc)}.npd-checkbox-group:hover:not(.disabled){border-color:var(--primary, #3b82f6);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transform:translateY(-1px)}.npd-checkbox-group.checked{background:#3b82f60d;border-color:var(--primary, #3b82f6);box-shadow:0 1px 2px #0ea5e90d}.npd-checkbox-group.disabled{cursor:default;background:var(--bg-slate, #f8fafc)}.npd-checkbox-group.disabled:not(.checked){opacity:.7}.npd-checkbox-label{font-size:.875rem;font-weight:600;color:var(--text-main, #1e293b);margin:-1px 0 0;cursor:inherit;flex:1;line-height:1.4}.npd-checkbox-group.checked .npd-checkbox-label{color:var(--primary, #0369a1)}.npd-fab-stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.npd-fab-stage-card{background:var(--bg-slate, #f8fafc);border:1px solid var(--border-thin, #e2e8f0);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s}.npd-fab-stage-card:focus-within{border-color:var(--primary, #2563eb)}.npd-fab-stage-card .npd-label{font-size:.7rem;color:var(--text-muted, #64748b);margin-bottom:0}.npd-fab-stage-card .npd-input{padding:.4rem .5rem;font-size:1.125rem;font-weight:700;text-align:right;border:none;background:transparent;box-shadow:none}.npd-fab-stage-card .npd-input:focus{background:var(--card-bg, #ffffff)}.npd-fab-stage-card .npd-input:disabled{background:transparent}.npd-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;border-top:1px solid var(--border-thin, #e2e8f0);background:var(--card-bg, #ffffff)}.npd-toast{position:fixed;bottom:2rem;right:2rem;background:#0f172a;color:#fff;padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;box-shadow:0 10px 25px -5px #0000004d;z-index:10000;animation:npdSlideUp .25s ease-out}.npd-toast.success{background:#15803d}.npd-toast.error{background:#b91c1c}@keyframes npdFadeIn{0%{opacity:0}to{opacity:1}}@keyframes npdSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.npd-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:npdShimmer 1.5s infinite;border-radius:8px}@keyframes npdShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.npd-pagination{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0 0;margin-top:1rem;border-top:1px dashed var(--border-thin, #e2e8f0)}.npd-pagination-info{font-size:.85rem;color:var(--text-muted, #64748b);font-weight:500}.npd-pagination-controls{display:flex;align-items:center;gap:.25rem;background:var(--bg-main, #f8fafc);border:1px solid var(--border-thin, #e2e8f0);border-radius:9999px;padding:.25rem}.npd-page-btn{display:flex;align-items:center;gap:.25rem;padding:.4rem .85rem;border-radius:9999px;border:none;background:transparent;color:var(--text-muted, #64748b);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.npd-page-btn:hover:not(:disabled){background:var(--card-bg, #ffffff);color:var(--text-main, #0f172a);box-shadow:0 1px 3px #0000000d}.npd-page-btn:disabled{opacity:.4;cursor:not-allowed}.npd-page-text{font-size:.8rem;font-weight:700;color:var(--text-main, #0f172a);padding:0 .5rem}@media (min-width: 1024px){.npd-header{padding:0;box-shadow:none;border:none;background:transparent;border-radius:0;margin-bottom:0}.npd-title{font-size:1.25rem}.npd-subtabs-nav{background:transparent;border:none;border-bottom:1px solid var(--border-thin, #e2e8f0);border-radius:0;padding:0;width:100%;gap:1.5rem;margin-bottom:0}.npd-subtab-link{padding:.5rem 0;border-radius:0;border-bottom:2px solid transparent;background:transparent}.npd-subtab-link:hover{background:transparent;color:var(--primary, #2563eb)}.npd-subtab-link.active{background:transparent;color:var(--primary, #2563eb);border-bottom:2px solid var(--primary, #2563eb);box-shadow:none}.npd-desktop-kpi{gap:0;border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;background:var(--card-bg, #ffffff);overflow:hidden}.npd-desktop-kpi-card{border:none;border-radius:0;border-right:1px solid var(--border-thin, #e2e8f0);box-shadow:none;padding:1rem 1.5rem;background:transparent;gap:.75rem}.npd-desktop-kpi-card:last-child{border-right:none}.npd-desktop-kpi-card:hover{transform:none;box-shadow:none;background:var(--bg-slate, #f8fafc)}.npd-desktop-kpi-icon{width:32px;height:32px;border-radius:8px;opacity:.8}.npd-desktop-kpi-icon svg{width:18px;height:18px}.npd-desktop-kpi-info{display:flex;flex-direction:column-reverse}.npd-desktop-kpi-info h4{font-size:.75rem;margin-top:.25rem}.npd-desktop-kpi-info p{font-size:1.5rem;margin:0;line-height:1.1}.npd-desktop-workspace{display:flex;flex-direction:column;gap:1rem}.npd-desktop-toolbar{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;margin:0}.npd-desktop-table{border:1px solid var(--border-thin, #e2e8f0);border-radius:12px;background:var(--card-bg, #ffffff);box-shadow:0 1px 3px #0000000d;padding:0;overflow:hidden}.npd-table th{text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:var(--text-muted, #64748b);background:#f8fafc;padding:.875rem 1rem;border-bottom:1px solid var(--border-thin, #e2e8f0)}.npd-table td{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9}.npd-table tr:hover td{background:#f8fafc}.npd-table tr:last-child td{border-bottom:none}.npd-desktop-badge{border-radius:9999px;padding:.25rem .65rem;gap:.35rem;font-weight:600}.npd-badge-dot{display:none}.npd-badge-neutral{background:#f8fafc!important;color:#475569!important;border:1px solid #cbd5e1!important}.npd-badge-warning{background:#fffbeb!important;color:#b45309!important;border:1px solid #fde68a!important}.npd-badge-active{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}.npd-badge-success{background:#f0fdf4!important;color:#15803d!important;border:1px solid #bbf7d0!important}.npd-badge-danger{background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fecaca!important}.npd-action-inline{display:flex;align-items:flex-start;gap:.35rem;font-size:.75rem;font-weight:600;color:#475569;transition:color .2s;cursor:default}.npd-action-inline:hover{color:#0f172a}.npd-action-icon{color:#2563eb;flex-shrink:0;margin-top:.1rem}.npd-action-text-inner{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.4}.npd-desktop-action-btn{border:none!important;background:#eff6ff!important;color:#2563eb!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.npd-desktop-action-btn:hover{background:#2563eb!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #2563eb33}}.dark .npd-container,.dark .npd-main{background-color:var(--bg-color)}.dark .npd-subtabs-nav{background:transparent;border-color:transparent}.dark .npd-subtab-link:hover{background:#ffffff14;color:var(--text-main)}.dark .npd-monitoring-card{background:var(--card-bg);border-color:var(--border-thin)}.dark .npd-monitoring-card:hover{border-color:var(--text-muted)}.dark .npd-monitoring-card.theme-primary.active-filter{background:#2563eb1a}.dark .npd-monitoring-card.theme-teal.active-filter{background:#0d94881a}.dark .npd-monitoring-card.theme-success.active-filter{background:#16a34a1a}.dark .npd-monitoring-card.theme-danger.active-filter{background:#dc26261a}.dark .npd-donut-chart{background:conic-gradient(var(--fill-color, #3b82f6) calc(var(--percentage, 0) * 1%),var(--border-thin) 0)}.dark .npd-donut-inner{background:var(--card-bg)}.dark .npd-table-wrapper,.dark .npd-desktop-table{background:var(--card-bg);border-color:var(--border-thin)}.dark .npd-table{border:none}.dark .npd-table thead{background:var(--bg-slate, #0f172a)}.dark .npd-table th{background:transparent;border-bottom-color:var(--border-thin);color:var(--text-muted)}.dark .npd-table td{border-bottom-color:var(--border-thin);color:var(--text-main)}.dark .npd-table tbody tr:hover td,.dark .npd-table tbody tr:hover{background-color:#ffffff08}.dark .npd-badge-neutral{background:var(--border-thin)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}.dark .npd-badge-warning{background:#f59e0b1a!important;color:#fbbf24!important;border-color:#f59e0b33!important}.dark .npd-badge-active{background:#2563eb1a!important;color:#60a5fa!important;border-color:#2563eb33!important}.dark .npd-badge-success{background:#22c55e1a!important;color:#4ade80!important;border-color:#22c55e33!important}.dark .npd-badge-danger{background:#ef44441a!important;color:#f87171!important;border-color:#ef444433!important}.dark .npd-badge-category{background:#2563eb1a;color:#60a5fa;border-color:#2563eb33}.dark .npd-action-inline{color:var(--text-muted)}.dark .npd-action-inline:hover{color:var(--text-main)}.dark .npd-action-icon{color:#60a5fa}.dark .npd-desktop-action-btn,.dark .npd-btn-secondary{background:#2563eb1a!important;color:#60a5fa!important;border-color:#2563eb33!important}.dark .npd-desktop-action-btn:hover,.dark .npd-btn-secondary:hover{background:#3b82f6!important;color:#fff!important}.dark .npd-search-box{background:var(--card-bg);border-color:var(--border-thin)}.dark .npd-search-input{color:var(--text-main)}.dark .npd-select{background:var(--card-bg);border-color:var(--border-thin);color:var(--text-main)}.dark .npd-select:hover{border-color:var(--text-muted)}.dark .npd-custom-select-menu{background:var(--card-bg)!important;border-color:var(--border-thin)!important}.dark .npd-pagination{border-color:var(--border-thin)}.dark .npd-page-btn{background:var(--card-bg);border-color:var(--border-thin);color:var(--text-main)}.dark .npd-page-btn:not(:disabled):hover{background:var(--border-thin)}.dark .npd-page-btn:disabled{background:#ffffff0d}.dark .npd-modal-section{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}.dark .npd-section-title{color:var(--text-main, #f8fafc);border-bottom-color:var(--border-thin, #334155)}.dark .npd-input,.dark .npd-textarea{background:var(--bg-slate, #0f172a);color:var(--text-main, #f8fafc);border-color:var(--border-thin, #334155)}.dark .npd-input:focus:not(:disabled),.dark .npd-textarea:focus:not(:disabled){border-color:var(--primary, #3b82f6)}.dark .npd-input:disabled,.dark .npd-textarea:disabled{background:#ffffff08;color:var(--text-main, #f8fafc)}.dark .npd-checkbox-group{background:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155)}.dark .npd-checkbox-group.file-item{background:var(--card-bg, #1e293b)}.dark .npd-checkbox-group.checked{background:#3b82f626;border-color:#3b82f64d}.dark .npd-checkbox-group:hover:not(.disabled){border-color:var(--primary, #3b82f6)}.dark .npd-checkbox-label{color:var(--text-main, #f8fafc)}.dark .npd-fab-stage-card{background:var(--bg-slate, #0f172a);border-color:var(--border-thin, #334155)}.dark .npd-fab-stage-card .npd-label{color:var(--text-muted, #94a3b8)}.dark .npd-fab-stage-card .npd-input{color:var(--text-main, #f8fafc)}.dark .npd-fab-stage-card .npd-input:focus{background:var(--card-bg, #1e293b)}.dark .npd-role-banner.readonly{background:#ffffff0d;color:var(--text-muted, #94a3b8)}.dark .npd-role-banner.editable{background:#22c55e26;color:#4ade80}.dark .npd-modal-card{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}.dark .npd-modal-header{background:var(--card-bg, #1e293b);border-bottom-color:var(--border-thin, #334155)}.dark .npd-modal-part-name,.dark .npd-modal-meta-item strong{color:var(--text-main, #f8fafc)}.dark .npd-tabs-nav{background:var(--bg-slate, #0f172a);border-bottom-color:var(--border-thin, #334155)}.dark .npd-tabs-nav::-webkit-scrollbar-thumb{background-color:#475569}.dark .npd-tab-btn{background:var(--card-bg, #1e293b);border-color:var(--border-thin, #334155)}.dark .npd-tab-btn:hover{border-color:var(--primary, #3b82f6)}.dark .npd-tab-divisi{color:var(--text-muted, #94a3b8)}.dark .npd-tab-btn:hover .npd-tab-divisi{color:var(--primary, #3b82f6)}.dark .npd-tab-btn.active{background:var(--bg-slate, #0f172a);border-color:var(--primary, #3b82f6);box-shadow:0 0 0 1px var(--primary, #3b82f6)}.dark .npd-tab-btn.active .npd-tab-divisi{color:var(--primary, #3b82f6)}.dark .npd-tab-workspace{color:var(--text-main, #e2e8f0)}.dark .npd-tab-btn.active .npd-tab-workspace{color:var(--primary, #3b82f6)}.dark .npd-modal-footer{background:var(--card-bg, #1e293b);border-top-color:var(--border-thin, #334155)}.dark .npd-modal-close:hover{background:var(--border-thin, #334155);color:var(--text-main, #f8fafc)}.dark .npd-role-banner.readonly{background:#ef444426;color:#fca5a5}.recap-page-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.npd-flow-section{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;width:100%}.npd-flow-header{margin-bottom:1.5rem;text-align:left}.npd-flow-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-main, #0f172a)}.npd-flow-desc{margin:.35rem 0 0;font-size:.8125rem;color:var(--text-muted, #64748b)}.npd-flow-container{display:flex;flex-wrap:nowrap;align-items:flex-start;width:100%;overflow-x:auto;padding-bottom:1rem;scrollbar-width:none;-ms-overflow-style:none}.npd-flow-container::-webkit-scrollbar{display:none}.npd-flow-stage{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2;flex:0 0 auto;width:140px;text-align:center}.npd-flow-stage-name{font-size:.75rem;font-weight:600;color:var(--text-main, #0f172a);line-height:1.2;height:28px;display:flex;align-items:flex-end;justify-content:center}.npd-flow-node{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.npd-flow-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;transition:all .3s ease}.npd-flow-dot.active{background:var(--primary)}.npd-flow-node:has(.npd-flow-dot.active){border-color:var(--primary);background:var(--primary-focus)}.npd-flow-count{font-size:.875rem;font-weight:700;color:var(--text-muted, #94a3b8)}.npd-flow-count.active{color:var(--primary-hover)}.npd-flow-line-wrapper{display:none}.npd-flow-node:after{content:"";position:absolute;top:50%;left:20px;width:140px;height:2px;background:#e2e8f0;z-index:-1;transform:translateY(-50%)}.npd-flow-stage:last-child .npd-flow-node:after{display:none}.recap-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:100%}.recap-grid{display:grid;grid-template-columns:60% 38%;justify-content:space-between;gap:1.5rem;align-items:stretch;width:100%}.recap-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-thin, #e2e8f0);background:var(--card-bg, #ffffff)}.recap-title-with-badge{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.recap-card-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-main, #0f172a);display:flex;align-items:center;gap:.5rem}.recap-timestamp-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:9999px;background:var(--bg-slate, #f1f5f9);color:var(--text-muted, #64748b);border:1px solid var(--border-thin, #e2e8f0)}.recap-card-desc{margin:.35rem 0 0;font-size:.8125rem;color:var(--text-muted, #64748b)}.npd-recap-list{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;height:420px;overflow-y:auto;flex:1}.npd-recap-item{display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease;padding:.5rem;border-radius:8px;margin:-.5rem;width:100%}.npd-recap-item.interactive{cursor:pointer}.npd-recap-item.interactive:hover{background-color:var(--bg-slate, #f8fafc)}.npd-recap-item-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.npd-recap-item-name-group{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.npd-recap-item-name{font-size:.875rem;font-weight:600;color:var(--text-main, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npd-recap-item-action{font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;color:var(--primary);opacity:0;transform:translate(-5px);transition:all .2s ease;white-space:nowrap}.npd-recap-item.interactive:hover .npd-recap-item-action{opacity:1;transform:translate(0)}.npd-recap-item-count{font-size:.9rem;font-weight:700;flex-shrink:0}.npd-recap-item-count.has-value{color:var(--primary-hover)}.npd-recap-item-count.zero{color:var(--text-muted, #94a3b8)}.npd-recap-bar-bg{width:100%;height:8px;background-color:#f1f5f9;border-radius:999px;overflow:hidden}.npd-recap-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-hover) 100%);border-radius:999px;transition:width .5s ease-out}.npd-recap-item.interactive:hover .npd-recap-bar-fill{background:linear-gradient(90deg,var(--primary-hover) 0%,var(--primary-active) 100%)}.delay-title{color:#0f172a!important}.delay-kpi-hero{background:linear-gradient(135deg,#f97316,#ef4444);margin:1.25rem 1.5rem 0;padding:1.25rem 1.5rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:none;box-shadow:0 4px 10px #ef444440}.delay-kpi-hero-content{display:flex;flex-direction:column}.delay-kpi-hero-number{font-size:2.25rem;font-weight:800;color:#fff;line-height:1}.delay-kpi-hero-label{font-size:.8125rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-top:.35rem;opacity:.9}.npd-delay-list{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;height:420px;overflow-y:auto;flex:1}.npd-delay-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:8px;background:#fff;border:1px solid var(--border-thin, #e2e8f0);border-left-width:4px;transition:all .2s ease;width:100%}.npd-delay-item.interactive{cursor:pointer}.npd-delay-item.interactive:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.npd-delay-item.empty{opacity:.6}.npd-delay-item-count{font-size:1.15rem;font-weight:800;min-width:30px;text-align:center;flex-shrink:0}.npd-delay-item-title{font-size:.875rem;font-weight:600;color:var(--text-main, #0f172a);line-height:1.3;flex:1}.npd-delay-item-action{font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;opacity:0;transform:translate(-5px);transition:all .2s ease;white-space:nowrap}.npd-delay-item.interactive:hover .npd-delay-item-action{opacity:1;transform:translate(0)}.npd-delay-item.warning{border-left-color:#f59e0b}.npd-delay-item.warning .npd-delay-item-count{color:#b45309}.npd-delay-item.warning .npd-delay-item-action{color:#d97706}.npd-delay-item.warning.interactive:hover{border-color:#fcd34d;border-left-color:#f59e0b}.npd-delay-item.danger{border-left-color:#f97316}.npd-delay-item.danger .npd-delay-item-count{color:#c2410c}.npd-delay-item.danger .npd-delay-item-action{color:#ea580c}.npd-delay-item.danger.interactive:hover{border-color:#fdba74;border-left-color:#f97316}.npd-delay-item.critical{border-left-color:#ef4444}.npd-delay-item.critical .npd-delay-item-count{color:#b91c1c}.npd-delay-item.critical .npd-delay-item-action{color:#dc2626}.npd-delay-item.critical.interactive:hover{border-color:#fca5a5;border-left-color:#ef4444}@media (max-width: 1024px){.recap-grid{grid-template-columns:1fr}}@media (max-width: 768px){.npd-flow-container{flex-direction:column;align-items:flex-start;gap:1.5rem}.npd-flow-stage{flex-direction:row;width:100%;justify-content:flex-start;max-width:none;height:auto}.npd-flow-stage-name{width:150px;text-align:left;height:auto;align-items:center;justify-content:flex-start;white-space:normal}.npd-flow-node:after{top:20px;left:9px;width:2px;height:40px;transform:none}}.dark .npd-flow-node{background:var(--card-bg);border-color:var(--border-thin)}.dark .npd-flow-dot{background:var(--border-thin)}.dark .npd-flow-node:after{background:var(--border-thin)}.dark .recap-timestamp-badge{background:#ffffff0d}.dark .npd-recap-bar-bg{background-color:var(--border-thin)}.dark .npd-recap-item.interactive:hover{background-color:#ffffff0d}.dark .npd-delay-item{background:var(--bg-color)}.dark .delay-title{color:var(--text-main)!important}.dark .npd-flow-count.active,.dark .npd-recap-item-count.has-value,.dark .npd-recap-item-action{color:var(--primary-hover)}.dark .npd-delay-item.warning .npd-delay-item-count,.dark .npd-delay-item.warning .npd-delay-item-action{color:#fbbf24}.dark .npd-delay-item.danger .npd-delay-item-count,.dark .npd-delay-item.danger .npd-delay-item-action{color:#fb923c}.dark .npd-delay-item.critical .npd-delay-item-count,.dark .npd-delay-item.critical .npd-delay-item-action{color:#f87171}.dark .npd-delay-item.warning.interactive:hover{border-color:#b45309}.dark .npd-delay-item.danger.interactive:hover{border-color:#c2410c}.dark .npd-delay-item.critical.interactive:hover{border-color:#b91c1c}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:58px;background:#fff;border-top:1px solid var(--border-color, #e2e8f0);border-top-left-radius:16px;border-top-right-radius:16px;z-index:9999;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000000d;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-bottom-nav.hidden-nav{transform:translateY(100%)}:root.dark .mobile-bottom-nav,.dark .mobile-bottom-nav{background:#1e293b;border-top:1px solid var(--border-color, #334155)}.mobile-bottom-nav .mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;height:100%;color:var(--text-muted, #64748b);opacity:1;cursor:pointer;transition:all .2s ease}:root.dark .mobile-bottom-nav .mobile-nav-item,.dark .mobile-bottom-nav .mobile-nav-item{color:#94a3b8}.mobile-bottom-nav .mobile-nav-item span{font-size:9px;font-weight:500;padding:3px 10px;border-radius:999px;background:transparent;transition:all .2s ease}.mobile-bottom-nav .mobile-nav-item:hover{color:var(--primary);opacity:.8}.mobile-bottom-nav .mobile-nav-item.active{color:var(--primary, #3b82f6);opacity:1}.mobile-bottom-nav .mobile-nav-item.active span{background-color:var(--primary, #3b82f6);color:#fff}}:root.dark,.dark{--bg-slate: rgba(30, 41, 59, .6);--bg-alert: rgba(153, 27, 27, .2);--border-alert: rgba(153, 27, 27, .5);--error: #ef4444;--success: #22c55e}.so-page-container{padding:1rem;width:100%}.so-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.so-header-left{display:flex;align-items:flex-start;gap:.75rem}.so-header-icon{display:flex;align-items:center;justify-content:center}.so-title{font-size:1.4rem;font-weight:700;margin:0;color:var(--text-main, #111827);display:flex;align-items:center;gap:.5rem}.so-subtitle{font-size:.85rem;color:var(--text-muted, #6b7280);margin-top:.2rem}.so-division-badge{display:inline-flex;align-items:center;gap:6px;background:#0ea5e91a;color:#0284c7;border:1px solid rgba(14,165,233,.25);padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600}.so-role-switcher-card{display:flex;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.so-role-card{display:flex;align-items:center;gap:.85rem;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;padding:.75rem 1rem;cursor:pointer;text-align:left;transition:all .2s ease;min-width:220px}.so-role-card-icon{color:#64748b;transition:all .2s ease}.so-role-card-content{display:flex;flex-direction:column;gap:2px}.so-role-card-title{font-size:.85rem;font-weight:700;color:var(--text-main, #334155)}.so-role-card-desc{font-size:.75rem;color:var(--text-muted, #64748b)}.so-role-card:hover{background:var(--hover-bg, rgba(2, 132, 199, .04));border-color:var(--primary, #0284c7)}.so-role-card:hover .so-role-card-icon,.so-role-card:hover .so-role-card-title{color:var(--primary, #0284c7)}.so-role-card.active{background:var(--hover-bg, rgba(2, 132, 199, .05));border-color:var(--primary, #0284c7)}.so-role-card.active .so-role-card-icon,.so-role-card.active .so-role-card-title{color:var(--primary, #0284c7)}.dark .so-role-card{background:#0f172a;border-color:#334155}.dark .so-role-card.active{background:#1e293b;border-color:#38bdf8}.so-subtabs-nav{display:flex;gap:.5rem;border-bottom:2px solid var(--border-color, #e2e8f0);margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none}.so-subtabs-nav::-webkit-scrollbar{display:none}.so-subtab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;color:var(--text-muted, #64748b);border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.so-subtab-btn:hover{color:var(--primary, #0284c7);background:var(--hover-bg, rgba(2, 132, 199, .04));border-radius:8px 8px 0 0}.so-subtab-btn.active{color:var(--primary, #0284c7);border-bottom-color:var(--primary, #0284c7);font-weight:700}.so-tab-badge{font-size:.725rem;padding:.15rem .5rem;border-radius:9999px;background:#0284c71a;color:#0284c7;font-weight:600}.so-subtab-btn.active .so-tab-badge{background:#0284c7;color:#fff}.so-filter-tabs{display:inline-flex;align-items:center;background:var(--sidebar-hover, #f1f5f9);padding:4px;border-radius:9999px;gap:2px}.so-filter-tab{border:none;background:transparent;padding:.45rem 1rem;border-radius:9999px;font-size:.8rem;font-weight:600;color:var(--text-muted, #64748b);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.so-filter-tab:hover:not(.active){color:var(--text-main, #334155)}.so-filter-tab.active{background:var(--card-bg, #ffffff);color:var(--primary, #0284c7);box-shadow:0 1px 3px #0000001a}.so-filter-count{background:var(--border-color);color:inherit;padding:2px 6px;border-radius:999px;font-size:.7rem;font-weight:700}.so-filter-tab.active .so-filter-count{background:#0284c726}.so-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.so-card-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:var(--text-main, #111827)}.so-card-desc{margin:0 0 .75rem;font-size:.85rem;color:var(--text-muted, #64748b)}.so-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color, #e2e8f0)}.so-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.so-table th{background:var(--bg-color);padding:.75rem 1rem;font-weight:600;color:var(--text-muted, #475569);border-bottom:1px solid var(--border-color, #e2e8f0);position:sticky;top:0;z-index:10}.so-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-color, #f1f5f9);vertical-align:middle;word-break:break-word}.so-table tr:hover{background:#0284c705}.so-badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.so-badge-draft{background:var(--bg-color);color:var(--text-muted);border:1px solid var(--border-color)}.so-badge-assigned{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent)}.so-badge-progress{background:color-mix(in srgb,var(--warning) 10%,transparent);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent)}.so-badge-completed{background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}.so-badge-empty{background:color-mix(in srgb,var(--error) 10%,transparent);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 30%,transparent);cursor:pointer;transition:transform .15s}.so-badge-empty:hover{transform:scale(1.05)}.so-icon-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-main, #334155);border-radius:50%;transition:all .2s ease}.so-icon-btn:hover{background:var(--hover-bg, rgba(2, 132, 199, .08));color:var(--primary, #0284c7)}.so-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;transition:all .2s ease}.so-btn-primary{background:var(--primary, #0284c7);color:#fff}.so-btn-primary:hover:not(:disabled){background:#0369a1;transform:translateY(-1px)}.so-btn-secondary{background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color)}.so-btn-secondary:hover:not(:disabled){background:var(--sidebar-hover)}.so-btn-outline{background:transparent;color:var(--text-main);border:1px solid var(--border-color)}.so-btn-outline:hover:not(:disabled){background:var(--sidebar-hover);border-color:var(--text-muted)}.so-btn-info{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.so-btn-info:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 15%,transparent)}.so-btn-demo{background:color-mix(in srgb,var(--warning) 8%,transparent);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 20%,transparent)}.so-btn-demo:hover:not(:disabled){background:color-mix(in srgb,var(--warning) 15%,transparent)}.so-btn-success{background:#10b981;color:#fff}.so-btn-success:hover:not(:disabled){background:#059669}.so-btn-finish{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:9999px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 14px #10b9814d;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden}.so-btn-finish:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #10b98166}.so-btn-finish:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:0 2px 6px #10b98140}.so-btn-danger{background:#ef4444;color:#fff}.so-btn:disabled{opacity:.5;cursor:not-allowed}.so-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.85rem;margin-top:1rem}.so-folder-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;padding:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 10px #00000005}.so-folder-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 50%,var(--border-color));box-shadow:0 12px 24px #0000000f}.so-folder-card.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 3%,var(--card-bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.so-folder-card.completed{border-color:color-mix(in srgb,var(--success) 30%,var(--border-color));background:color-mix(in srgb,var(--success) 2%,var(--card-bg))}.so-folder-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.so-folder-icon-wrapper{width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.so-folder-card.completed .so-folder-icon-wrapper{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.so-folder-info{flex:1;display:flex;flex-direction:column;gap:2px}.so-folder-subtitle{font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em}.so-folder-title{margin:0;font-size:.9rem;font-weight:700;color:var(--text-main);line-height:1.2}.so-progress-section{display:flex;flex-direction:column;gap:.5rem}.so-progress-stats{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.so-progress-stats strong{color:var(--text-main);font-weight:700}.so-folder-footer{padding-top:.75rem;border-top:1px dashed var(--border-color);margin-top:auto}.so-pic-info{display:flex;align-items:center;justify-content:space-between}.so-pic-role{display:flex;flex-direction:column;gap:2px}.so-pic-label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.so-pic-name{font-size:.8rem;font-weight:600;color:var(--text-main)}.so-pic-divider{width:1px;height:24px;background:var(--border-color)}.so-progress-bar-bg{width:100%;height:6px;background:color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:9999px;overflow:hidden;margin:.25rem 0 0}.so-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--success));border-radius:9999px;transition:width .3s ease}.so-search-container{position:relative;display:flex;align-items:center;width:100%}.so-search-input{width:100%;padding:.65rem 1rem .65rem 2.5rem;border-radius:9999px;border:1px solid var(--border-color, #cbd5e1);background:var(--bg-color, #f8fafc);color:var(--text-main, #1e293b);font-size:.875rem;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}select.so-search-input{padding-left:1rem;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}select.so-search-input:hover,select.so-search-input:focus{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230284c7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E)}.so-pill-dropdown .custom-dropdown-button{border-radius:9999px!important;padding:.65rem 1.25rem!important;font-size:.875rem!important;background:var(--bg-color, #f8fafc)!important;color:var(--text-main, #1e293b)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.so-pill-dropdown .custom-dropdown-button:hover{border-color:var(--primary, #0284c7)!important}.so-pill-dropdown .custom-dropdown-button.active{border-color:var(--primary, #0284c7)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)!important;background-color:var(--card-bg, #ffffff)!important}.so-search-input::placeholder{color:var(--text-muted, #64748b)}.so-search-input:hover{border-color:var(--primary, #0284c7)}.so-search-input:focus{border-color:var(--primary, #0284c7);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent);background-color:var(--card-bg, #ffffff)}.so-search-icon{position:absolute;left:.85rem;color:var(--text-muted, #94a3b8);pointer-events:none}.so-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}.so-modal-box{background:var(--bg-card, #ffffff);border-radius:14px;width:100%;max-width:650px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000000a;border:1px solid var(--border-color, #e2e8f0);animation:scaleUp .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.so-modal-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color, #e2e8f0)}.so-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.so-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;gap:.75rem;background:var(--bg-card, #f8fafc)}.so-countdown-alert{background:#fffbeb;border:1px solid #fef3c7;border-left:4px solid #f59e0b;padding:1rem;border-radius:8px;margin-bottom:1.25rem;display:flex;gap:.75rem;align-items:flex-start}.dark .so-countdown-alert{background:#f59e0b1a;border-color:#f59e0b40}.so-timer-pill{background:#f59e0b;color:#fff;padding:.2rem .6rem;border-radius:9999px;font-weight:700;font-size:.8rem;display:inline-flex;align-items:center;gap:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.so-container{padding:1rem}.so-header{flex-direction:column;align-items:flex-start}.so-tabs-nav{width:100%}.so-folder-grid{grid-template-columns:1fr}}.dark .so-filter-tabs{background:var(--bg-slate, rgba(30, 41, 59, .6))}.dark .so-filter-tab.active{background:var(--hover-bg, rgba(255, 255, 255, .05));color:var(--primary);box-shadow:0 1px 3px #00000080}.dark .so-search-input{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);color:var(--text-main, #f8fafc)}.po-outstanding-container{padding:1.5rem;width:100%;max-width:1400px;margin:0 auto}.po-header{margin-bottom:1rem}.po-title{font-size:1.5rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.po-subtitle{color:var(--text-secondary);font-size:.875rem}.po-tabs{display:flex;gap:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem;overflow-x:auto;scrollbar-width:none}.po-tabs::-webkit-scrollbar{display:none}.po-tab{padding:.75rem 1.25rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem;text-decoration:none}.po-form-input{width:100%;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;outline:none;transition:all .2s;font-family:inherit;font-size:.875rem;background:var(--bg-card);color:var(--text-main)}.po-input-with-icon{padding-left:2.5rem;border-radius:100px!important}.po-filter-icon{color:#6b7280}.po-select-with-icon,.po-filter-box .custom-dropdown-button{min-width:140px;border-radius:100px!important;background-color:var(--input-bg);border:1px solid var(--border-color)}.po-tab{display:flex;align-items:center;gap:.5rem;text-decoration:none}.po-tab:hover{color:var(--primary-color);background-color:var(--hover-bg)}.po-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:transparent}.po-tab-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;border:1px solid var(--border-color)}.dark .po-tab-content{background:var(--bg-card)}.file-upload-field{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-main)}.file-upload-field:hover,.file-upload-field.drag-active{border-color:#ef4444;background:#ef44440d}.po-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.po-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #00000005}.po-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.po-badge.po_diterima{background:#f1f5f9;color:#475569}.po-badge.siap_kirim{background:#fef3c7;color:#92400e}.po-badge.bast_diunggah{background:#e0f2fe;color:#0369a1}.po-badge.siap_tagih{background:#ffedd5;color:#9a3412}.po-badge.surat_jalan_terbit{background:#e0e7ff;color:#3730a3}.po-badge.invoice_terbit{background:#dbeafe;color:#1e40af}.po-badge.menunggu_pembayaran{background:#fef9c3;color:#854d0e}.po-badge.selesai{background:#d1fae5;color:#065f46}.po-timeline{position:relative;padding-left:1.5rem}.po-timeline-item{position:relative;margin-bottom:1.5rem}.po-timeline-item:last-child{margin-bottom:0}.po-timeline-dot{position:absolute;left:-1.5rem;width:1rem;height:1rem;border-radius:50%;background:var(--bg-card);border:2px solid var(--primary-color);top:.25rem}.dark .po-badge.po_diterima{background:#334155;color:#cbd5e1}.dark .po-badge.siap_kirim{background:#78350f;color:#fde68a}.dark .po-badge.bast_diunggah{background:#075985;color:#bae6fd}.dark .po-badge.siap_tagih{background:#7c2d12;color:#fed7aa}.dark .po-badge.surat_jalan_terbit{background:#312e81;color:#c7d2fe}.dark .po-badge.invoice_terbit{background:#1e3a8a;color:#bfdbfe}.dark .po-badge.menunggu_pembayaran{background:#713f12;color:#fef08a}.dark .po-badge.selesai{background:#064e3b;color:#a7f3d0}.po-form-container{max-width:1200px;margin:0 auto}.po-section-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);color:var(--text-main)}.po-section-title-small{font-size:1rem;font-weight:600;color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1rem}.po-form{display:flex;flex-direction:column;gap:1.5rem}.po-form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.po-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.po-col-span-2{grid-column:span 1 / span 1}@media (min-width: 768px){.po-col-span-2{grid-column:span 2 / span 2}}.po-form-group{display:flex;flex-direction:column;gap:.5rem}.po-form-label{font-size:.875rem;font-weight:500;color:var(--text-main);display:block}.po-required{color:#ef4444}.po-form-input{width:100%;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;outline:none;transition:all .2s;font-family:inherit;font-size:.875rem;background:var(--bg-card, #ffffff);color:var(--text-main)}:root.dark .po-form-input,.dark .po-form-input{background-color:var(--bg-slate, #1e293b);color:#f8fafc;border-color:#334155}:root.dark .po-form-input option,.dark .po-form-input option{background-color:var(--bg-slate, #1e293b);color:#f8fafc}.po-form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.po-textarea{resize:none}.po-input-prefix-container{position:relative}.po-input-prefix{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-weight:500}.po-input-with-prefix{padding-left:3rem;font-weight:500}.po-form-hint{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.po-radio-group{display:flex;gap:1rem}.po-radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border:1px solid var(--border-color);border-radius:.5rem;flex:1;transition:background .2s;font-size:.875rem;font-weight:500}.po-radio-label:hover{background:var(--hover-bg)}.po-radio-input{width:1rem;height:1rem;accent-color:var(--primary-color)}.po-hidden-input{display:none}.file-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary)}.file-upload-text{font-weight:500;color:var(--primary-color)}.file-upload-hint{font-size:.75rem}.file-upload-success{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid #bfdbfe;border-radius:.5rem;background:#eff6ff}.file-info{display:flex;align-items:center;gap:.75rem}.file-icon{padding:.5rem;background:#dbeafe;border-radius:.25rem;color:#2563eb}.file-name{font-weight:500;color:#1e293b;font-size:.875rem}.file-size{font-size:.75rem;color:#64748b;margin:0}.file-remove-btn{padding:.5rem;color:#ef4444;border-radius:50%;border:none;background:transparent;cursor:pointer;transition:background .2s}.file-remove-btn:hover{background:#fee2e2}.po-form-actions{padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.po-btn{padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.po-btn:disabled{opacity:.5;cursor:not-allowed}.po-btn-outline{border:1px solid var(--border-color);background:transparent;color:var(--text-main)}.po-btn-outline:hover{background:var(--hover-bg)}.po-btn-primary{background:var(--primary);color:#fff}.po-btn-primary:hover{background:var(--primary-hover)}.po-btn-sm{padding:.375rem .75rem;font-size:.75rem}.po-btn-indigo{background:#eef2ff;color:#4338ca}.po-btn-indigo:hover{background:#e0e7ff}.po-btn-success{background:#ecfdf5;color:#047857}.po-btn-success:hover{background:#d1fae5}.po-filter-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.po-filter-container{flex-direction:row;justify-content:space-between;align-items:center}}.po-search-box{flex:1;position:relative;width:100%}.po-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.po-input-with-icon{padding-left:2.5rem}.po-filter-box{display:flex;align-items:center;gap:.5rem}.po-filter-icon{color:var(--text-secondary)}.po-select-with-icon{min-width:140px}.po-table-container{overflow-x:auto;width:100%}.po-table{width:100%;min-width:800px;border-collapse:collapse;text-align:left;font-size:.875rem}.po-table th{padding:.75rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.po-table-row{border-bottom:1px solid var(--border-color);transition:background .2s}.po-table-row:last-child{border-bottom:none}.po-table-row:nth-child(2n){background-color:#fcfcfc}.po-table-row:hover{background:#f1f5f9}.dark .po-table th{background-color:#ffffff0d;border-bottom-color:#ffffff1a}.dark .po-table-row{border-bottom-color:#ffffff1a}.dark .po-table-row:nth-child(2n){background-color:#ffffff05}.dark .po-table-row:hover{background:#ffffff0d}.po-clickable{cursor:pointer}.po-table td{padding:.75rem;color:var(--text-main)}.po-text-highlight{font-weight:500;color:var(--primary-color)!important}.po-text-warning{font-weight:500;color:#ea580c!important}.po-capitalize{text-transform:capitalize}.po-empty-state{padding:2rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.text-right{text-align:right}.text-center{text-align:center}.po-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);padding:1rem}.po-modal-content{background:var(--card-bg, #ffffff);border-radius:1.25rem;box-shadow:0 25px 50px -12px #00000040;width:900px;max-width:95vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color)}.po-modal-header{position:sticky;top:0;background:var(--card-bg, #ffffff);border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;z-index:10;box-shadow:0 4px 6px -1px #0000000d}.po-modal-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin:0;color:var(--text-main)}.po-icon-primary{color:var(--primary-color)}.po-modal-close{padding:.5rem;color:#9ca3af;border-radius:50%;transition:all .2s;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.po-modal-close:hover{background:var(--hover-bg);color:var(--text-main)}.po-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;flex:1}.po-status-tracker{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#3b82f60d,#2563eb0d);border:1px solid rgba(59,130,246,.1);border-radius:.75rem;box-shadow:inset 0 2px 4px #ffffff4d;position:relative;overflow:hidden}.po-status-big-icon{color:var(--primary-color);opacity:.15;transform:rotate(0);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease}.po-status-tracker:hover .po-status-big-icon{transform:scale(1.15) rotate(-15deg);opacity:.3}.dark .po-status-tracker{background:linear-gradient(135deg,#1e3a8a33,#17255433);border:1px solid rgba(59,130,246,.2);box-shadow:none}.po-status-tracker-info{display:flex;flex-direction:column}.po-status-tracker-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.po-modal-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.po-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.po-info-section{display:flex;flex-direction:column;gap:1rem;background:var(--card-bg, #f8fafc);padding:1.25rem;border-radius:.75rem;border:1px solid var(--border-color, #e2e8f0);box-shadow:0 1px 3px #0000000d}:root.dark .po-info-section,.dark .po-info-section{background:var(--bg-slate, #1e293b);border-color:var(--border-thin, #334155)}.po-section-title-small{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem}.po-info-list{display:flex;flex-direction:column;gap:1rem;font-size:.875rem}.po-info-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px dashed var(--border-color, #e2e8f0)}:root.dark .po-info-item,.dark .po-info-item{border-bottom-color:var(--border-thin, #334155)}.po-info-item:last-child{border-bottom:none;padding-bottom:0}.po-info-label{color:var(--text-secondary)}.po-info-value{font-weight:500;color:var(--text-main)}.po-docs-list{display:flex;flex-direction:column;gap:.75rem}.po-doc-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;border:1px solid var(--border-color);transition:all .2s ease}.po-doc-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d;border-color:var(--primary-color)}.po-doc-primary{background:#3b82f60d}.po-doc-secondary{background:var(--hover-bg)}.po-doc-label{display:flex;align-items:center;gap:.75rem;color:var(--text-main);font-weight:500}.po-doc-link{color:#fff;background:var(--primary-color);padding:.4rem .75rem;border-radius:.375rem;display:flex;align-items:center;gap:.375rem;text-decoration:none;font-weight:500;font-size:.75rem;transition:all .2s ease}.po-doc-link:hover{background:var(--primary-hover);box-shadow:0 2px 4px #2563eb33}.po-doc-empty{font-size:.75rem;color:var(--text-secondary);font-style:italic;padding:.4rem .75rem;background:var(--hover-bg);border-radius:.375rem}.po-timeline-section{margin-top:1rem;background:var(--card-bg);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d}.po-timeline{position:relative;padding-left:1.5rem;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.po-timeline:before{content:"";position:absolute;top:0;bottom:0;left:.4rem;width:2px;background:var(--border-color)}.po-timeline-item{position:relative}.po-timeline-dot{position:absolute;left:-1.5rem;top:.25rem;width:.75rem;height:.75rem;background:var(--primary-color);border:2px solid var(--card-bg);border-radius:50%;box-shadow:0 0 0 3px #3b82f633}.po-timeline-content{background:var(--hover-bg);padding:1rem;border-radius:.5rem;border:1px solid var(--border-color);font-size:.875rem;width:100%;position:relative}.po-timeline-content:before{content:"";position:absolute;left:-.375rem;top:.375rem;width:.75rem;height:.75rem;background:var(--hover-bg);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transform:rotate(45deg)}:root.dark .po-timeline-section,.dark .po-timeline-section{background:var(--bg-slate, #1e293b);border-color:var(--border-thin, #334155)}:root.dark .po-timeline:before,.dark .po-timeline:before{background:var(--border-thin, #334155)}:root.dark .po-timeline-dot,.dark .po-timeline-dot{border-color:var(--bg-slate, #1e293b)}:root.dark .po-timeline-content,.dark .po-timeline-content{background:var(--bg-color, #0f172a);border-color:var(--border-thin, #334155)}:root.dark .po-timeline-content:before,.dark .po-timeline-content:before{background:var(--bg-color, #0f172a);border-left-color:var(--border-thin, #334155);border-bottom-color:var(--border-thin, #334155)}.po-timeline-header{display:flex;justify-content:space-between;margin-bottom:.375rem;align-items:center}.po-timeline-action{font-weight:600;color:var(--text-main)}.po-timeline-date{font-size:.75rem;color:var(--text-secondary);background:var(--bg-card);padding:.125rem .5rem;border-radius:1rem}.po-timeline-user{color:var(--primary-color);font-weight:500}.po-timeline-detail{color:var(--text-secondary);margin-top:.5rem;line-height:1.5}.po-modal-table-container{width:100%;overflow-x:auto;border-radius:.5rem;border:1px solid var(--border-color);background:var(--card-bg);margin-top:1rem}.po-modal-table{width:100%;text-align:left;border-collapse:collapse;font-size:.875rem}.po-modal-table-th{background:var(--hover-bg);color:var(--text-secondary);font-weight:600;padding:.25rem .5rem;border-bottom:1px solid var(--border-color);white-space:nowrap}.po-modal-table-tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.po-modal-table-tr:hover{background:var(--hover-bg)}.po-modal-table-tr:last-child{border-bottom:none}.po-modal-table-td{padding:.25rem .5rem;color:var(--text-main);vertical-align:middle;white-space:nowrap}.po-text-desc{color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-text-highlight{color:var(--primary-color);font-weight:600}.po-status-inline{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.po-status-indigo{background:#eef2ff;color:#4338ca}.po-status-warning{background:#fff7ed;color:#c2410c}.has-custom-bg{position:relative;min-height:calc(100vh - 64px)}.has-custom-bg .po-title,.has-custom-bg .po-subtitle,.has-custom-bg .po-tab,.has-custom-bg .custom-menu-trigger{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.has-custom-bg .po-tab:hover{background-color:#ffffff1a;color:#fff}.has-custom-bg .po-tab.active{border-bottom-color:#fff;color:#fff}.has-custom-bg .custom-menu-trigger{background:#0003;border-color:#ffffff4d}.has-custom-bg .custom-menu-trigger:hover,.has-custom-bg .custom-menu-trigger.active{background:#0006;color:#fff;border-color:#fff}.has-custom-bg .po-tabs,.has-custom-bg .po-tab-content,.has-custom-bg .po-stat-grid{position:relative;z-index:10}.has-custom-bg .po-tab-content,.has-custom-bg .po-stat-card,.has-custom-bg .file-upload-field{background-color:#ffffffb3!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-image:none;border:1px solid rgba(255,255,255,.5)}.dark .has-custom-bg .po-tab-content,.dark .has-custom-bg .po-stat-card,.dark .has-custom-bg .file-upload-field{background-color:#0f172a99!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-image:none;border:1px solid rgba(255,255,255,.1)}.has-custom-card-bg .po-tab-content,.has-custom-card-bg .po-stat-card,.dark .has-custom-bg.has-custom-card-bg .po-tab-content,.dark .has-custom-bg.has-custom-card-bg .po-stat-card,.dark .has-custom-card-bg .po-tab-content,.dark .has-custom-card-bg .po-stat-card{background-image:var(--custom-card-bg)!important;background-size:cover!important;background-position:center!important;background-color:transparent!important;position:relative;overflow:hidden}.has-custom-card-bg .po-tab-content:before,.has-custom-card-bg .po-stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffb3;z-index:0;pointer-events:none}.dark .has-custom-card-bg .po-tab-content:before,.dark .has-custom-card-bg .po-stat-card:before{background-color:#0f172acc}.has-custom-card-bg .po-tab-content>*,.has-custom-card-bg .po-stat-card>*{position:relative;z-index:1}.has-custom-card-bg .po-table th,.has-custom-card-bg .po-table-row:nth-child(2n){background-color:#ffffff4d!important}.has-custom-card-bg .po-table-row:hover{background-color:#0000000d!important}.custom-menu-trigger{display:flex;align-items:center;max-width:36px;height:36px;padding:0;font-size:.8125rem;font-weight:600;color:var(--text-main);background:var(--bg-card);border:1px solid var(--border-color);border-radius:36px;cursor:pointer;overflow:hidden;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.custom-menu-trigger .icon-wrapper{display:flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px}.custom-menu-trigger .trigger-text{opacity:0;transition:opacity .2s ease;transform:translate(-5px)}.custom-menu-trigger:hover,.custom-menu-trigger.active{max-width:180px;background:var(--hover-bg);color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #00000014}.custom-menu-trigger:hover .trigger-text,.custom-menu-trigger.active .trigger-text{opacity:1;padding-right:1rem;transform:translate(0)}.dark .custom-menu-trigger{color:#94a3b8}.dark .custom-menu-trigger:hover,.dark .custom-menu-trigger.active{background:var(--hover-bg);color:var(--primary-color)}.po-custom-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;z-index:50;padding:.5rem;min-width:220px;animation:dropdownFadeIn .2s ease-out forwards;transform-origin:top right}.dark .po-custom-dropdown-menu{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #00000080}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.po-custom-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.625rem .75rem;font-size:.8125rem;font-weight:500;color:var(--text-main);background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.po-custom-dropdown-item:hover{background-color:var(--hover-bg);color:var(--primary-color)}.po-custom-dropdown-item.danger{color:#ef4444}.po-custom-dropdown-item.danger:hover{background-color:#fef2f2}.po-custom-dropdown-divider{height:1px;background-color:var(--border-color);margin:.25rem 0}.has-custom-bg ::-webkit-scrollbar{width:8px;height:8px}.has-custom-bg ::-webkit-scrollbar-track{background:#0f172a33;border-radius:4px}.has-custom-bg ::-webkit-scrollbar-thumb{background:#334155b3;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.has-custom-bg ::-webkit-scrollbar-thumb:hover{background:#475569e6}.po-upload-type-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--card-bg);cursor:pointer;transition:all .2s ease}.po-upload-type-card:hover{border-color:var(--primary);background-color:color-mix(in srgb,var(--primary) 5%,transparent)}.po-upload-type-card.active{border-color:var(--primary);background-color:color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:0 0 0 1px var(--primary)}.po-type-icon{color:var(--text-muted);transition:color .2s ease}.po-upload-type-card.active .po-type-icon{color:var(--primary)}.po-type-text{display:flex;flex-direction:column}.po-type-text strong{font-size:15px;color:var(--text-main);margin-bottom:2px}.po-type-text span{font-size:12px;color:var(--text-muted)}.po-empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:var(--bg-slate);border-radius:12px;border:1px dashed var(--border-color);color:var(--text-muted)}.po-empty-icon{margin-bottom:12px;opacity:.5}.po-file-drop-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;border:2px dashed var(--border-color);border-radius:12px;background-color:var(--bg-slate);transition:all .2s ease;overflow:hidden}.po-file-drop-area.drag-active{border-color:var(--primary);background-color:color-mix(in srgb,var(--primary) 5%,transparent)}.po-file-drop-area.has-file{border-style:solid;border-color:var(--border-color)}.po-file-input-hidden{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:10}.po-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;cursor:pointer;margin:0}.po-file-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--text-main)}.po-prompt-icon{color:var(--primary);margin-bottom:8px}.po-file-prompt span{font-size:12px;color:var(--text-muted)}.po-file-selected{display:flex;align-items:center;width:100%;gap:16px;padding:8px;z-index:11;position:relative}.po-file-selected .po-file-icon{color:var(--primary)}.po-file-details{display:flex;flex-direction:column;flex:1;overflow:hidden}.po-file-name{font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-file-size{font-size:12px;color:var(--text-muted)}.po-file-remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;z-index:20}.po-file-remove-btn:hover{background-color:#ef44441a;color:#ef4444}.po-modal-table-tr.selected{background-color:color-mix(in srgb,var(--primary) 8%,transparent)}