body{margin:0}.color-blue{color:#4095e5}.color-yellow{color:#bab001}.color-red{color:red}.color-green{color:#05a315}.color-grey{color:#aaa}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--primary-950:#172554;--accent-amber:#f59e0b;--accent-amber-light:#fbbf24;--accent-amber-dark:#d97706;--accent-emerald:#10b981;--accent-emerald-light:#34d399;--accent-emerald-dark:#059669;--accent-rose:#f43f5e;--accent-rose-light:#fb7185;--accent-rose-dark:#e11d48;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--neutral-900);background:var(--neutral-50);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Crimson Pro,Georgia,serif;font-weight:700;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}button{border:none;cursor:pointer;outline:none}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}.app-container{overflow:hidden;background:var(--neutral-50)}.app-container,.sidebar{display:flex;height:100vh}.sidebar{position:fixed;top:0;left:0;width:256px;background:linear-gradient(180deg,var(--primary-900) 0,var(--primary-900) 50%,var(--primary-950) 100%);color:#fff;transform:translateX(0);transition:all .3s ease-in-out;z-index:50;flex-direction:column}.sidebar.hidden{transform:translateX(-100%)}.sidebar-header{justify-content:space-between;height:64px;padding:0 1.5rem;border-bottom:1px solid rgba(59,130,246,.5)}.logo,.sidebar-header{display:flex;align-items:center}.logo{gap:.75rem;cursor:pointer}.logo-icon{transition:background .2s}.logo:hover .logo-icon{background:rgba(245,158,11,.2)}.logo-text{display:flex;flex-direction:column}.logo-title{font-family:Crimson Pro,serif;font-weight:700;font-size:1rem;line-height:1.2}.logo-subtitle{font-size:.75rem;color:var(--primary-300);font-weight:300}.sidebar-nav{flex:1;padding:1.5rem .75rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin-bottom:.25rem;border-radius:.5rem;transition:all .2s;cursor:pointer;color:var(--primary-100);font-size:.875rem}.nav-item:hover{background:rgba(30,64,175,.3);color:#fff}.nav-item.active{background:var(--accent-amber);color:var(--primary-950);font-weight:500;box-shadow:0 4px 6px rgba(0,0,0,.1)}.sidebar-footer{padding:1rem;border-top:1px solid rgba(59,130,246,.5)}.org-label{font-size:.75rem;color:var(--primary-300);margin-bottom:.5rem;padding:0 .5rem}.org-info{padding:.5rem .5rem;background:rgba(30,64,175,.3);border-radius:.5rem}.org-name{font-weight:500;font-size:.875rem}.org-plan{font-size:.75rem;color:var(--primary-400);margin-top:.125rem}.main-content{display:flex;flex-direction:column;margin-left:256px;width:calc(100% - 256px);transition:all .3s ease-in-out}.main-content.expanded{margin-left:5rem;width:calc(100% - 5rem)}.header{height:64px;background:#fff;border-bottom:1px solid var(--neutral-200);justify-content:space-between;padding:0 1.5rem;z-index:40}.header,.header-left{display:flex;align-items:center}.header-left{gap:1rem}.menu-button{padding:.5rem;background:transparent;border-radius:.5rem;transition:background .2s;display:flex;align-items:center;justify-content:center}.menu-button:hover{background:var(--neutral-100)}.search-box{width:320px;padding:.5rem 1rem;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:.5rem;font-size:.875rem;outline:none;transition:all .2s}.search-box:focus{ring:2px;ring-color:var(--primary-500);border-color:transparent}.header-right{gap:.75rem}.header-right,.icon-button{display:flex;align-items:center}.icon-button{position:relative;padding:.5rem;background:transparent;border-radius:.5rem;transition:background .2s;justify-content:center}.icon-button:hover{background:var(--neutral-100)}.notification-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--accent-rose);border-radius:50%}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:transparent;border-radius:.5rem;transition:background .2s}.user-button:hover{background:var(--neutral-100)}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:500}.user-info{text-align:left}.user-name{font-size:.875rem;font-weight:500;color:var(--neutral-900)}.user-role{font-size:.75rem;color:var(--neutral-500)}.user-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;width:192px;background:#fff;border-radius:.5rem;box-shadow:0 10px 15px rgba(0,0,0,.1);border:1px solid var(--neutral-200);padding:.5rem 0;z-index:50}.dropdown-item{display:block;padding:.5rem 1rem;font-size:.875rem;color:var(--neutral-700);transition:background .2s;cursor:pointer}.dropdown-item:hover{background:var(--neutral-50)}.dropdown-divider{height:1px;background:var(--neutral-200);margin:.5rem 0}.page-content{flex:1;overflow-y:auto}.page-container{min-height:100%;padding:2rem}.page-header{margin-bottom:2rem}.page-title{margin-bottom:.5rem}.page-description{color:var(--neutral-600)}.card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid var(--neutral-200);padding:1.5rem}.card-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--neutral-200)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer}.btn-primary{background:linear-gradient(90deg,var(--primary-600),var(--primary-700));color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-primary:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn-success{background:linear-gradient(90deg,var(--accent-emerald),var(--accent-emerald-dark));color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-success:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn-warning{background:linear-gradient(90deg,var(--accent-amber),var(--accent-amber-dark));color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-warning:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn-secondary{background:var(--neutral-100);color:var(--neutral-700)}.btn-secondary:hover{background:var(--neutral-200)}.btn-ghost{background:transparent;color:var(--neutral-600)}.btn-ghost:hover{background:var(--neutral-100)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--neutral-700);margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem 1rem;border:1px solid var(--neutral-300);border-radius:.5rem;font-size:.875rem;outline:none;transition:all .2s;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:transparent;box-shadow:0 0 0 2px var(--primary-500)}.form-textarea{resize:none;min-height:100px}.form-required{color:var(--accent-rose)}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media (min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}.md-grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg-grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg-grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg-col-span-2{grid-column:span 2}}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid}.badge-high-risk{background:rgba(244,63,94,.1);color:var(--accent-rose-dark);border-color:rgba(244,63,94,.2)}.badge-medium-risk{background:rgba(245,158,11,.1);color:var(--accent-amber-dark);border-color:rgba(245,158,11,.2)}.badge-low-risk{background:rgba(16,185,129,.1);color:var(--accent-emerald-dark);border-color:rgba(16,185,129,.2)}.badge-low-blue{background:rgba(16,145,185,.1);color:var(--primary-600);border-color:rgba(16,123,185,.2)}.badge-pending{background:var(--neutral-100);color:var(--neutral-700);border-color:var(--neutral-200)}.badge-in-progress{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-200)}.badge-completed{background:rgba(16,185,129,.1);color:var(--accent-emerald-dark);border-color:rgba(16,185,129,.2)}.kpi-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid var(--neutral-200);padding:1.25rem;transition:box-shadow .2s}.kpi-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.kpi-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.kpi-icon{padding:.625rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.kpi-icon-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700))}.kpi-icon-success{background:linear-gradient(135deg,var(--accent-emerald),var(--accent-emerald-dark))}.kpi-icon-warning{background:linear-gradient(135deg,var(--accent-amber),var(--accent-amber-dark))}.kpi-icon-danger{background:linear-gradient(135deg,var(--accent-rose),var(--accent-rose-dark))}.kpi-trend{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem}.kpi-trend-positive{background:rgba(16,185,129,.1);color:var(--accent-emerald-dark)}.kpi-trend-negative{background:rgba(244,63,94,.1);color:var(--accent-rose-dark)}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--neutral-900);margin-bottom:.25rem;font-family:IBM Plex Mono,monospace}.kpi-label{font-size:.75rem;color:var(--neutral-600);font-weight:500}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table thead{background:var(--neutral-50);border-bottom:1px solid var(--neutral-200)}.table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--neutral-700)}.table td{padding:1rem 1.5rem;border-bottom:1px solid var(--neutral-200)}.table tbody tr{transition:background .2s}.table tbody tr:hover{background:var(--neutral-50)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px rgba(0,0,0,.15);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:1.5rem;border-bottom:1px solid var(--neutral-200)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--neutral-900)}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid var(--neutral-200);display:flex;justify-content:flex-end;gap:.75rem}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40}@media (max-width:1023px){.sidebar{transform:translateX(-100%)}.sidebar.visible{transform:translateX(0)}.main-content{margin-left:0}.search-box,.user-info{display:none}}@media (max-width:768px){.auth-page-left{display:none!important}.auth-page-right{width:100%!important;padding:2rem 1.5rem!important}.auth-form-container{max-width:100%!important}.avatar-upload-section{flex-direction:column!important;align-items:flex-start!important}.auth-grid-cols-2{grid-template-columns:1fr!important}}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px rgba(0,0,0,.1)}.shadow-md{box-shadow:0 4px 6px rgba(0,0,0,.1)}.shadow-lg{box-shadow:0 10px 15px rgba(0,0,0,.1)}.text-neutral-500{color:var(--neutral-500)}.text-neutral-600{color:var(--neutral-600)}.text-neutral-700{color:var(--neutral-700)}.text-neutral-900{color:var(--neutral-900)}.text-primary-600{color:var(--primary-600)}.text-primary-700{color:var(--primary-700)}.bg-white{background:#fff}.bg-neutral-50{background:var(--neutral-50)}.border{border:1px solid var(--neutral-200)}.border-neutral-200{border-color:var(--neutral-200)}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.hidden{display:none}.block{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.auth-page-container{min-height:100vh;display:flex;background:linear-gradient(135deg,var(--primary-900) 0,var(--primary-950) 50%,var(--primary-900) 100%)}.auth-page-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:3rem;color:#fff}.auth-page-left-content{max-width:500px;margin:0 auto}.auth-brand-header{display:flex;align-items:center;gap:1rem;margin-bottom:3rem}.auth-brand-icon{background:rgba(245,158,11,.2);border-radius:1rem;display:flex;align-items:center;justify-content:center}.auth-brand-title{font-size:2.5rem;margin-bottom:.25rem;color:#fff}.auth-brand-subtitle{font-size:1.125rem;color:var(--primary-200)}.auth-main-heading{font-size:2rem;margin-bottom:1.5rem;color:#fff}.auth-main-description{font-size:1.125rem;color:var(--primary-200);margin-bottom:3rem;line-height:1.6}.auth-features-list{display:flex;flex-direction:column;gap:1.5rem}.auth-feature-item{display:flex;gap:1rem;align-items:flex-start}.auth-feature-icon{padding:.75rem;background:rgba(59,130,246,.2);border-radius:.5rem;display:flex;align-items:center;justify-content:center}.auth-feature-title{font-size:1.125rem;margin-bottom:.5rem;color:#fff}.auth-feature-description{color:var(--primary-200);font-size:.9375rem;line-height:1.6}.auth-benefits-box{padding:2rem;background:rgba(59,130,246,.1);border-radius:1rem;border:1px solid rgba(59,130,246,.3)}.auth-benefits-title{font-size:1.125rem;margin-bottom:1rem;color:#fff}.auth-benefits-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.auth-benefit-item{display:flex;align-items:center;gap:.75rem;color:var(--primary-200)}.auth-page-right{width:480px;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem;box-shadow:-10px 0 30px rgba(0,0,0,.1)}.auth-page-right.wide{width:520px;overflow-y:auto;justify-content:flex-start}.auth-form-container{max-width:360px;margin:0 auto;width:100%}.auth-form-container.wide{max-width:400px}.auth-form-title{font-size:1.875rem;margin-bottom:.5rem;color:var(--neutral-900)}.auth-form-subtitle{font-size:.9375rem;color:var(--neutral-600);margin-bottom:2rem}.auth-remember-forgot{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.auth-remember-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.auth-remember-checkbox{width:16px;height:16px;cursor:pointer}.auth-remember-text{font-size:.875rem;color:var(--neutral-700)}.auth-forgot-link{font-size:.875rem;color:var(--primary-600);font-weight:500;cursor:pointer;text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-switch-text{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--neutral-600)}.auth-switch-link{color:var(--primary-600);font-weight:500;margin-left:.25rem;cursor:pointer;text-decoration:none}.auth-switch-link:hover{text-decoration:underline}.auth-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--neutral-200)}.auth-footer-text{font-size:.75rem;color:var(--neutral-500);text-align:center;line-height:1.6}.auth-footer-link{color:var(--primary-600)}.auth-avatar-upload{display:flex;align-items:center;gap:1rem}.auth-avatar-preview{width:80px;height:80px;border-radius:50%;background:var(--neutral-100);border:2px dashed var(--neutral-300);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.auth-avatar-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.auth-avatar-input{display:none}.auth-avatar-hint{font-size:.75rem;color:var(--neutral-500);margin-top:.5rem}.auth-password-strength{margin-top:.5rem}.auth-strength-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.auth-strength-label{font-size:.75rem;color:var(--neutral-600)}.auth-strength-value{font-size:.75rem;font-weight:500}.auth-strength-bar{width:100%;height:4px;background:var(--neutral-200);border-radius:2px;overflow:hidden}.auth-strength-progress{height:100%;transition:width .3s ease}.auth-password-mismatch{font-size:.75rem;color:var(--accent-rose);margin-top:.25rem}.auth-company-section{padding:1rem;background:var(--neutral-50);border-radius:.5rem;margin-bottom:1.25rem}.auth-company-title{font-size:.9375rem;font-weight:600;color:var(--neutral-900);margin-bottom:1rem}.auth-company-hint{font-size:.75rem;color:var(--neutral-500);margin-top:.25rem}.auth-agreement-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;margin-bottom:1.5rem}.auth-agreement-checkbox{width:16px;height:16px;margin-top:2px;cursor:pointer;flex-shrink:0}.auth-agreement-text{font-size:.875rem;color:var(--neutral-700);line-height:1.5}.auth-agreement-link{color:var(--primary-600);font-weight:500}