:root{--color-primary:#1b1f6f;--color-primary-hover:#141859;--color-primary-light:#eaebf6;--color-primary-dark:#0f1147;--color-primary-50:#f0f0fa;--color-primary-100:#d8d9f0;--color-secondary:#00857c;--color-secondary-hover:#006b64;--color-secondary-light:#e6f5f4;--color-secondary-dark:#005a55;--color-accent:#4d8b31;--color-accent-light:#edf5e8;--color-success:#059669;--color-success-light:#d1fae5;--color-success-bg:#ecfdf5;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-warning-bg:#fffbeb;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-danger-bg:#fef2f2;--color-info:#2563eb;--color-info-light:#dbeafe;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.6875rem;--font-size-sm:0.8125rem;--font-size-base:0.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--border-color:#e2e8f0;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a12,0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14,0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a;--shadow-card:0 1px 3px #0f172a0a,0 1px 2px #0f172a0f;--shadow-card-hover:0 4px 12px #0f172a14;--max-width:1280px;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:0px;--mobile-header-height:60px;--desktop-topbar-height:72px;--mobile-nav-height:0px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}@media (max-width:767px){:root{--font-size-xs:0.625rem;--font-size-sm:0.75rem;--font-size-base:0.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-size-3xl:1.625rem}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400 700;src:url(/static/media/inter-latin-ext.8bff79fbfaa8b8167a0b.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400 700;src:url(/static/media/inter-latin.4f2981d82860061bca3e.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-gray-50);color:var(--color-gray-800);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}a{color:var(--color-secondary);text-decoration:none}a:hover{text-decoration:underline}img{display:block;height:auto;max-width:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding:var(--space-4);width:100%}@media (min-width:1024px){.app-container{flex-direction:row}.main-content{margin-left:var(--sidebar-width);padding:var(--space-8) var(--space-10);padding-top:calc(var(--desktop-topbar-height) + var(--space-6))}}.card{background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-5);transition:box-shadow var(--transition-fast)}@media (min-width:768px){.card{padding:var(--space-6)}}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5)}.card-header,.card-title{align-items:center;display:flex}.card-title{color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2)}.card-title .icon{color:var(--color-secondary)}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;line-height:var(--line-height-tight);min-height:40px;padding:var(--space-2) var(--space-4);touch-action:manipulation;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;color:var(--color-white)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-secondary-hover));box-shadow:0 4px 12px #1b1f6f40}.btn-secondary{background:var(--color-white);border-color:var(--color-gray-300);color:var(--color-gray-700)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-outline{background:#0000;border-color:var(--color-secondary);color:var(--color-secondary)}.btn-outline:hover:not(:disabled){background:var(--color-secondary-light)}.btn-danger{background:var(--color-danger);color:var(--color-white)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{font-size:var(--font-size-xs);min-height:32px;padding:var(--space-1) var(--space-3)}.btn-lg{border-radius:var(--radius-xl);font-size:var(--font-size-base);min-height:48px;padding:var(--space-3) var(--space-6)}.btn-block{width:100%}.button-group-inline{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--space-2);justify-content:center}@media (max-width:767px){.button-group-inline{flex-wrap:wrap}}.form-group{margin-bottom:var(--space-4)}.form-label{color:var(--color-gray-600);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.form-input{-webkit-appearance:none;background:var(--color-white);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-800);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:46px;padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-light);outline:none}.form-input:disabled,.form-input[readonly]{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.form-input.error{border-color:var(--color-danger)}.form-error{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--space-1)}.form-select{-webkit-appearance:none;appearance:none;background:var(--color-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2394A3B8' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1.5px solid var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-800);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);min-height:46px;padding:var(--space-3) var(--space-4);padding-right:40px;width:100%}.form-select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-light);outline:none}textarea.form-input{resize:vertical}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.01em;padding:3px 10px;white-space:nowrap}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-primary-light);color:var(--color-primary)}.table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.table th{background:var(--color-gray-50);color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--border-color);padding:var(--space-3) var(--space-4)}.table td{color:var(--color-gray-700)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-gray-50)}.loader{align-items:center;display:flex;justify-content:center;padding:var(--space-16)}.spinner{animation:spin .7s linear infinite;border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-secondary);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.alert{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);line-height:var(--line-height-normal);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.alert-error{background:var(--color-danger-bg);border:1px solid var(--color-danger-light);color:var(--color-danger)}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-light);color:var(--color-success)}.alert-warning{background:var(--color-warning-bg);border:1px solid #fde68a;border:1px solid var(--color-warning-light,#fde68a);color:var(--color-warning)}.modal-overlay{align-items:center;animation:fadeIn var(--transition-fast);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.modal-content{animation:fadeIn var(--transition-base);background:var(--color-white);border-radius:var(--radius-2xl);max-height:92vh;max-width:520px;overflow-y:auto;padding:var(--space-6);width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.modal-title{color:var(--color-gray-900);font-weight:var(--font-weight-bold);gap:8px}.modal-close,.modal-title{align-items:center;display:flex;font-size:var(--font-size-xl)}.modal-close{background:var(--color-gray-100);border:none;border-radius:var(--radius-full);color:var(--color-gray-400);cursor:pointer;height:36px;justify-content:center;line-height:1;padding:0;width:36px}.modal-close:hover{background:var(--color-gray-200);color:var(--color-gray-600)}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4)}.app-modal{border-radius:28px;box-shadow:0 20px 60px -18px #0f172a3d,0 8px 24px -12px #0f172a2e;max-width:560px;padding:var(--space-6)}.app-modal-header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.app-modal-title-block{align-items:flex-start;display:flex;gap:var(--space-3);min-width:0}.app-modal-title-block>div{min-width:0}.app-modal-title-icon{align-items:center;color:var(--color-secondary);display:inline-flex;flex-shrink:0;justify-content:center}.app-modal-title{margin:0}.app-modal-subtitle{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.6;margin:4px 0 0}.app-modal-body{min-width:0}.app-modal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.app-modal-actions .btn{align-items:center;border-radius:var(--radius-xl);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;min-height:44px;min-width:132px;padding:0 var(--space-5)}.app-modal-actions .btn .icon{flex-shrink:0}.delete-confirm-modal{border-radius:32px;box-shadow:0 18px 60px #0f172a29;max-width:560px;padding:var(--space-5)}.delete-confirm-modal-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-1)}.delete-confirm-modal-header .modal-close{height:40px;width:40px}.delete-confirm-modal-body{align-items:center;display:flex;flex-direction:column;padding:var(--space-3) var(--space-4) 0;text-align:center}.delete-confirm-modal-icon{align-items:center;background:radial-gradient(circle at center,#fffffffa 0 48%,#0000 49%),radial-gradient(circle,#ef44441f 1.5px,#0000 2px);background-position:50%,50%;background-size:auto,16px 16px;border-radius:var(--radius-full);display:inline-flex;height:88px;justify-content:center;margin-bottom:var(--space-5);width:88px}.delete-confirm-modal-icon .icon{color:var(--color-danger)}.delete-confirm-modal-text{color:var(--color-gray-600);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.7;margin:0;max-width:420px}.delete-confirm-modal-subtext{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.7;margin:var(--space-3) 0 0;max-width:360px}.delete-confirm-modal-actions{border-top:1px solid var(--border-color);justify-content:center;margin-top:var(--space-6);padding-top:var(--space-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--space-6)}.stat-card{align-items:flex-start;background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;gap:var(--space-4);padding:var(--space-5);transition:all var(--transition-fast)}.stat-card-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-card-body{flex:1 1;min-width:0}.stat-value{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.stat-label{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:2px}.profile-grid{grid-gap:var(--space-4) var(--space-6);display:grid;gap:var(--space-4) var(--space-6);grid-template-columns:1fr}@media (min-width:640px){.profile-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.profile-grid{grid-template-columns:1fr 1fr 1fr}}.breadcrumb{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-bottom:var(--space-5)}.breadcrumb-item{color:var(--color-gray-400);font-weight:var(--font-weight-medium)}.breadcrumb-item.active{color:var(--color-gray-800)}.breadcrumb-sep{color:var(--color-gray-300)}.page-header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-6);position:relative}.page-title{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.page-subtitle{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-top:2px}.page-meta{color:var(--color-gray-400);font-size:var(--font-size-xs);margin-top:var(--space-1)}.page-header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}@media (max-width:767px){.btn-label{display:none!important}.page-header>div:first-child{padding-right:52px}.page-header-actions{position:absolute;right:0;top:0}.page-header-actions .btn,.profile-hero-actions .btn{min-width:0;padding:6px 8px}}.empty-state{color:var(--color-gray-400);padding:var(--space-12);text-align:center}.empty-state p{font-size:var(--font-size-sm);margin-top:var(--space-2)}@media (max-width:767px){.btn{gap:var(--space-1);min-height:36px;padding:var(--space-2) var(--space-3)}.btn-sm{min-height:28px;padding:4px var(--space-2)}.btn-lg{min-height:42px;padding:var(--space-2) var(--space-4)}.form-input,.form-select{min-height:40px;padding:var(--space-2) var(--space-3)}.form-select{padding-right:36px}.modal-content{padding:var(--space-4)}.modal-title{font-size:var(--font-size-lg)}.modal-close{height:32px;width:32px}.card{padding:var(--space-3)}.card-header{margin-bottom:var(--space-3)}.stat-card{gap:var(--space-3);padding:var(--space-3)}.stat-card-icon{height:36px;width:36px}.stat-value{font-size:var(--font-size-xl)}.table td,.table th{padding:var(--space-2) var(--space-3)}.badge{padding:2px 8px}.alert{padding:var(--space-2) var(--space-3)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@supports (padding-bottom:env(safe-area-inset-bottom)){.main-content{padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-4))}}.react-datepicker-wrapper{width:100%}.react-datepicker{border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;font-family:var(--font-family)!important;overflow:hidden}.react-datepicker__header{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;border-bottom:none!important;border-radius:0!important;padding-top:12px!important}.react-datepicker__current-month{color:#fff!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;margin-bottom:6px}.react-datepicker__day-names{background:var(--color-gray-50)!important;border-bottom:1px solid var(--border-color)!important;display:flex!important;justify-content:center;margin-bottom:0!important;padding:8px 0 6px!important}.react-datepicker__day-name{color:var(--color-gray-500)!important;font-size:11px!important;font-weight:var(--font-weight-semibold)!important;letter-spacing:.04em;line-height:36px!important;margin:1px!important;text-transform:uppercase;width:36px!important}.react-datepicker__day-name:first-child,.react-datepicker__day-name:last-child{color:var(--color-danger)!important}.react-datepicker__navigation--next,.react-datepicker__navigation--previous{height:32px!important;top:8px!important;width:32px!important}.react-datepicker__navigation--previous{left:8px!important}.react-datepicker__navigation--next{right:8px!important}.react-datepicker__navigation-icon:before{border-color:#fffc!important;border-width:2px 2px 0 0!important;height:8px!important;width:8px!important}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:#fff!important}.react-datepicker__day{border-radius:var(--radius-full)!important;color:var(--color-gray-700)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;line-height:36px!important;margin:1px!important;transition:background .15s ease,color .15s ease!important;width:36px!important}.react-datepicker__day:hover:not(.react-datepicker__day--disabled):not(.react-datepicker__day--selected){background:var(--color-gray-100)!important;color:var(--color-gray-800)!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;color:#fff!important;font-weight:var(--font-weight-bold)!important}.react-datepicker__day--selected:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;color:#fff!important;filter:brightness(.9)}.react-datepicker__day--today:not(.react-datepicker__day--selected){background:var(--color-primary-50)!important;color:var(--color-primary)!important;font-weight:var(--font-weight-bold)!important}.react-datepicker__day--disabled{color:var(--color-gray-200)!important;cursor:not-allowed!important;text-decoration:line-through!important}.react-datepicker__day--outside-month:not(.react-datepicker__day--disabled){color:var(--color-gray-700)!important}.react-datepicker__day--outside-month.react-datepicker__day--disabled{pointer-events:none!important;visibility:hidden!important}.react-datepicker__triangle{display:none!important}.react-datepicker-popper{z-index:1100!important}.react-datepicker-popper[data-placement^=bottom]{padding-top:4px!important}.react-datepicker-popper[data-placement^=top]{padding-bottom:4px!important}.react-datepicker__month{margin:8px!important}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range{background:var(--color-primary-50)!important;color:var(--color-primary)!important}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background:var(--color-white)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important}.react-datepicker__month-select,.react-datepicker__year-select{background:#fff3!important;border:1px solid #fff6!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-semibold)!important;outline:none!important;padding:2px 4px!important}.react-datepicker__month-select option,.react-datepicker__year-select option{background:#fff!important;color:#1e293b!important}.react-datepicker__month-select:focus,.react-datepicker__year-select:focus{border-color:#fffc!important}@media (max-width:480px){.app-modal{border-radius:24px;padding:var(--space-4)}.app-modal-header{margin-bottom:var(--space-4)}.app-modal-actions{flex-direction:column-reverse}.app-modal-actions .btn{min-width:0;width:100%}.delete-confirm-modal{border-radius:24px;padding:var(--space-4)}.delete-confirm-modal-body{padding:var(--space-2) var(--space-2) 0}.delete-confirm-modal-icon{height:72px;margin-bottom:var(--space-4);width:72px}.delete-confirm-modal-actions{flex-direction:column}.delete-confirm-modal-actions .btn{min-width:0;width:100%}.react-datepicker{font-size:13px!important}.react-datepicker__day,.react-datepicker__day-name{line-height:32px!important;width:32px!important}}.emp-dd{flex-shrink:0;position:relative}.emp-dd-trigger{align-items:center;background:var(--color-white);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-family);gap:10px;padding:6px 12px 6px 6px;transition:all var(--transition-fast);width:380px}.emp-dd-trigger:hover{border-color:var(--color-primary);box-shadow:0 1px 4px #1b1f6f14}.emp-dd-trigger-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.65rem;font-weight:var(--font-weight-bold);height:32px;justify-content:center;letter-spacing:.02em;width:32px}.emp-dd-trigger-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.emp-dd-trigger-name{color:var(--color-gray-800);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.emp-dd-trigger-designation,.emp-dd-trigger-name{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-dd-trigger-designation{color:var(--color-gray-400);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.emp-dd-trigger-chevron{color:var(--color-gray-400);flex-shrink:0}.dropdown-admin-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:4px;padding:2px 10px;white-space:nowrap}.admin-badge-generated{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white)}.emp-dd-panel{animation:empDdIn .15s ease;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 20px 60px -12px #0f172a40,0 8px 20px -8px #0f172a1a;display:flex;flex-direction:column;left:0;max-height:400px;overflow:hidden;position:absolute;top:calc(100% + 6px);width:380px;z-index:200}@keyframes empDdIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.emp-dd-search-wrap{padding:0 var(--space-5) var(--space-3);padding-top:var(--space-4)}.emp-dd-search{align-items:center;background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--color-gray-400);display:flex;gap:8px;padding:10px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.emp-dd-search:focus-within{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 3px #1b1f6f0f}.emp-dd-search input{background:none;border:none;color:var(--color-gray-800);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.4;outline:none;width:100%}.emp-dd-search input::placeholder{color:var(--color-gray-400)}.emp-dd-search-clear{align-items:center;background:var(--color-gray-200);border:none;border-radius:var(--radius-full);color:var(--color-gray-500);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all var(--transition-fast);width:20px}.emp-dd-search-clear:hover{background:var(--color-gray-300);color:var(--color-gray-700)}.emp-dd-section-label{align-items:center;color:var(--color-gray-400);display:flex;font-size:.65rem;font-weight:var(--font-weight-bold);gap:var(--space-2);letter-spacing:.06em;padding:var(--space-2) var(--space-5) var(--space-1);text-transform:uppercase}.emp-dd-count{background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary);font-size:.6rem;font-weight:var(--font-weight-bold);line-height:1.5;padding:1px 7px}.emp-dd-list{flex:1 1;overflow-y:auto;padding:0 0 var(--space-3)}.emp-dd-list::-webkit-scrollbar{width:4px}.emp-dd-list::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:var(--radius-full)}.emp-dd-item{align-items:center;background:none;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;font-family:var(--font-family);gap:12px;padding:10px var(--space-5);text-align:left;transition:all var(--transition-fast);width:100%}.emp-dd-item:hover{background:var(--color-gray-50)}.emp-dd-item.active{background:var(--color-primary-light);border-left-color:var(--color-primary)}.emp-dd-item.active .emp-dd-item-name{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.emp-dd-item-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.7rem;font-weight:var(--font-weight-bold);height:38px;justify-content:center;letter-spacing:.02em;width:38px}.emp-dd-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.emp-dd-item-name{color:var(--color-gray-800);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.emp-dd-item-meta,.emp-dd-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-dd-item-meta{color:var(--color-gray-400);font-size:var(--font-size-xs);line-height:1.3}.emp-dd-item-check{color:var(--color-primary);flex-shrink:0}.emp-dd-empty{align-items:center;color:var(--color-gray-400);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:8px;padding:32px 16px}.emp-dd-add-divider{background:var(--border-color);height:1px;margin:0 var(--space-4)}.emp-dd-add-btn{align-items:center;background:var(--color-primary-light);border:1.5px dashed var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:10px;margin:var(--space-2) var(--space-4) var(--space-3);padding:9px 14px;text-align:left;transition:all var(--transition-fast);width:calc(100% - var(--space-4)*2)}.emp-dd-add-btn:hover{border-color:var(--color-primary)}.emp-dd-add-btn-icon,.emp-dd-add-btn:hover{background:var(--color-primary);color:var(--color-white)}.emp-dd-add-btn-icon{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.emp-dd-add-btn:hover .emp-dd-add-btn-icon{background:var(--color-white);color:var(--color-primary)}.add-emp-modal{max-width:540px;width:92%}.add-emp-form-body{display:flex;flex-direction:column;gap:var(--space-1)}.add-emp-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.add-emp-password-wrap{position:relative}.add-emp-password-wrap .form-input{padding-right:44px}.add-emp-eye-btn{align-items:center;background:none;border:none;border-left:1px solid var(--border-color);border-radius:0 var(--radius-lg) var(--radius-lg) 0;bottom:1px;color:var(--color-gray-400);cursor:pointer;display:flex;justify-content:center;position:absolute;right:1px;top:1px;transition:all var(--transition-fast);width:40px}.add-emp-eye-btn:hover{background:var(--color-gray-50);color:var(--color-gray-700)}.add-emp-username-suggestion{color:#6b7280;color:var(--color-gray-500,#6b7280);font-size:.75rem;line-height:1.4;margin-top:4px}.add-emp-username-suggestion button{background:none;border:none;color:#1b1f6f;color:var(--color-primary,#1b1f6f);cursor:pointer;font-size:.75rem;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:2px}.add-emp-username-suggestion button:hover{opacity:.8}.add-emp-username-applied{align-items:center;animation:fadeInApplied .2s ease-out;color:#16a34a;color:var(--color-success,#16a34a);display:flex;font-size:.75rem;gap:4px;line-height:1.4;margin-top:4px}.add-emp-username-applied strong{font-weight:600}@keyframes fadeInApplied{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.add-emp-pwd-hint{color:var(--color-gray-400);font-size:.7rem;line-height:1.4;margin-top:4px}.add-emp-required{color:#ef4444;color:var(--color-error,#ef4444)}@media (max-width:640px){.emp-dd-trigger{gap:6px;padding:4px 8px 4px 4px;width:180px}.emp-dd-trigger-avatar{font-size:.55rem;height:26px;width:26px}.emp-dd-trigger-name{font-size:var(--font-size-xs)}.emp-dd-trigger-designation{display:none}.emp-dd-panel{animation:empDdSlideUp .2s ease;border-radius:var(--radius-xl) var(--radius-xl) 0 0;bottom:0;left:0;max-height:70vh;position:fixed;right:0;top:auto;width:100%}@keyframes empDdSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-emp-modal{max-width:none;width:95%}.add-emp-row{gap:0;grid-template-columns:1fr}}.mobile-topbar{align-items:center;background:var(--color-white);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-xs);display:flex;height:var(--mobile-header-height);justify-content:space-between;padding:0 var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:90}@media (min-width:1024px){.mobile-topbar{display:none}}.hamburger-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.hamburger-btn:hover{background:var(--color-gray-100)}.mobile-topbar-brand{display:flex;flex:1 1;justify-content:center}.mobile-logo-img{height:40px;max-width:180px;object-fit:contain;width:auto}.mobile-topbar-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:36px;justify-content:center;letter-spacing:.02em;width:36px}.mobile-user-wrapper{position:relative}.mobile-user-dropdown{left:auto;position:absolute;right:-8px;top:calc(100% + 12px);width:230px!important}.mobile-user-dropdown .user-dropdown-header{padding:var(--space-3) var(--space-4)}.mobile-user-dropdown .user-dropdown-avatar{font-size:var(--font-size-xs);height:36px;width:36px}.mobile-user-dropdown .user-dropdown-name{font-size:var(--font-size-xs)}.mobile-user-dropdown .user-dropdown-email{font-size:.625rem}.mobile-user-dropdown .user-dropdown-item{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}@media (min-width:1024px){.mobile-user-wrapper{display:none}}.desktop-topbar{display:none}@media (min-width:1024px){.desktop-topbar{align-items:center;background:var(--color-white);border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-5);height:var(--desktop-topbar-height);left:var(--sidebar-width);padding:0 var(--space-6);position:fixed;right:0;top:0;z-index:80}}.topbar-page-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.topbar-page-title{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.topbar-breadcrumb{align-items:center;display:flex;gap:var(--space-1);margin-top:2px}.topbar-breadcrumb-item{color:var(--color-gray-400);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.topbar-breadcrumb-item.active{color:var(--color-secondary)}.topbar-breadcrumb-sep{color:var(--color-gray-300);font-size:var(--font-size-xs);margin:0 2px}.topbar-right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.topbar-divider{background:var(--border-color);flex-shrink:0;height:32px;width:1px}.topbar-employee-selector-wrapper{position:relative}.topbar-employee-selector{align-items:center;background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;display:flex;gap:var(--space-3);min-width:180px;padding:6px 12px 6px 6px;transition:all var(--transition-fast)}.topbar-employee-selector:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.topbar-employee-selector.open{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b1f6f14}.topbar-employee-selector.has-selection{background:var(--color-secondary-light);border-color:var(--color-secondary)}.topbar-employee-selector.has-selection:hover{background:#d6edec}.topbar-selector-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.6rem;font-weight:var(--font-weight-bold);height:30px;justify-content:center;letter-spacing:.02em;width:30px}.topbar-selector-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.topbar-selector-name{color:var(--color-gray-800);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-selection .topbar-selector-name{color:var(--color-secondary-dark)}.topbar-selector-hint{color:var(--color-gray-400);font-size:.6rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-selection .topbar-selector-hint{color:var(--color-secondary)}.topbar-selector-chevron{color:var(--color-gray-400);flex-shrink:0;margin-left:auto;transition:transform var(--transition-fast)}.topbar-selector-chevron.rotated{transform:rotate(180deg)}.emp-dropdown{animation:empDropdownIn var(--transition-fast);background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 12px 36px -8px #0f172a1f,0 4px 12px -4px #0f172a0f;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:340px;z-index:200}@keyframes empDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.emp-dropdown-header{align-items:center;display:flex;justify-content:space-between;padding:14px 16px 10px}.emp-dropdown-title{align-items:center;color:var(--color-gray-800);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:6px}.emp-dropdown-count{background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary);font-size:.625rem;font-weight:var(--font-weight-bold);line-height:1.4;padding:2px 8px}.emp-dropdown-search-wrap{padding:0 12px 10px}.emp-dropdown-search{align-items:center;background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--color-gray-400);display:flex;gap:8px;padding:8px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.emp-dropdown-search:focus-within{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 3px #1b1f6f0f}.emp-dropdown-search input{background:none;border:none;color:var(--color-gray-800);font-family:var(--font-family);font-size:var(--font-size-xs);line-height:1.4;outline:none;width:100%}.emp-dropdown-search input::placeholder{color:var(--color-gray-400)}.emp-search-clear{align-items:center;background:var(--color-gray-200);border:none;border-radius:var(--radius-full);color:var(--color-gray-500);cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all var(--transition-fast);width:18px}.emp-search-clear:hover{background:var(--color-gray-300);color:var(--color-gray-700)}.emp-dropdown-section-label{color:var(--color-gray-400);font-size:.625rem;font-weight:var(--font-weight-bold);letter-spacing:.06em;padding:8px 16px 4px;text-transform:uppercase}.emp-dropdown-divider{background:var(--border-color);height:1px;margin:6px 16px}.emp-dropdown-list{max-height:300px;overflow-y:auto;padding:0 0 6px}.emp-dropdown-list::-webkit-scrollbar{width:4px}.emp-dropdown-list::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:var(--radius-full)}.emp-dropdown-item{align-items:center;background:none;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;font-family:var(--font-family);gap:12px;padding:8px 16px;text-align:left;transition:all var(--transition-fast);width:100%}.emp-dropdown-item:hover{background:var(--color-gray-50)}.emp-dropdown-item.active{background:var(--color-primary-light);border-left-color:var(--color-primary)}.emp-dropdown-item.active .emp-dropdown-name{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.emp-dropdown-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:.625rem;font-weight:var(--font-weight-bold);height:34px;justify-content:center;letter-spacing:.02em;width:34px}.emp-dropdown-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.emp-dropdown-name{color:var(--color-gray-800);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.emp-dropdown-meta,.emp-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-dropdown-meta{color:var(--color-gray-400);font-size:.625rem;line-height:1.2}.emp-dropdown-check{color:var(--color-primary);flex-shrink:0}.emp-dropdown-empty{align-items:center;color:var(--color-gray-400);display:flex;flex-direction:column;gap:6px;padding:24px 16px}.emp-dropdown-empty span{font-size:var(--font-size-xs)}.topbar-clock{align-items:flex-end;display:flex;flex-direction:column}.topbar-clock-time{font-feature-settings:"tnum";color:var(--color-gray-800);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.topbar-clock-date{color:var(--color-gray-400);font-size:.625rem;line-height:1.2;white-space:nowrap}.topbar-user{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:background var(--transition-fast)}.topbar-user:hover{background:var(--color-gray-50)}.topbar-user-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:36px;justify-content:center;letter-spacing:.02em;width:36px}.topbar-user-info{display:flex;flex-direction:column;text-align:left}.topbar-user-name{color:var(--color-gray-900);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);white-space:nowrap}.topbar-user-role{color:var(--color-gray-500);font-size:.625rem;line-height:1.2}.topbar-user-chevron{color:var(--color-gray-400);flex-shrink:0;transition:transform var(--transition-fast)}.topbar-user-chevron.rotated{transform:rotate(180deg)}.topbar-user-wrapper{position:relative}.user-dropdown{animation:dropdownIn var(--transition-fast);background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:100}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.user-dropdown-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:44px;justify-content:center;letter-spacing:.02em;width:44px}.user-dropdown-details{display:flex;flex-direction:column;min-width:0}.user-dropdown-name{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.user-dropdown-email,.user-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-email{color:var(--color-gray-500);font-size:var(--font-size-xs);margin-top:1px}.user-dropdown-id{color:var(--color-gray-400);font-size:.625rem;margin-top:1px}.user-dropdown-divider{background:var(--border-color);height:1px;margin:0}.user-dropdown-item{align-items:center;background:none;border:none;color:var(--color-gray-600);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);padding:var(--space-3) var(--space-5);text-align:left;transition:all var(--transition-fast);width:100%}.user-dropdown-item:hover{background:var(--color-gray-50);color:var(--color-gray-800)}.user-dropdown-logout{color:var(--color-danger)}.user-dropdown-logout:hover{background:var(--color-danger-bg);color:var(--color-danger)}.drawer-overlay{animation:overlayIn .2s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0f172a66;inset:0;position:fixed;z-index:199}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.sidebar{background:var(--color-white);border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-base);width:var(--sidebar-width);z-index:200}.sidebar--open{box-shadow:var(--shadow-xl);transform:translateX(0)}@media (min-width:1024px){.sidebar{box-shadow:none;transform:translateX(0)}}.sidebar-header{align-items:center;display:flex;justify-content:space-between;min-height:72px;padding:var(--space-5) var(--space-5) var(--space-4)}.sidebar-brand{display:flex;flex-direction:column}.sidebar-brand-title{color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:.06em;line-height:var(--line-height-tight)}.sidebar-brand-subtitle{color:var(--color-gray-400);font-size:var(--font-size-xs);margin-top:1px}.drawer-close{align-items:center;background:var(--color-gray-100);border:none;border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.drawer-close:hover{background:var(--color-gray-200);color:var(--color-gray-700)}@media (min-width:1024px){.drawer-close{display:none}}.sidebar-divider{background:var(--border-color);height:1px;margin:0 var(--space-5)}.sidebar-user-card{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);transition:background var(--transition-fast)}.sidebar-user-card:hover{background:var(--color-gray-50)}.sidebar-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:42px;justify-content:center;letter-spacing:.03em;width:42px}.sidebar-user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.sidebar-user-name{color:var(--color-gray-900);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-meta{color:var(--color-gray-500);font-size:var(--font-size-xs);line-height:var(--line-height-tight);margin-top:1px}.sidebar-nav{padding:var(--space-4) 0 0}.sidebar-nav-zone{border-bottom:1px dashed var(--border-color);margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.sidebar-nav-zone:last-child{border-bottom:none;margin-bottom:0}.sidebar-zone-label{color:var(--color-gray-400);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;padding:0 var(--space-5) var(--space-2);text-transform:uppercase}.sidebar-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-left:3px solid #0000;border-radius:0;color:var(--color-gray-500);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);padding:var(--space-3) var(--space-5);position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.sidebar-nav-item:hover{background:var(--color-gray-50);color:var(--color-gray-800)}.sidebar-nav-item.active{background:var(--color-primary-light);border-left-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.sidebar-nav-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.sidebar-nav-text,.sidebar-spacer{flex:1 1}.sidebar-footer{padding-bottom:var(--space-4)}.sidebar-logout{color:var(--color-danger)!important}.sidebar-logout:hover{background:var(--color-danger-light)!important;border-left-color:var(--color-danger)!important}.sidebar-brand-footer{align-items:center;display:flex;flex-direction:column;gap:2px;padding:var(--space-4) var(--space-5) var(--space-2)}.sidebar-brand-footer span:first-child{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em}.sidebar-version{color:var(--color-gray-400);font-size:.625rem}.cpw-modal{max-width:420px;width:100%}.cpw-body{padding:0}.cpw-form{gap:var(--space-4);padding:0}.cpw-field,.cpw-form{display:flex;flex-direction:column}.cpw-field{gap:var(--space-1)}.cpw-label{color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.cpw-input-wrap{align-items:center;display:flex;position:relative}.cpw-input{background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--color-gray-800);font-family:var(--font-family);font-size:var(--font-size-sm);padding:10px 40px 10px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.cpw-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b1f6f14;outline:none}.cpw-eye,.cpw-input::placeholder{color:var(--color-gray-400)}.cpw-eye{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;transition:color var(--transition-fast);width:28px}.cpw-eye:hover{color:var(--color-gray-600)}.cpw-mismatch{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:2px}.cpw-subtitle{color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin-top:2px}.cpw-error{background:var(--color-danger-bg);color:var(--color-danger)}.cpw-error,.cpw-success{border-radius:var(--radius-md);font-size:var(--font-size-xs);padding:8px 12px}.cpw-success{background:var(--color-success-bg);color:var(--color-success)}.cpw-actions{margin-top:var(--space-2)}.error-page-shell{background:radial-gradient(circle at top left,#00857c1f,#0000 34rem),linear-gradient(135deg,var(--color-gray-50),var(--color-white));display:grid;min-height:100vh;padding:var(--space-6);place-items:center}.error-page-shell-embedded{border-radius:var(--radius-xl);min-height:100%}.error-page-card{background:#fffffff5;border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-8);text-align:center;width:min(100%,560px)}.error-page-brand{background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;padding:var(--space-2) var(--space-4)}.error-page-brand,.error-page-visual{align-items:center;justify-content:center;margin-bottom:var(--space-6)}.error-page-visual{display:flex;gap:var(--space-4)}.error-page-icon{align-items:center;background:var(--color-secondary-light);border-radius:28px;box-shadow:inset 0 0 0 1px #00857c1f;color:var(--color-secondary);display:inline-flex;height:86px;justify-content:center;width:86px}.error-page-code{color:var(--color-primary);font-size:clamp(3rem,12vw,5.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.06em;line-height:.9}.error-page-copy h1{color:var(--color-gray-900);font-size:clamp(1.75rem,5vw,2.5rem);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}.error-page-copy p{color:var(--color-gray-600);font-size:var(--font-size-base);line-height:1.7}.error-page-redirect-note{color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-3)}.error-page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-8)}.error-page-shell-warning .error-page-icon{background:var(--color-warning-bg);box-shadow:inset 0 0 0 1px #d9770629;color:var(--color-warning)}.error-page-shell-danger .error-page-icon{background:var(--color-danger-bg);box-shadow:inset 0 0 0 1px #dc262624;color:var(--color-danger)}.error-page-shell-info .error-page-icon{background:var(--color-info-light);box-shadow:inset 0 0 0 1px #2563eb1f;color:var(--color-info)}@media (max-width:520px){.error-page-shell{padding:var(--space-4)}.error-page-card{padding:var(--space-6)}.error-page-visual{flex-direction:column;gap:var(--space-3)}.error-page-icon{border-radius:22px;height:72px;width:72px}.error-page-actions{align-items:stretch;flex-direction:column}.error-page-actions .btn{width:100%}}@media (prefers-color-scheme:dark){.error-page-shell{background:radial-gradient(circle at top left,#00857c38,#0000 34rem),linear-gradient(135deg,#0f172a,#111827)}.error-page-card{background:#0f172af5;border-color:#94a3b83d;box-shadow:0 24px 70px #00000061}.error-page-brand{background:#d8d9f01f;color:#d8d9f0}.error-page-code,.error-page-copy h1{color:#f8fafc}.error-page-copy p{color:#cbd5e1}}
/*# sourceMappingURL=main.0be0e72b.css.map*/