@charset "UTF-8";.navbar{position:fixed;top:0;left:0;right:0;height:67px;background:#fff;border-bottom:1px solid #eeeeee;z-index:99;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:none}@media (max-width: 1199px){.navbar{top:0}}.navbar__left,.navbar__center,.navbar__right{display:flex;align-items:center;gap:16px}.navbar__left{flex-shrink:0}.navbar__center{flex:1;max-width:600px;margin:0 auto}@media (max-width: 991px){.navbar__center{display:none}}.navbar__right{flex-shrink:0}.navbar__logo{display:flex;flex-direction:column;gap:2px}.navbar__logo-text{font-size:20px;font-weight:700;color:#5c8ed4;letter-spacing:-.5px}.navbar__logo-subtitle{font-size:10px;color:#757575;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.navbar__toggle{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.navbar__toggle:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.navbar__toggle:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.navbar__toggle{background:transparent;border:none;color:#616161;padding:8px;border-radius:.25rem}.navbar__toggle i{font-size:18px}.navbar__toggle:hover{background:#f7f7f7;color:#333}@media (min-width: 1200px){.navbar__toggle--mobile{display:none}}@media (max-width: 1023px){.navbar__toggle--collapse{display:none}}.navbar__search{position:relative;width:100%;max-width:500px;transition:.2s ease}.navbar__search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#757575;font-size:14px;pointer-events:none}.navbar__search-input{display:block;width:100%;padding:.375rem .75rem;font-size:14px;font-family:Ubuntu,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:#fff;border:1px solid #eeeeee;border-radius:.25rem;transition:.15s ease}.navbar__search-input:focus{border-color:#d5d5d5;outline:none;box-shadow:none}.navbar__search-input:disabled{background:#f0f0f0;opacity:.6;cursor:not-allowed}.navbar__search-input::placeholder{color:#757575}.navbar__search-input{padding-left:40px;padding-right:16px;background:#f7f7f7;border-color:transparent;border-radius:30px;height:40px}.navbar__search-input:focus{background:#fff;border-color:#5c8ed4}.navbar__search--focused .navbar__search-icon{color:#5c8ed4}.navbar__icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.navbar__icon-btn:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.navbar__icon-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.navbar__icon-btn{background:transparent;border:none;padding:8px;width:40px;height:40px;border-radius:.25rem;color:#616161}.navbar__icon-btn i{font-size:18px}.navbar__icon-btn:hover{background:#f7f7f7;color:#333}.navbar__badge{position:absolute;top:6px;right:6px;background:#17191c;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:30px;min-width:18px;text-align:center}.navbar__badge--danger{background:#de4848}.navbar__user{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid transparent;padding:6px 12px 6px 6px;border-radius:30px;cursor:pointer;transition:.15s ease}.navbar__user:hover{background:#f7f7f7;border-color:#eee}.navbar__user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #f0f0f0}.navbar__user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}@media (max-width: 991px){.navbar__user-info{display:none}}.navbar__user-name{font-size:14px;font-weight:500;color:#333}.navbar__user-role{font-size:11px;color:#757575}.navbar__user-arrow{font-size:12px;color:#757575;transition:.15s ease}.navbar__dropdown{position:relative}.navbar__dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:.55rem;box-shadow:0 2px 20px #0003;min-width:280px;z-index:1000;animation:fadeIn .2s ease ease-in-out}.navbar__dropdown-menu--notifications{width:360px}@media (max-width: 767px){.navbar__dropdown-menu--notifications{width:calc(100vw - 40px);right:-24px}}.navbar__dropdown-menu--user{width:280px}.navbar__dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #eeeeee}.navbar__dropdown-header h4{margin:0;font-size:15px;font-weight:600;color:#333}.navbar__dropdown-body{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#757575 transparent}.navbar__dropdown-body::-webkit-scrollbar{width:5px;height:5px}.navbar__dropdown-body::-webkit-scrollbar-track{background:transparent;border-radius:.1875rem}.navbar__dropdown-body::-webkit-scrollbar-thumb{background:#757575;border-radius:.1875rem}.navbar__dropdown-body::-webkit-scrollbar-thumb:hover{background:#5c5c5c}.navbar__dropdown-footer{padding:8px 24px;border-top:1px solid #eeeeee;text-align:center}.navbar__dropdown-footer .link{font-size:14px;color:#5c8ed4;font-weight:500}.navbar__dropdown-footer .link:hover{text-decoration:underline}.notification-item{display:flex;gap:16px;padding:16px 24px;border-bottom:1px solid #f0f0f0;transition:.15s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f4f7f6}.notification-item__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;flex-shrink:0}.notification-item__icon i{font-size:16px}.notification-item__icon--success{background:#22af461a;color:#22af46}.notification-item__icon--warning{background:#f3ad061a;color:#f3ad06}.notification-item__icon--info{background:#3c89da1a;color:#3c89da}.notification-item__icon--danger{background:#de48481a;color:#de4848}.notification-item__content{flex:1}.notification-item__title{margin:0 0 4px;font-size:14px;font-weight:600;color:#333}.notification-item__text{margin:0 0 4px;font-size:13px;color:#616161;line-height:1.6}.notification-item__time{font-size:11px;color:#757575}.user-dropdown__header{display:flex;gap:16px;padding:24px;border-bottom:1px solid #eeeeee}.user-dropdown__avatar{width:50px;height:50px;border-radius:50%;border:2px solid #5c8ed4}.user-dropdown__name{margin:0 0 4px;font-size:15px;font-weight:600;color:#333}.user-dropdown__email{margin:0;font-size:13px;color:#616161}.user-dropdown__menu{padding:8px 0}.user-dropdown__item{display:flex;align-items:center;gap:16px;padding:8px 24px;color:#4a4a4a;font-size:14px;text-decoration:none;transition:.15s ease}.user-dropdown__item i{font-size:16px;width:20px}.user-dropdown__item:hover{background:#f4f7f6;color:#222}.user-dropdown__item--danger{color:#de4848}.user-dropdown__item--danger:hover{background:#de48480d}.user-dropdown__divider{height:1px;background:#eee;margin:8px 0}.badge{display:inline-block;padding:4px 8px;font-size:11px;font-weight:600;border-radius:.25rem}.badge--primary{background:#5c8ed4;color:#fff}.sidebar{position:fixed;width:250px;height:calc(100vh - 67px);top:67px;left:0;background:#fafbfc;z-index:1111;overflow-y:scroll;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar::-webkit-scrollbar{width:6px;height:6px}.sidebar::-webkit-scrollbar-track{background:transparent;border-radius:.1875rem}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:.1875rem}.sidebar::-webkit-scrollbar-thumb:hover{background:#0000}.sidebar{transition:.3s ease;box-shadow:2px 0 8px #0000000a;border-right:1px solid #eff1f3}@media (max-width: 1199px){.sidebar{left:-250px;box-shadow:0 5px 10px #0003}.sidebar--open{left:0}}.sidebar--collapsed{width:70px}.sidebar--collapsed .sidebar__user-info,.sidebar--collapsed .sidebar__menu-text,.sidebar--collapsed .sidebar__menu-arrow,.sidebar--collapsed .sidebar__badge,.sidebar--collapsed .sidebar__submenu,.sidebar--collapsed .sidebar__footer,.sidebar--collapsed .sidebar__menu-section{display:none}.sidebar--collapsed .sidebar__user{justify-content:center;padding:16px 4px;margin:16px 4px;background:transparent;box-shadow:none}.sidebar--collapsed .sidebar__user-avatar{width:42px;height:42px}.sidebar--collapsed .sidebar__menu-link{justify-content:center}.sidebar__content{display:flex;flex-direction:column;min-height:100%;overflow:visible}.sidebar__user{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;margin:24px;background:#fff;border-radius:.55rem;box-shadow:0 1px 2px #0000001a;flex-shrink:0;transition:all .3s ease}.sidebar__user-avatar{width:50px;height:50px;border-radius:50%;border:2px solid rgb(172.7087378641,197.9514563107,233.2912621359);flex-shrink:0;transition:all .3s ease}.sidebar__user-info{display:flex;flex-direction:column;gap:4px;flex:1;transition:opacity .15s ease}.sidebar__user-name{font-size:15px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-role{font-size:13px;color:#616161;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__nav{flex:1;padding:0 8px;overflow:visible}.sidebar__menu{list-style:none;margin:0;padding:0}.sidebar__menu-section{margin:24px 0 8px;padding:0 16px}.sidebar__menu-section:first-child{margin-top:0}.sidebar__menu-section-label{display:block;font-size:13px;font-weight:600;color:#757575;text-transform:uppercase;letter-spacing:.5px}.sidebar__menu-item{margin-bottom:4px}.sidebar__menu-link{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:13px 15px;color:#17191c;text-decoration:none;border-left:5px solid transparent;border-radius:0 .25rem .25rem 0;transition:.15s ease;background:transparent;border:none;width:100%;cursor:pointer;font-size:15px;text-align:left}.sidebar__menu-link:hover{background:#f7f7f7}.sidebar__menu-link--active{background:#f7f7f7;border-left-color:#5c8ed4;font-weight:600}.sidebar__menu-link--active .sidebar__menu-icon{color:#5c8ed4}.sidebar__menu-link--open .sidebar__menu-arrow{transform:rotate(180deg)}.sidebar__menu-icon{font-size:17px;color:#5c8ed4;width:20px;text-align:center;flex-shrink:0}.sidebar__menu-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__menu-arrow{font-size:12px;color:#757575;transition:.15s ease;margin-left:auto}.sidebar__badge{background:#5c8ed4;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:30px;min-width:20px;text-align:center}.sidebar__submenu{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out}.sidebar__submenu--open{max-height:500px;opacity:1}.sidebar__submenu li{margin-bottom:0}.sidebar__submenu-link{display:block;padding:10px 15px 10px 57px;color:#616161;font-size:14px;text-decoration:none;position:relative;transition:.15s ease}.sidebar__submenu-link:before{content:"--";position:absolute;left:38px;color:#9e9e9e}.sidebar__submenu-link:hover{background:#f7f7f7;color:#333}.sidebar__submenu-link--active{background:#f7f7f7;color:#5c8ed4;font-weight:600}.sidebar__submenu-link--active:before{color:#5c8ed4}.sidebar__footer{padding:24px;border-top:1px solid #eeeeee;margin-top:auto;flex-shrink:0}.sidebar__footer-info{display:flex;flex-direction:column;gap:8px}.sidebar__footer-version{font-size:13px;color:#757575}.sidebar__footer-link{font-size:13px;color:#5c8ed4;text-decoration:none}.sidebar__footer-link:hover{text-decoration:underline}.dashboard-wrapper{position:relative;min-height:100vh;background:#f4f6f8;font-family:Ubuntu,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:#404040;transition:.3s ease}.decorative-border{display:none}.main-content{width:calc(100% - 250px);float:right;margin-top:67px;padding:0;min-height:calc(100vh - 67px);background:#f4f6f8;transition:.3s ease}.sidebar-collapsed .main-content{width:calc(100% - 70px)}@media (max-width: 1199px){.main-content{width:100%;padding:0}}.container-fluid{padding:24px;max-width:100%}@media (max-width: 991px){.container-fluid{padding:16px}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#17191c80;z-index:1110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 1199px){.sidebar-open .sidebar-overlay{display:block}}@media (max-width: 1199px){.main-content{margin-left:0}}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:500;text-align:center;text-decoration:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn--small{padding:6px 12px;font-size:14px;line-height:1.4}.btn--medium{padding:10px 20px;font-size:16px;line-height:1.5}.btn--large{padding:14px 28px;font-size:18px;line-height:1.6}.btn--primary{background-color:#007bff;color:#fff}.btn--primary:hover:not(:disabled){background-color:#0056b3}.btn--secondary{background-color:#6c757d;color:#fff}.btn--secondary:hover:not(:disabled){background-color:#545b62}.btn--outlined{background-color:transparent;border:2px solid #007bff;color:#007bff}.btn--outlined:hover:not(:disabled){background-color:#007bff;color:#fff}.btn--text{background-color:transparent;color:#007bff}.btn--text:hover:not(:disabled){background-color:#007bff1a}.btn--info{background-color:#17a2b8;color:#fff}.btn--info:hover:not(:disabled){background-color:#138496}.btn--danger{background-color:#dc3545;color:#fff}.btn--danger:hover:not(:disabled){background-color:#c82333}.btn--success{background-color:#28a745;color:#fff}.btn--success:hover:not(:disabled){background-color:#218838}.btn--warning{background-color:#ffc107;color:#212529}.btn--warning:hover:not(:disabled){background-color:#e0a800}.btn svg{margin-right:6px;flex-shrink:0}.btn svg:only-child{margin-right:0}.btn--disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn--loading{position:relative;pointer-events:none}.btn__spinner{display:inline-block}.btn:focus-visible{outline:2px solid #007bff;outline-offset:2px}.input-wrapper{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input__label{font-size:14px;font-weight:500;color:#333;display:flex;align-items:center;gap:4px}.input__required{color:#dc3545}.input__field{width:100%;padding:10px 14px;font-size:16px;font-family:inherit;border:1px solid #ced4da;border-radius:6px;background-color:#fff;transition:all .2s ease;outline:none}.input__field::placeholder{color:#6c757d}.input__field:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.input-wrapper--focused .input__field{border-color:#007bff}.input-wrapper--error .input__field{border-color:#dc3545}.input-wrapper--error .input__field:focus{box-shadow:0 0 0 3px #dc35451a}.input-wrapper--disabled .input__field{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.input__error{font-size:13px;color:#dc3545;display:block}.input__field:focus-visible{outline:2px solid #007bff;outline-offset:2px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f7f6,#e8eff0);padding:1rem;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(92,142,212,.05) 0%,transparent 70%);pointer-events:none;animation:rotate 60s linear infinite}.login-container{width:100%;max-width:440px;position:relative;z-index:1;animation:fadeInUp .6s ease-out}.login-card{background:#fff;border-radius:9px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2.5rem 2rem;transition:all .3s ease}.login-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (max-width: 480px){.login-card{padding:2rem 1.5rem}}.login-header{text-align:center;margin-bottom:2rem}.login-brand{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e8e8e8}.login-logo{position:relative}.logo-placeholder{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#5c8ed4,#72a0e0);border-radius:50%;color:#fff;font-size:32px;box-shadow:0 4px 12px #5c8ed44d;transition:all .3s ease;animation:logoFloat 3s ease-in-out infinite}.logo-placeholder:hover{transform:scale(1.05);box-shadow:0 6px 16px #5c8ed466}.logo-image{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.brand-title{font-family:Ubuntu,system-ui,-apple-system,sans-serif;font-size:32px;font-weight:700;color:#333;margin:0;line-height:1;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#5c8ed4,#4a7bc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-welcome{margin-bottom:.5rem}.login-title{font-family:Ubuntu,system-ui,-apple-system,sans-serif;font-size:24px;font-weight:600;color:#333;margin:0 0 .5rem;line-height:1.2}.login-subtitle{font-size:14px;color:#757575;margin:0;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;line-height:1.5;animation:slideDown .3s ease-out}.login-error-banner i{font-size:18px;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#757575;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;z-index:10;margin-top:5px}.password-toggle:focus{outline:2px solid #5c8ed4;outline-offset:2px}.password-toggle i{font-size:18px;pointer-events:none}.password-input-wrapper .input-wrapper{width:100%;position:relative}.password-input-wrapper .input__field{padding-right:48px}.login-options{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:-.5rem}.remember-me-label{display:flex;align-items:center;gap:.5rem;font-size:14px;color:#404040;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.remember-me-label:hover{color:#5c8ed4}.remember-me-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#5c8ed4}.remember-me-checkbox:focus{outline:2px solid #5c8ed4;outline-offset:2px}.forgot-password-link{font-size:14px;color:#5c8ed4;text-decoration:none;font-weight:500;transition:all .2s ease;position:relative}.forgot-password-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#5c8ed4;transition:width .3s ease}.forgot-password-link:hover{color:#4a7bc0}.forgot-password-link:hover:after{width:100%}.forgot-password-link:focus{outline:2px solid #5c8ed4;outline-offset:2px;border-radius:2px}@media (max-width: 480px){.login-options{flex-direction:column;align-items:flex-start;gap:.75rem}}.login-button{width:100%;margin-top:.5rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-size:14px}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e8e8e8;text-align:center}.signup-prompt{font-size:14px;color:#757575;margin:0}.signup-link{color:#5c8ed4;text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.signup-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#5c8ed4;transition:width .3s ease}.signup-link:hover{color:#4a7bc0}.signup-link:hover:after{width:100%}.signup-link:focus{outline:2px solid #5c8ed4;outline-offset:2px;border-radius:2px}.security-notice{margin-top:1.5rem;text-align:center;animation:fadeIn .6s ease-out .3s both}.login-form.loading{pointer-events:none;opacity:.7}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #5c8ed4;outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.login-container{max-width:400px}.login-title{font-size:24px}}@media (max-width: 480px){.login-page{padding:.5rem}.login-container{max-width:100%}.brand-title{font-size:28px}.login-title{font-size:20px}.login-subtitle{font-size:13px}.logo-placeholder,.logo-image{width:64px;height:64px;font-size:28px}.login-brand{gap:.75rem;margin-bottom:1.25rem;padding-bottom:1.25rem}}@media (min-width: 1024px){.login-container{max-width:480px}.login-card{padding:3rem 2.5rem}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.select__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.select__required{color:var(--color-danger);margin-left:var(--spacing-xs)}.select__field{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-900);background:var(--color-white);cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) * 2 + 12px)}.select__field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}.select__field:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.6}.select__error{font-size:var(--font-size-xs);color:var(--color-danger)}.select-wrapper--error .select__field{border-color:var(--color-danger)}.select-wrapper--error .select__field:focus{box-shadow:0 0 0 3px #dc35451a}.select-wrapper--focused .select__label{color:var(--color-primary)}.select-wrapper--disabled .select__label{opacity:.6}@media (prefers-reduced-motion: reduce){.select__field{transition:none}}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px);width:100%}.radio-group__label{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-gray-700, #333);display:flex;align-items:center;gap:4px}.radio-group__required{color:var(--color-danger, #dc3545)}.radio-group__options{display:flex;gap:12px}.radio-group--horizontal .radio-group__options{flex-direction:row;flex-wrap:wrap}.radio-group--vertical .radio-group__options{flex-direction:column}.radio-group__option{display:flex;align-items:center;gap:var(--spacing-sm, 10px);cursor:pointer;padding:12px 16px;border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .2s ease);-webkit-user-select:none;user-select:none;border:1.5px solid var(--color-gray-200, #e9ecef);background-color:var(--color-white, #fff);min-height:48px}.radio-group__option:hover{background-color:var(--color-gray-50, #f8f9fa);border-color:var(--color-primary-300, #80bdff);box-shadow:0 1px 3px #0000000d}.radio-group__option--checked{background-color:var(--color-primary-50, rgba(0, 123, 255, .08));border-color:var(--color-primary, #007bff);box-shadow:0 2px 4px #007bff26}.radio-group__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.radio-group__radio{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-gray-300, #ced4da);border-radius:50%;background-color:var(--color-white, #fff);transition:all var(--transition-fast, .2s ease);flex-shrink:0}.radio-group__option:hover .radio-group__radio{border-color:var(--color-primary, #007bff)}.radio-group__option--checked .radio-group__radio{border-color:var(--color-primary, #007bff);background-color:var(--color-white, #fff)}.radio-group__radio-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-primary, #007bff);animation:radioCheck .2s ease}@keyframes radioCheck{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.radio-group__option-label{font-size:var(--font-size-sm, 14px);color:var(--color-gray-700, #333);font-weight:var(--font-weight-normal, 400)}.radio-group__option--checked .radio-group__option-label{color:var(--color-primary, #007bff);font-weight:var(--font-weight-medium, 500)}.radio-group--error .radio-group__radio{border-color:var(--color-danger, #dc3545)}.radio-group--error .radio-group__option--checked .radio-group__radio-dot{background-color:var(--color-danger, #dc3545)}.radio-group__error{font-size:var(--font-size-xs, 13px);color:var(--color-danger, #dc3545);display:flex;align-items:center;gap:4px}.radio-group--disabled{opacity:.6;pointer-events:none}.radio-group--disabled .radio-group__option{cursor:not-allowed}.radio-group--disabled .radio-group__radio{background-color:var(--color-gray-100, #e9ecef)}.radio-group__input:focus-visible+.radio-group__radio{outline:2px solid var(--color-primary, #007bff);outline-offset:2px;box-shadow:0 0 0 3px #007bff1a}@media (prefers-reduced-motion: reduce){.radio-group__option,.radio-group__radio,.radio-group__radio-dot{transition:none;animation:none}}@media (max-width: 768px){.radio-group--horizontal .radio-group__options{flex-direction:column}.radio-group__option{width:100%}}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs, 6px);margin-bottom:16px}.textarea__label{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-gray-700, #333);display:flex;align-items:center;gap:4px}.textarea__required{color:var(--color-danger, #dc3545)}.textarea__help-text{font-size:var(--font-size-xs, 13px);color:var(--color-gray-600, #6c757d);margin-top:-4px}.textarea__field{width:100%!important;padding:10px 14px!important;font-size:16px!important;font-family:inherit!important;line-height:1.5!important;border:1px solid #ced4da!important;border-radius:6px!important;background-color:#fff!important;transition:all .2s ease!important;outline:none!important;box-sizing:border-box!important}textarea.textarea__field,.textarea__field[class*=textarea],.feature-form__textarea.textarea__field,.certificate-form .textarea__field,.role-form .textarea__field,.company-form .textarea__field,.user-form .textarea__field{border:1px solid #ced4da!important;border-width:1px!important;border-style:solid!important;border-color:#ced4da!important}.textarea__field::placeholder{color:var(--color-gray-500, #6c757d)}.textarea__field:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.textarea__field--resize-none{resize:none}.textarea__field--resize-vertical{resize:vertical}.textarea__field--resize-horizontal{resize:horizontal}.textarea__field--resize-both{resize:both}.textarea-wrapper--focused .textarea__field{border-color:#007bff}.textarea-wrapper--error .textarea__field{border-color:#dc3545!important}.textarea-wrapper--error .textarea__field:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35451a}.textarea-wrapper--disabled .textarea__field{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.textarea__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm, 10px)}.textarea__error{font-size:var(--font-size-xs, 13px);color:var(--color-danger, #dc3545);display:block;flex:1}.textarea__count{font-size:var(--font-size-xs, 12px);color:var(--color-gray-600, #6c757d);white-space:nowrap}.textarea-wrapper--error .textarea__count{color:var(--color-danger, #dc3545)}.textarea__field:focus-visible{outline:2px solid var(--color-primary, #007bff);outline-offset:2px}@media (prefers-reduced-motion: reduce){.textarea__field{transition:none}}.checkbox{display:flex;flex-direction:column;gap:var(--spacing-xs, 6px)}.checkbox__container{display:flex;align-items:flex-start;gap:var(--spacing-sm, 12px);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox--disabled .checkbox__container{cursor:not-allowed;opacity:.6}.checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox__box{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-gray-300, #ced4da);border-radius:var(--radius-sm, 4px);background-color:var(--color-white, #fff);transition:all var(--transition-fast, .2s ease)}.checkbox--small .checkbox__box{width:16px;height:16px}.checkbox--medium .checkbox__box{width:20px;height:20px;margin-top:2px}.checkbox--large .checkbox__box{width:24px;height:24px;margin-top:2px}.checkbox__icon{color:var(--color-white, #fff);animation:checkboxCheck .2s ease}@keyframes checkboxCheck{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.checkbox__container:hover .checkbox__box{border-color:var(--color-primary, #007bff)}.checkbox__input:checked+.checkbox__box{background-color:var(--color-primary, #007bff);border-color:var(--color-primary, #007bff)}.checkbox--focused .checkbox__box{outline:2px solid var(--color-primary, #007bff);outline-offset:2px;box-shadow:0 0 0 3px #007bff1a}.checkbox__content{display:flex;flex-direction:column;gap:4px;flex:1}.checkbox__label{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-gray-700, #333);display:flex;align-items:center;gap:4px}.checkbox--small .checkbox__label{font-size:var(--font-size-xs, 13px)}.checkbox--large .checkbox__label{font-size:var(--font-size-base, 16px)}.checkbox__required{color:var(--color-danger, #dc3545)}.checkbox__description{font-size:var(--font-size-xs, 13px);color:var(--color-gray-600, #6c757d);line-height:1.4}.checkbox--error .checkbox__box{border-color:var(--color-danger, #dc3545)}.checkbox--error .checkbox__input:checked+.checkbox__box{background-color:var(--color-danger, #dc3545);border-color:var(--color-danger, #dc3545)}.checkbox__error{font-size:var(--font-size-xs, 13px);color:var(--color-danger, #dc3545);display:flex;align-items:center;gap:4px;margin-left:calc(var(--spacing-sm, 12px) + 20px)}.checkbox--disabled .checkbox__box{background-color:var(--color-gray-100, #e9ecef);border-color:var(--color-gray-300, #ced4da)}.checkbox--disabled .checkbox__input:checked+.checkbox__box{background-color:var(--color-gray-400, #adb5bd);border-color:var(--color-gray-400, #adb5bd)}.checkbox--disabled .checkbox__label,.checkbox--disabled .checkbox__description{color:var(--color-gray-500, #6c757d)}.checkbox__input:focus-visible+.checkbox__box{outline:2px solid var(--color-primary, #007bff);outline-offset:2px;box-shadow:0 0 0 3px #007bff1a}@media (prefers-reduced-motion: reduce){.checkbox__box,.checkbox__icon{transition:none;animation:none}}.file-input{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px)}.file-input__label{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-gray-700, #333);display:flex;align-items:center;gap:4px}.file-input__required{color:var(--color-danger, #dc3545)}.file-input__help-text{font-size:var(--font-size-xs, 13px);color:var(--color-gray-600, #6c757d)}.file-input__dropzone{position:relative;border:2px dashed var(--color-gray-300, #ced4da);border-radius:var(--radius-md, 8px);padding:var(--spacing-xl, 32px) var(--spacing-lg, 24px);background-color:var(--color-gray-50, #f8f9fa);transition:all var(--transition-fast, .2s ease);cursor:pointer}.file-input__dropzone:hover{border-color:var(--color-primary, #007bff);background-color:var(--color-primary-50, rgba(0, 123, 255, .05))}.file-input--dragging .file-input__dropzone{border-color:var(--color-primary, #007bff);background-color:var(--color-primary-100, rgba(0, 123, 255, .1));transform:scale(1.02)}.file-input--error .file-input__dropzone{border-color:var(--color-danger, #dc3545)}.file-input--disabled .file-input__dropzone{opacity:.6;cursor:not-allowed;background-color:var(--color-gray-100, #e9ecef)}.file-input__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-input--disabled .file-input__input{cursor:not-allowed}.file-input__dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 16px);pointer-events:none}.file-input__icon{color:var(--color-gray-400, #adb5bd);transition:color var(--transition-fast, .2s ease)}.file-input__dropzone:hover .file-input__icon{color:var(--color-primary, #007bff)}.file-input__text{display:flex;flex-direction:column;align-items:center;gap:4px}.file-input__text-primary{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-gray-700, #333)}.file-input__text-secondary{font-size:var(--font-size-xs, 13px);color:var(--color-gray-600, #6c757d)}.file-input__preview{display:flex;flex-direction:column;gap:var(--spacing-sm, 10px);margin-top:var(--spacing-sm, 10px)}.file-input__preview-item{display:flex;align-items:center;gap:var(--spacing-sm, 12px);padding:var(--spacing-sm, 12px) var(--spacing-md, 14px);border:1px solid var(--color-gray-300, #ced4da);border-radius:var(--radius-md, 6px);background-color:var(--color-white, #fff);transition:all var(--transition-fast, .2s ease)}.file-input__preview-item:hover{background-color:var(--color-gray-50, #f8f9fa)}.file-input__preview-icon{color:var(--color-gray-500, #6c757d);flex-shrink:0}.file-input__preview-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.file-input__preview-name{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-gray-700, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-input__preview-size{font-size:var(--font-size-xs, 12px);color:var(--color-gray-600, #6c757d)}.file-input__preview-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm, 4px);background-color:transparent;color:var(--color-gray-600, #6c757d);cursor:pointer;transition:all var(--transition-fast, .2s ease);flex-shrink:0}.file-input__preview-remove:hover{background-color:var(--color-danger-100, rgba(220, 53, 69, .1));color:var(--color-danger, #dc3545)}.file-input__error{font-size:var(--font-size-xs, 13px);color:var(--color-danger, #dc3545);display:flex;align-items:center;gap:4px}@media (prefers-reduced-motion: reduce){.file-input__dropzone,.file-input__icon,.file-input__preview-item,.file-input__preview-remove{transition:none}.file-input--dragging .file-input__dropzone{transform:none}}.search-bar{position:relative;display:flex;align-items:center;width:100%;max-width:400px}.search-bar__icon{position:absolute;left:var(--spacing-md);display:flex;align-items:center;color:var(--color-gray-500);pointer-events:none;z-index:1}.search-bar__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) * 2 + 18px);padding-right:calc(var(--spacing-md) * 2 + 18px);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-900);background:var(--color-white);transition:all var(--transition-fast)}.search-bar__input::placeholder{color:var(--color-gray-500)}.search-bar__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}.search-bar__loading{position:absolute;right:var(--spacing-md);display:flex;align-items:center;pointer-events:none}.search-bar__clear{position:absolute;right:var(--spacing-md);display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;transition:color var(--transition-fast)}.search-bar__clear:hover{color:var(--color-gray-900)}@media (max-width: 768px){.search-bar{max-width:100%}}@media (prefers-reduced-motion: reduce){.search-bar__input,.search-bar__clear{transition:none}}.data-table{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.data-table__wrapper{overflow-x:auto}.data-table__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table__header{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.data-table__header-cell{padding:var(--spacing-md) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table__header-cell--sortable{cursor:pointer;transition:background var(--transition-fast)}.data-table__header-cell--sortable:hover{background:var(--color-gray-100)}.data-table__header-cell--center{text-align:center}.data-table__header-cell--right{text-align:right}.data-table__header-cell--actions{width:80px;text-align:center}.data-table__header-content{display:flex;align-items:center;gap:var(--spacing-xs)}.data-table__sort-icon--inactive{color:var(--color-gray-400)}.data-table__sort-icon--active{color:var(--color-primary)}.data-table__body{background:var(--color-white)}.data-table__row{border-bottom:1px solid var(--color-gray-200);transition:background var(--transition-fast)}.data-table__row:last-child{border-bottom:none}.data-table__row:hover{background:var(--color-gray-50)}.data-table__row--clickable{cursor:pointer}.data-table__cell{padding:var(--spacing-md) var(--spacing-md);color:var(--color-gray-800);vertical-align:middle}.data-table__cell--center{text-align:center}.data-table__cell--right{text-align:right}.data-table__cell--actions{width:120px;text-align:center;padding:var(--spacing-sm) var(--spacing-md)}.data-table__loading{text-align:center;padding:var(--spacing-2xl) var(--spacing-md)}.data-table__loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-gray-600)}.data-table__empty{text-align:center;padding:var(--spacing-2xl) var(--spacing-md);color:var(--color-gray-600);font-style:italic}.data-table__actions-buttons{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.data-table__action-button{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--color-white)}.data-table__action-button--default{color:var(--color-gray-600);border-color:var(--color-gray-300)}.data-table__action-button--default:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-900)}.data-table__action-button--primary{color:var(--color-primary);border-color:var(--color-primary)}.data-table__action-button--primary:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.data-table__action-button--success{color:var(--color-success);border-color:var(--color-success)}.data-table__action-button--success:hover{background:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.data-table__action-button--danger{color:var(--color-danger);border-color:var(--color-danger)}.data-table__action-button--danger:hover{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-white)}.data-table__action-button:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-gray-900);color:var(--color-white);font-size:var(--font-size-xs);white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip)}.data-table__action-button:hover:after{opacity:1}@media (max-width: 768px){.data-table__wrapper{overflow-x:scroll;-webkit-overflow-scrolling:touch}.data-table__header-cell,.data-table__cell{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs)}}@media (prefers-reduced-motion: reduce){.data-table__row,.data-table__action-button,.data-table__header-cell--sortable{transition:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#17191ca6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-white);border-radius:12px;box-shadow:0 24px 48px #0000001f,0 12px 24px #00000014;max-height:90vh;display:flex;flex-direction:column;animation:slideUp var(--transition-base);border:1px solid rgba(0,0,0,.08);overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal--small{width:100%;max-width:400px}.modal--medium{width:100%;max-width:600px}.modal--large{width:100%;max-width:800px}.modal--xl{width:100%;max-width:1000px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #f0f0f0;background:linear-gradient(to bottom,#fff,#fafafa)}.modal__title{margin:0;font-size:20px;font-weight:600;color:#17191c;letter-spacing:-.01em}.modal__subtitle{margin:4px 0 0;font-size:14px;font-weight:400;color:#757575}.modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:#757575;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.modal__close:hover{background:#f4f7f6;color:#17191c;transform:rotate(90deg)}.modal__body{flex:1;overflow-y:auto;padding:32px;background:#fff}.modal__body::-webkit-scrollbar{width:8px}.modal__body::-webkit-scrollbar-track{background:transparent}.modal__body::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.modal__body::-webkit-scrollbar-thumb:hover{background:#bdbdbd}.modal__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 32px;border-top:1px solid #f0f0f0;background:#fafafa}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-height:95vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:slideUpMobile var(--transition-base)}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal--small,.modal--medium,.modal--large,.modal--xl{max-width:100%}.modal__header{padding:20px}.modal__body{padding:24px 20px}.modal__footer{padding:16px 20px;flex-wrap:wrap}.modal__title{font-size:18px}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal{animation:none}.modal__close{transition:none}}.confirm-dialog{text-align:center;padding:var(--spacing-lg) 0}.confirm-dialog__icon-wrapper{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.confirm-dialog__icon--danger{color:var(--color-danger)}.confirm-dialog__icon--warning{color:var(--color-warning)}.confirm-dialog__icon--success{color:var(--color-success)}.confirm-dialog__icon--info{color:var(--color-info)}.confirm-dialog__title{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.confirm-dialog__message{margin:0;font-size:var(--font-size-base);color:var(--color-gray-700);line-height:var(--line-height-relaxed)}.btn-danger{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn-danger:hover{background:#c82333;border-color:#bd2130}.alert{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid;animation:slideInRight var(--transition-base)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.alert__icon{flex-shrink:0;display:flex;align-items:center}.alert__content{flex:1;min-width:0}.alert__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.alert__message{font-size:var(--font-size-sm);line-height:var(--line-height-base)}.alert__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.alert__close:hover{opacity:1}.alert--success{background:#d4edda;border-color:#c3e6cb;color:#155724}.alert--error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert--warning{background:#fff3cd;border-color:#ffeeba;color:#856404}.alert--info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}@media (prefers-reduced-motion: reduce){.alert{animation:none}.alert__close{transition:none}}.page-header{position:relative;margin-bottom:24px}.page-header__breadcrumbs{position:absolute;top:16px;right:20px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.breadcrumbs__item{display:flex;align-items:center;gap:4px;font-size:13px}.breadcrumbs__link{display:flex;align-items:center;gap:6px;color:#757575;text-decoration:none;padding:4px 8px;border-radius:6px;transition:all .15s ease}.breadcrumbs__link:hover{color:#5c8ed4;background:#f4f7f6}.breadcrumbs__separator{color:#bdbdbd;flex-shrink:0}.breadcrumbs__current{color:#17191c;font-weight:500;padding:4px 8px}.page-header__main{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:16px;width:100%;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:18px 24px;border:1px solid #f0f0f0;min-height:100px}.page-header__content{grid-column:1;grid-row:2;align-self:end}.page-header__title{margin:0;font-size:28px;font-weight:700;color:#17191c;letter-spacing:-.02em;line-height:1.2}.page-header__description{margin:6px 0 0;font-size:13px;color:#757575;line-height:1.4}.page-header__actions{grid-column:2;grid-row:2;display:flex;align-items:center;gap:10px;align-self:end;justify-self:end}.page-header__extra{margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}@media (max-width: 768px){.page-header{margin-bottom:16px}.page-header__breadcrumbs{position:static;margin-bottom:12px}.breadcrumbs{gap:2px;justify-content:flex-start}.breadcrumbs__link,.breadcrumbs__current{padding:4px 6px;font-size:12px}.page-header__main{display:flex;flex-direction:column;padding:16px;gap:12px;min-height:auto}.page-header__content{order:2}.page-header__breadcrumbs{order:1}.page-header__actions{order:3;width:100%}.page-header__title{font-size:22px}.page-header__description{font-size:12px}.page-header__extra{margin-top:16px;padding-top:16px}}.certificate-selector{display:flex;flex-direction:column;gap:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;background-color:var(--color-background)}.certificate-selector__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.certificate-selector__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.certificate-selector__count{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);padding:2px 10px;background-color:var(--color-primary-light);border-radius:12px}.certificate-selector__clear-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.certificate-selector__clear-btn:hover:not(:disabled){background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.certificate-selector__clear-btn:disabled{opacity:.5;cursor:not-allowed}.certificate-selector__toolbar{display:flex;gap:10px;align-items:center}.certificate-selector__search{position:relative;flex:1}.certificate-selector__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.certificate-selector__search-input{width:100%;padding:8px 32px;font-size:var(--font-size-sm);border:1px solid #d1d5db;border-radius:var(--radius-sm);background-color:#fff;transition:all var(--transition-fast)}.certificate-selector__search-input:hover:not(:disabled){border-color:#9ca3af}.certificate-selector__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.certificate-selector__search-input:disabled{background-color:var(--color-background-disabled);cursor:not-allowed;opacity:.6}.certificate-selector__search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.certificate-selector__search-clear:hover:not(:disabled){background-color:var(--color-background-hover);color:var(--color-text-primary)}.certificate-selector__search-clear:disabled{opacity:.3;cursor:not-allowed}.certificate-selector__select-all{flex-shrink:0;padding:8px 14px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.certificate-selector__select-all:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.certificate-selector__select-all:disabled{opacity:.5;cursor:not-allowed}.certificate-selector__list{max-height:240px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);padding:6px}.certificate-selector__list::-webkit-scrollbar{width:6px}.certificate-selector__list::-webkit-scrollbar-track{background:var(--color-background-alt);border-radius:3px}.certificate-selector__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.certificate-selector__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.certificate-selector__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px;color:var(--color-text-secondary)}.certificate-selector__loading span{font-size:var(--font-size-xs)}.certificate-selector__error{padding:20px;text-align:center;color:var(--color-error);font-size:var(--font-size-sm)}.certificate-selector__empty{padding:20px;text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.certificate-selector__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:3px}.certificate-selector__item:last-child{margin-bottom:0}.certificate-selector__item:hover:not(.certificate-selector__item--disabled){background-color:var(--color-background-hover);border-color:var(--color-border)}.certificate-selector__item--selected{background-color:var(--color-primary-light);border-color:var(--color-primary)}.certificate-selector__item--disabled{opacity:.5;cursor:not-allowed}.certificate-selector__checkbox{flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.certificate-selector__checkbox:disabled{cursor:not-allowed}.certificate-selector__item-content{flex:1;min-width:0}.certificate-selector__item-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.4}.certificate-selector__check-icon{flex-shrink:0;color:var(--color-primary)}.certificate-selector__validation-error{margin-top:8px;padding:8px 12px;font-size:var(--font-size-xs);color:var(--color-error);background-color:var(--color-error-light);border-radius:var(--radius-sm);border-left:3px solid var(--color-error)}@media (max-width: 768px){.certificate-selector{padding:12px}.certificate-selector__toolbar{flex-direction:column;align-items:stretch}.certificate-selector__select-all{width:100%}.certificate-selector__list{max-height:200px}.certificate-selector__item{padding:6px 8px}}.feature-selector{display:flex;flex-direction:column;gap:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;background-color:var(--color-background)}.feature-selector__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.feature-selector__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.feature-selector__count{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);padding:2px 10px;background-color:var(--color-primary-light);border-radius:12px}.feature-selector__clear-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.feature-selector__clear-btn:hover:not(:disabled){background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.feature-selector__clear-btn:disabled{opacity:.5;cursor:not-allowed}.feature-selector__toolbar{display:flex;gap:10px;align-items:center}.feature-selector__search{position:relative;flex:1}.feature-selector__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.feature-selector__search-input{width:100%;padding:8px 32px;font-size:var(--font-size-sm);border:1px solid #d1d5db;border-radius:var(--radius-sm);background-color:#fff;transition:all var(--transition-fast)}.feature-selector__search-input:hover:not(:disabled){border-color:#9ca3af}.feature-selector__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.feature-selector__search-input:disabled{background-color:var(--color-background-disabled);cursor:not-allowed;opacity:.6}.feature-selector__search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.feature-selector__search-clear:hover:not(:disabled){background-color:var(--color-background-hover);color:var(--color-text-primary)}.feature-selector__search-clear:disabled{opacity:.3;cursor:not-allowed}.feature-selector__select-all{flex-shrink:0;padding:8px 14px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.feature-selector__select-all:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.feature-selector__select-all:disabled{opacity:.5;cursor:not-allowed}.feature-selector__list{max-height:400px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);padding:6px}.feature-selector__list::-webkit-scrollbar{width:6px}.feature-selector__list::-webkit-scrollbar-track{background:var(--color-background-alt);border-radius:3px}.feature-selector__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.feature-selector__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.feature-selector__category{margin-bottom:12px}.feature-selector__category:last-child{margin-bottom:0}.feature-selector__category-header{margin-bottom:6px;padding:6px 8px;background-color:var(--color-background-alt);border-radius:var(--radius-sm)}.feature-selector__category-label{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer}.feature-selector__category-checkbox{width:14px;height:14px;cursor:pointer;accent-color:var(--color-primary)}.feature-selector__category-name{text-transform:capitalize}.feature-selector__category-count{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.feature-selector__category-items{display:flex;flex-direction:column;gap:3px;padding-left:20px}.feature-selector__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px;color:var(--color-text-secondary)}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.feature-selector__loading span{font-size:var(--font-size-xs)}.feature-selector__error{padding:20px;text-align:center;color:var(--color-error);font-size:var(--font-size-sm)}.feature-selector__empty{padding:20px;text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.feature-selector__item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:3px}.feature-selector__item:last-child{margin-bottom:0}.feature-selector__item:hover:not(.feature-selector__item--disabled){background-color:var(--color-background-hover);border-color:var(--color-border)}.feature-selector__item--selected{background-color:var(--color-primary-light);border-color:var(--color-primary)}.feature-selector__item--disabled{opacity:.5;cursor:not-allowed}.feature-selector__checkbox{flex-shrink:0;width:16px;height:16px;margin-top:2px;cursor:pointer;accent-color:var(--color-primary)}.feature-selector__checkbox:disabled{cursor:not-allowed}.feature-selector__item-content{flex:1;min-width:0}.feature-selector__item-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.4}.feature-selector__item-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:4px;line-height:1.3}.feature-selector__check-icon{flex-shrink:0;color:var(--color-primary)}.feature-selector__validation-error{margin-top:8px;padding:8px 12px;font-size:var(--font-size-xs);color:var(--color-error);background-color:var(--color-error-light);border-radius:var(--radius-sm);border-left:3px solid var(--color-error)}@media (max-width: 768px){.feature-selector{padding:12px}.feature-selector__toolbar{flex-direction:column;align-items:stretch}.feature-selector__select-all{width:100%}.feature-selector__list{max-height:300px}.feature-selector__item{padding:6px 8px}.feature-selector__category-items{padding-left:10px}}.reset-password-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reset-password-modal__info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-info-bg, #e8f4fd);border-radius:var(--radius-md);color:var(--color-info, #0066cc);font-size:var(--font-size-sm)}.reset-password-modal__info svg{flex-shrink:0}.reset-password-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.form-label .required{color:var(--color-error)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{width:100%;padding-right:44px}.password-toggle{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color .2s ease}.password-toggle:hover{color:var(--color-text)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha, rgba(59, 130, 246, .15))}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 3px var(--color-error-alpha, rgba(239, 68, 68, .15))}.form-input:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.7}.form-error{font-size:var(--font-size-xs);color:var(--color-error)}.password-strength{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.password-strength__bar{flex:1;height:4px;background-color:var(--color-border);border-radius:2px;overflow:hidden}.password-strength__fill{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.password-strength__fill--weak{width:33%}.password-strength__fill--medium{width:66%}.password-strength__fill--strong{width:100%}.password-strength__label{font-size:var(--font-size-xs);font-weight:500}.password-requirements{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.password-requirements__title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.password-requirements__list{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.password-requirements__list li{margin-bottom:var(--spacing-xs);transition:color .2s ease}.password-requirements__list li:last-child{margin-bottom:0}.password-requirements__list li.met{color:var(--color-success)}.password-requirements__list li.met::marker{content:"✓ "}.tabs{display:flex;flex-direction:column;width:100%}.tabs__header{display:flex;gap:.25rem;border-bottom:1px solid var(--gray-200);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs__header::-webkit-scrollbar{display:none}.tabs__tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--gray-600);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;margin-bottom:-1px}.tabs__tab:hover:not(.tabs__tab--disabled){color:var(--gray-800);background-color:var(--gray-50)}.tabs__tab--active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.tabs__tab--active:hover{color:var(--primary-600)}.tabs__tab--disabled{color:var(--gray-400);cursor:not-allowed}.tabs__tab-icon{display:flex;align-items:center;justify-content:center}.tabs__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.75rem;font-weight:600;border-radius:9999px;background-color:var(--gray-100);color:var(--gray-600)}.tabs__tab-badge--primary{background-color:var(--primary-100);color:var(--primary-700)}.tabs__tab-badge--success{background-color:var(--success-100);color:var(--success-700)}.tabs__tab-badge--warning{background-color:var(--warning-100);color:var(--warning-700)}.tabs__tab-badge--danger{background-color:var(--danger-100);color:var(--danger-700)}.tabs__content{padding-top:1.5rem}.tabs--pills .tabs__header{border-bottom:none;gap:.5rem;background-color:var(--gray-100);padding:.25rem;border-radius:.5rem}.tabs--pills .tabs__tab{border-bottom:none;border-radius:.375rem;margin-bottom:0}.tabs--pills .tabs__tab--active{background-color:#fff;color:var(--gray-900);box-shadow:0 1px 2px #0000000d}.tabs--underline .tabs__header{gap:1.5rem}.tabs--underline .tabs__tab{padding:.75rem 0}.tabs--small .tabs__tab{padding:.5rem .75rem;font-size:.8125rem}.tabs--small .tabs__tab-badge{min-width:1rem;height:1rem;font-size:.6875rem}.tabs--large .tabs__tab{padding:1rem 1.25rem;font-size:1rem}.tabs--large .tabs__tab-badge{min-width:1.5rem;height:1.5rem;font-size:.8125rem}.tabs--full-width .tabs__header{justify-content:stretch}.tabs--full-width .tabs__tab{flex:1;justify-content:center}@media (max-width: 768px){.tabs__header{gap:0}.tabs__tab{padding:.625rem .75rem;font-size:.8125rem}.tabs__tab-label{display:none}.tabs__tab-icon+.tabs__tab-label{display:inline}.tabs__tab-icon~.tabs__tab-label{display:none}}@media (max-width: 480px){.tabs--full-width .tabs__tab-label{display:none}.tabs--full-width .tabs__tab{padding:.625rem}}.activation-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:24px}.activation-card{background:#fff;border-radius:12px;padding:48px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.activation-card--success,.activation-card--error{padding:64px 48px}.activation-header{margin-bottom:32px}.activation-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 12px}.activation-company-name{font-size:20px;font-weight:600;color:#667eea;margin:0 0 8px}.activation-welcome-text{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.activation-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:48px;font-weight:700}.activation-icon--success{background:#d1fae5;color:#059669}.activation-icon--error{background:#fee2e2;color:#dc2626}.activation-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:activation-spin 1s linear infinite;margin:0 auto 24px}@keyframes activation-spin{to{transform:rotate(360deg)}}.activation-loading-text{font-size:14px;color:#6b7280;margin:0}.activation-message{font-size:16px;color:#374151;margin:0 0 24px;line-height:1.6}.activation-redirect-text{font-size:14px;color:#6b7280;margin:0 0 24px}.activation-form{text-align:left;margin-top:32px}.activation-form-field{margin-bottom:20px}.activation-password-requirements{background:#f3f4f6;padding:16px;border-radius:8px;margin:16px 0;text-align:left}.activation-requirements-title{font-weight:600;font-size:13px;color:#374151;margin:0 0 12px}.activation-requirements-list{list-style:none;padding:0;margin:0}.activation-requirements-list li{font-size:13px;padding:4px 0;display:flex;align-items:center;gap:8px}.activation-requirement-valid{color:#059669;font-weight:500}.activation-requirement-invalid{color:#9ca3af}.activation-error-message{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin:16px 0;font-size:14px;text-align:left}.activation-terms{margin:20px 0;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.activation-terms-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.activation-terms-checkbox{width:20px;height:20px;margin-top:2px;accent-color:#667eea;cursor:pointer;flex-shrink:0}.activation-terms-text{font-size:14px;color:#374151;line-height:1.5}.activation-terms-link{color:#667eea;text-decoration:none;font-weight:500}.activation-terms-link:hover{text-decoration:underline}.activation-security-notice{margin-top:24px;font-size:13px;color:#6b7280;text-align:center}.activation-actions{margin-top:24px}@media (max-width: 640px){.activation-container{padding:16px}.activation-card{padding:32px 24px}.activation-card--success,.activation-card--error{padding:48px 24px}.activation-title{font-size:24px}.activation-company-name{font-size:18px}.activation-icon{width:64px;height:64px;font-size:36px}}@media (prefers-reduced-motion: reduce){.activation-spinner{animation:none}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f7f6,#e8eff0);padding:1rem;position:relative;overflow:hidden}.forgot-password-page:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(92,142,212,.05) 0%,transparent 70%);pointer-events:none;animation:rotate 60s linear infinite}.forgot-password-container{width:100%;max-width:440px;position:relative;z-index:1;animation:fadeInUp .6s ease-out}.forgot-password-card{background:#fff;border-radius:9px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2.5rem 2rem;transition:all .3s ease}.forgot-password-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (max-width: 480px){.forgot-password-card{padding:2rem 1.5rem}}.forgot-password-header{text-align:center;margin-bottom:2rem}.forgot-password-logo{margin-bottom:1.5rem}.forgot-password-logo .logo-placeholder{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#5c8ed4,#72a0e0);border-radius:50%;color:#fff;font-size:32px;box-shadow:0 4px 12px #5c8ed44d}.forgot-password-title{font-family:Ubuntu,system-ui,-apple-system,sans-serif;font-size:24px;font-weight:600;color:#333;margin:0 0 .75rem;line-height:1.2}.forgot-password-subtitle{font-size:14px;color:#757575;margin:0;line-height:1.6}.success-icon,.warning-icon{text-align:center;margin-bottom:1.5rem}.forgot-password-instructions{background:#f8f9fa;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.forgot-password-instructions h3{font-size:14px;font-weight:600;color:#333;margin:0 0 .75rem}.forgot-password-instructions ol{margin:0;padding-left:1.25rem;font-size:14px;color:#555;line-height:1.8}.forgot-password-form{display:flex;flex-direction:column;gap:1.25rem}.forgot-password-button{width:100%;margin-top:.5rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-size:14px}.forgot-password-footer,.forgot-password-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e8e8e8;text-align:center}.security-notice{margin-top:1.5rem;text-align:center}.security-notice p{display:inline-flex;align-items:center;gap:.5rem;font-size:13px;color:#757575;margin:0;padding:.625rem 1rem;background:#ffffffb3;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.security-notice i{color:#22af46;font-size:16px}@media (max-width: 480px){.forgot-password-page{padding:.5rem}.forgot-password-container{max-width:100%}.forgot-password-title{font-size:20px}.forgot-password-subtitle{font-size:13px}.forgot-password-logo .logo-placeholder{width:64px;height:64px;font-size:28px}.success-icon i,.warning-icon i{font-size:48px}}@media (min-width: 1024px){.forgot-password-container{max-width:480px}.forgot-password-card{padding:3rem 2.5rem}}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f7f6,#e8eff0);padding:1rem;position:relative;overflow:hidden}.reset-password-page:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(92,142,212,.05) 0%,transparent 70%);pointer-events:none;animation:rotate 60s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reset-password-container{width:100%;max-width:440px;position:relative;z-index:1;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-password-card{background:#fff;border-radius:9px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2.5rem 2rem;transition:all .3s ease}.reset-password-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (max-width: 480px){.reset-password-card{padding:2rem 1.5rem}}.reset-password-header{text-align:center;margin-bottom:2rem}.reset-password-logo{margin-bottom:1.5rem}.reset-password-logo .logo-placeholder{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#5c8ed4,#72a0e0);border-radius:50%;color:#fff;font-size:32px;box-shadow:0 4px 12px #5c8ed44d}.reset-password-title{font-family:Ubuntu,system-ui,-apple-system,sans-serif;font-size:24px;font-weight:600;color:#333;margin:0 0 .75rem;line-height:1.2}.reset-password-subtitle{font-size:14px;color:#757575;margin:0;line-height:1.6}.loading-state{text-align:center;padding:2rem}.loading-spinner{width:48px;height:48px;border:3px solid #e8e8e8;border-top-color:#5c8ed4;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}.loading-state p{font-size:14px;color:#757575;margin:0}.success-icon,.error-icon,.warning-icon{text-align:center;margin-bottom:1.5rem}.success-icon i{font-size:64px;color:#22af46}.error-icon i{font-size:64px;color:#ef4444}.warning-icon i{font-size:64px;color:#f59e0b}.info-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f0f7ff;border:1px solid #d0e3ff;border-radius:8px;margin-bottom:1.5rem}.info-box i{color:#5c8ed4;font-size:18px;flex-shrink:0;margin-top:2px}.info-box p{margin:0;font-size:14px;color:#333;line-height:1.5}.reset-password-form{display:flex;flex-direction:column;gap:1.25rem}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#757575;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;z-index:10}.password-toggle:hover:not(:disabled){color:#5c8ed4;background-color:#5c8ed41a}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-toggle i{font-size:18px}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:-.5rem}.strength-bar{flex:1;height:4px;background:#e8e8e8;border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.strength-label{font-size:12px;font-weight:500;min-width:50px}.password-requirements{background:#f8f9fa;border-radius:8px;padding:1rem;margin-top:-.5rem}.password-requirements .requirements-title{font-size:13px;font-weight:600;color:#333;margin:0 0 .5rem}.password-requirements ul{margin:0;padding:0;list-style:none}.password-requirements li{display:flex;align-items:center;gap:.5rem;font-size:13px;color:#757575;padding:.25rem 0;transition:color .2s ease}.password-requirements li i{font-size:12px;color:#d1d5db;transition:color .2s ease}.password-requirements li.met,.password-requirements li.met i{color:#22af46}.reset-password-button,.action-button{width:100%;margin-top:.5rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-size:14px}.reset-password-footer,.reset-password-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e8e8e8;text-align:center}.reset-password-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.back-to-login-link{display:inline-flex;align-items:center;gap:.5rem;font-size:14px;color:#5c8ed4;text-decoration:none;font-weight:500;transition:all .2s ease}.back-to-login-link:hover{color:#4a7bc0}.back-to-login-link i{font-size:16px;transition:transform .2s ease}.back-to-login-link:hover i{transform:translate(-3px)}@media (max-width: 480px){.reset-password-page{padding:.5rem}.reset-password-container{max-width:100%}.reset-password-title{font-size:20px}.reset-password-subtitle{font-size:13px}.reset-password-logo .logo-placeholder{width:64px;height:64px;font-size:28px}.success-icon i,.error-icon i,.warning-icon i{font-size:48px}}@media (min-width: 1024px){.reset-password-container{max-width:480px}.reset-password-card{padding:3rem 2.5rem}}.stat-card__header{position:relative;z-index:2}.stat-card__chart{position:absolute;bottom:0;right:0;width:60%;height:80px;opacity:.3}.card__title{margin:0;font-size:16px;font-weight:400;color:#333}.referrals-list{display:flex;flex-direction:column;gap:24px}.referral-item__label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.referral-item__count{font-size:16px;font-weight:600;color:#333}.referral-item__source{font-size:14px;color:#616161}.referral-item__bar{height:8px;background:#5c8ed4;border-radius:30px;transition:width .5s ease}.revenue-display{display:flex;gap:32px;align-items:center}@media (max-width: 991px){.revenue-display{flex-direction:column}}.revenue-gauge{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.gauge{width:120px;height:120px}.gauge-svg{transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#f0f0f0;stroke-width:8}.gauge-fill{fill:none;stroke:#5c8ed4;stroke-width:8;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset 1s ease}.gauge-text{fill:#333;font-size:24px;font-weight:700;text-anchor:middle;transform:rotate(90deg);transform-origin:center}.revenue-label{font-size:14px;color:#616161;margin:0}.revenue-charts{display:flex;gap:32px;flex:1}@media (max-width: 991px){.revenue-charts{width:100%}}.revenue-chart-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.mini-bar-chart{width:100%;height:80px;background:linear-gradient(to bottom,transparent 0%,#f7f7f7 100%);border-radius:.25rem;border:1px solid #eeeeee}.revenue-chart-label{font-size:13px;color:#616161;margin:0}.compliance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1023px){.compliance-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.compliance-grid{grid-template-columns:1fr}}.compliance-card{display:flex;gap:16px;padding:24px;background:#f4f7f6;border-radius:.55rem;border:1px solid #eeeeee;transition:.2s ease}.compliance-card:hover{background:#fff;box-shadow:0 1px 2px #0000001a;border-color:#5c8ed4}.compliance-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:24px;flex-shrink:0}.compliance-card__icon--success{background:#22af461a;color:#22af46}.compliance-card__icon--warning{background:#f3ad061a;color:#f3ad06}.compliance-card__icon--info{background:#3c89da1a;color:#3c89da}.compliance-card__icon--pending{background:#7575751a;color:#757575}.compliance-card__content{flex:1}.compliance-card__content h4{margin:0 0 8px;font-size:15px;font-weight:600;color:#333}.compliance-card__status{margin:4px 0 0;font-size:13px;color:#616161}.mini-chart{width:100%;height:100%;background:#fff3;border-radius:.25rem}.dashboard-page{padding:24px 0}.stat-card__icon{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.stat-card__title{font-size:14px;color:#616161;margin:0 0 8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-card__value{font-size:30px;font-weight:700;margin:0 0 4px;color:#222}.stat-card__subtitle{font-size:13px;color:#757575;margin:0}.stat-card--earnings{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff}.stat-card--earnings .stat-card__title,.stat-card--earnings .stat-card__subtitle{color:#ffffffe6}.stat-card--earnings .stat-card__value{color:#fff}.stat-card--sales{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card--sales .stat-card__title,.stat-card--sales .stat-card__subtitle{color:#ffffffe6}.stat-card--sales .stat-card__value{color:#fff}.stat-card--visits{background:linear-gradient(135deg,#5ee7df,#b490ca);color:#fff}.stat-card--visits .stat-card__title,.stat-card--visits .stat-card__subtitle{color:#ffffffe6}.stat-card--visits .stat-card__value{color:#fff}.stat-card--likes{background:linear-gradient(135deg,#c471f5,#fa71cd);color:#fff}.stat-card--likes .stat-card__title,.stat-card--likes .stat-card__subtitle{color:#ffffffe6}.stat-card--likes .stat-card__value{color:#fff}.trend{display:inline-flex;align-items:center;gap:4px}.trend--up{color:#22af46e6}.trend--up:before{content:"↑"}.trend--down{color:#de4848e6}.trend--down:before{content:"↓"}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}@media (max-width: 1023px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-grid--two-col{grid-template-columns:repeat(2,1fr)}@media (max-width: 1023px){.dashboard-grid--two-col{grid-template-columns:1fr}}.dashboard-grid .card--full{grid-column:1/-1}.card__header{padding:20px;border-bottom:1px solid #eeeeee}.card__header h2,.card__header h3,.card__header h4{margin:0;font-weight:400;color:#333;font-size:16px}.card__header small{display:block;margin-top:5px;color:#757575;font-size:13px}.card__header{display:flex;align-items:center;justify-content:space-between}.card__title{margin:0;font-size:16px;font-weight:600;color:#333}.card__dropdown-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.card__dropdown-btn:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.card__dropdown-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.card__dropdown-btn{background:transparent;border:none;color:#757575;padding:4px;font-size:20px;line-height:1}.card__dropdown-btn:hover{background:#f7f7f7;color:#333}.card__action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.card__action-btn:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.card__action-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.card__action-btn{background:transparent;border:1px solid #5c8ed4;color:#5c8ed4;padding:4px 16px;font-size:14px;border-radius:.25rem}.card__action-btn:hover{background:#5c8ed4;color:#fff}.chart-placeholder{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:64px;background:#f4f7f6;border-radius:.25rem;border:2px dashed #eeeeee;text-align:center;gap:8px}.chart-placeholder--small{padding:32px;margin-top:24px}.chart-placeholder p{margin:0;font-size:16px;color:#616161}.chart-placeholder small{color:#757575;font-size:13px}.projects-list{display:flex;flex-direction:column;gap:24px}.project-item{padding:16px;background:#f4f7f6;border-radius:.25rem;border:1px solid #f0f0f0;transition:.2s ease}.project-item:hover{background:#fff;border-color:#5c8ed4;box-shadow:0 1px 2px #0000001a}.project-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.project-item__name{margin:0;font-size:15px;font-weight:600;color:#333}.project-item__status{font-size:13px;padding:4px 8px;border-radius:30px;font-weight:500}.project-item__progress{display:flex;align-items:center;gap:16px;margin-bottom:8px}.project-item__progress .progress-bar{flex:1}.project-item__percent{font-size:14px;font-weight:600;color:#4a4a4a;min-width:40px}.project-item__due{margin:0;font-size:13px;color:#757575}.status--success{background:#22af461a;color:#22af46}.status--warning{background:#f3ad061a;color:#a87804}.status--danger{background:#de48481a;color:#de4848}.task-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 991px){.task-summary{grid-template-columns:repeat(2,1fr)}}.task-stat{display:flex;align-items:center;gap:16px;padding:16px;background:#f4f7f6;border-radius:.25rem;border:1px solid #f0f0f0}.task-stat__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.task-stat__icon--todo{background:#7575751a;color:#616161}.task-stat__icon--progress{background:#3c89da1a;color:#3c89da}.task-stat__icon--completed{background:#22af461a;color:#22af46}.task-stat__icon--overdue{background:#de48481a;color:#de4848}.task-stat__info{display:flex;flex-direction:column}.task-stat__value{font-size:20px;font-weight:700;color:#333;line-height:1}.task-stat__label{font-size:13px;color:#757575;margin-top:4px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f0f0f0}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-item__avatar{width:40px;height:40px;border-radius:50%;background:#5c8ed4;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.activity-item__content{flex:1}.activity-item__text{margin:0 0 4px;font-size:14px;color:#4a4a4a;line-height:1.4}.activity-item__text strong{color:#333}.activity-item__target{color:#5c8ed4;font-weight:500}.activity-item__time{font-size:13px;color:#757575}.deadlines-list{display:flex;flex-direction:column;gap:16px}.deadline-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f4f7f6;border-radius:.25rem;border:1px solid #f0f0f0;transition:.2s ease}.deadline-item:hover{background:#fff;border-color:#5c8ed4}.deadline-item__priority{width:4px;height:40px;border-radius:30px}.deadline-item__priority.priority--high{background:#de4848}.deadline-item__priority.priority--medium{background:#f3ad06}.deadline-item__priority.priority--low{background:#22af46}.deadline-item__content{flex:1}.deadline-item__title{margin:0 0 4px;font-size:14px;font-weight:600;color:#333}.deadline-item__date{font-size:13px;color:#757575;display:flex;align-items:center;gap:4px}.deadline-item__date i{font-size:12px}.deadline-item__badge{font-size:13px;padding:4px 8px;border-radius:30px;font-weight:500;text-transform:capitalize}.deadline-item__badge.priority--high{background:#de48481a;color:#de4848}.deadline-item__badge.priority--medium{background:#f3ad061a;color:#a87804}.deadline-item__badge.priority--low{background:#22af461a;color:#22af46}.team-performance{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1023px){.team-performance{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.team-performance{grid-template-columns:1fr}}.team-member{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;background:#f4f7f6;border-radius:.55rem;border:1px solid #f0f0f0;transition:.2s ease}.team-member:hover{background:#fff;box-shadow:0 1px 2px #0000001a;border-color:#5c8ed4}.team-member__avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#5c8ed4,#2f67b4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;margin-bottom:16px}.team-member__info{width:100%}.team-member__name{margin:0 0 8px;font-size:15px;font-weight:600;color:#333}.team-member__stats{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.team-member__stat{font-size:13px;color:#616161}.team-member__stat strong{color:#333}.team-member .progress-bar{width:100%}.progress-bar__fill--success{background:#22af46}.progress-bar__fill--warning{background:#f3ad06}.progress-bar__fill--danger{background:#de4848}.quick-actions{margin-top:32px;padding:24px;background:#f4f7f6;border-radius:.875rem;border:1px solid #f0f0f0}.quick-actions__title{margin:0 0 24px;font-size:16px;font-weight:600;color:#333}.quick-actions__grid{display:flex;flex-wrap:wrap;gap:16px}.quick-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.quick-action-btn:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.quick-action-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#fff;border:1px solid #eeeeee;border-radius:.25rem;color:#4a4a4a;font-size:14px;font-weight:500;transition:.2s ease}.quick-action-btn i{font-size:18px;color:#5c8ed4}.quick-action-btn:hover{background:#5c8ed4;border-color:#5c8ed4;color:#fff}.quick-action-btn:hover i{color:#fff}.company-form{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-md);max-height:70vh;overflow-y:auto}.company-form__alert{margin-bottom:var(--spacing-md)}.company-form__section{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-gray-200)}.company-form__section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--color-primary)}.company-form__section-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.company-form__section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer;margin-bottom:var(--spacing-md);transition:opacity var(--transition-fast)}.company-form__section-toggle:hover{opacity:.8}.company-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-field--full{grid-column:1 / -1}.form-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-field__required{color:var(--color-danger);margin-left:var(--spacing-xs)}.form-field__input,.form-field__select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-900);background:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field__input:focus,.form-field__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}.form-field__input--error{border-color:var(--color-danger)}.form-field__input--error:focus{box-shadow:0 0 0 3px #dc35451a}.form-field__error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--spacing-xs)}.form-field__select{cursor:pointer}.package-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-sm)}.package-card{position:relative;padding:var(--spacing-lg);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);background:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.package-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.package-card--selected{border-color:var(--color-primary);background:#007bff0d;box-shadow:0 0 0 3px #007bff1a}.package-card__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--color-primary)}.package-card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.package-card__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-md)}.package-card__features{display:flex;flex-direction:column;gap:var(--spacing-xs)}.package-card__feature{font-size:var(--font-size-sm);color:var(--color-gray-600);display:flex;align-items:center;gap:var(--spacing-xs)}.package-card__feature:before{content:"✓";color:var(--color-success);font-weight:700}.package-card__radio{position:absolute;opacity:0;pointer-events:none}@media (max-width: 768px){.company-form{padding:var(--spacing-sm);max-height:80vh}.company-form__grid,.package-selection{grid-template-columns:1fr}}.company-form--loading{opacity:.6;pointer-events:none}@media (prefers-reduced-motion: reduce){.package-card{transition:none}.package-card:hover{transform:none}}.company-form::-webkit-scrollbar{width:8px}.company-form::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-md)}.company-form::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-md)}.company-form::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.view-company-content{display:flex;flex-direction:column;gap:20px}.view-company-loading,.view-company-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:200px}.view-company-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:view-company-spin .8s linear infinite;margin-bottom:16px}@keyframes view-company-spin{to{transform:rotate(360deg)}}.view-company-loading p,.view-company-error p{color:#757575;margin-top:12px;font-size:14px}.view-company-error-message{color:#dc2626;margin-bottom:16px;font-weight:500}.view-company-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.view-company-section-title{font-size:16px;font-weight:600;color:#17191c;margin:0 0 16px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.view-company-section-title svg{color:#3b82f6;flex-shrink:0}.view-company-overview{display:flex;align-items:flex-start;gap:16px;padding-top:4px}.view-company-logo{width:80px;height:80px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0;background:#fff;flex-shrink:0}.view-company-logo-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#3b82f6;border-radius:8px;border:1px solid #e0e0e0;flex-shrink:0}.view-company-overview-info{flex:1;min-width:0}.view-company-name{font-size:20px;font-weight:600;color:#17191c;margin:0 0 6px;word-wrap:break-word}.view-company-slug{display:inline-block;font-family:Monaco,Courier New,monospace;font-size:13px;color:#757575;background:#fff;padding:3px 8px;border-radius:4px;border:1px solid #e0e0e0;margin-bottom:8px}.view-company-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.view-company-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-active{background:#dcfce7;color:#15803d}.status-badge-trial{background:#dbeafe;color:#1d4ed8}.status-badge-pending{background:#fef3c7;color:#b45309}.status-badge-suspended{background:#fee2e2;color:#b91c1c}.status-badge-cancelled{background:#f4f4f5;color:#71717a;border:1px solid #e4e4e7}.status-badge-archived{background:#52525b;color:#fff}.view-company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding-top:4px}.view-company-field{display:flex;flex-direction:column;gap:6px}.view-company-field-full{grid-column:1 / -1}.view-company-label{font-size:12px;font-weight:600;color:#757575;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.view-company-label svg{width:14px;height:14px;color:#9ca3af;flex-shrink:0}.view-company-value{font-size:14px;color:#17191c;margin:0;line-height:1.5;word-wrap:break-word;min-height:21px}.view-company-value code{background:#fff;padding:2px 6px;border-radius:4px;font-size:13px;font-family:Monaco,Courier New,monospace;color:#3b82f6;border:1px solid #e0e0e0}.view-company-muted{color:#9ca3af;font-style:italic}.view-company-danger{color:#dc2626}.view-company-link{color:#3b82f6;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .2s ease}.view-company-link:hover{color:#2563eb;text-decoration:underline}.view-company-external-icon{opacity:.6;flex-shrink:0}.view-company-package-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;background:#dbeafe;color:#1d4ed8;border:1px solid #3b82f6}.view-company-days-remaining{display:inline-block;margin-left:8px;font-size:12px;font-weight:500;padding:2px 8px;border-radius:4px}.view-company-days-remaining.active{background:#dcfce7;color:#15803d}.view-company-days-remaining.warning{background:#fef3c7;color:#b45309}.view-company-days-remaining.expired{background:#fee2e2;color:#b91c1c}.view-company-modal-footer{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;flex-wrap:wrap}.view-company-quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.view-company-grid{grid-template-columns:1fr}.view-company-overview{flex-direction:column;align-items:center;text-align:center}.view-company-badges{justify-content:center}.view-company-modal-footer{flex-direction:column;align-items:stretch}.view-company-quick-actions{width:100%;justify-content:center}}@media (max-width: 480px){.view-company-section{padding:16px}.view-company-name{font-size:18px}.view-company-quick-actions{flex-direction:column;width:100%}.view-company-quick-actions button{width:100%;justify-content:center}}.view-company-activation-status{background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #3b82f6}.view-company-expired-badge,.view-company-used-badge,.view-company-pending-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;margin-left:8px}.view-company-expired-badge{background:#fee2e2;color:#dc2626}.view-company-used-badge{background:#d1fae5;color:#059669}.view-company-pending-badge{background:#fef3c7;color:#d97706}@media (prefers-reduced-motion: reduce){.view-company-spinner{animation:none}}.companies-page{max-width:1400px;margin:0 auto}.stat-card__icon--warning{background:#ffc1071a;color:var(--color-warning)}.company-name-cell{display:flex;align-items:center;gap:var(--spacing-md)}.company-name-cell__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:#007bff1a;color:var(--color-primary);flex-shrink:0}.company-name-cell__content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.company-name-cell__name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-base)}.company-name-cell__slug{font-size:var(--font-size-xs);color:var(--color-gray-600);font-family:monospace}.manager-cell{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.package-cell{display:flex;align-items:center}.date-cell{color:var(--color-gray-600);font-size:var(--font-size-sm)}.badge--trial{background:#17a2b81a;color:var(--color-info)}.badge--pending{background:#ffc10726;color:#856404}.badge--cancelled,.badge--inactive{background:var(--color-gray-200);color:var(--color-gray-700)}.badge--success{background:#28a7451a;color:var(--color-success)}@media (max-width: 1024px){.companies-page{padding:var(--spacing-lg)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.companies-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:stretch}.page-title{font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.filters-section__controls{flex-direction:column}.pagination{flex-direction:column;gap:var(--spacing-md);text-align:center}.pagination__controls{width:100%;justify-content:center}}.companies-page--loading{opacity:.6;pointer-events:none}.finance-page{padding:24px 0}.user-form{padding:0}.user-form__section{margin-bottom:var(--spacing-xl)}.user-form__section:last-child{margin-bottom:0}.user-form__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.user-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.user-form__full{grid-column:1 / -1}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-hint-box{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;font-size:.875rem;color:#92400e}.form-hint-box svg{flex-shrink:0;color:#d97706}.form-radio-group{display:flex;gap:var(--spacing-lg);margin-top:.5rem}.form-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.form-radio input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:#3b82f6}.form-radio input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.form-radio__label{font-size:.875rem;color:#374151}.form-radio input[type=radio]:disabled+.form-radio__label{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.user-form__grid{grid-template-columns:1fr}.form-radio-group{flex-direction:column;gap:var(--spacing-sm)}}.user-view{padding:var(--spacing-md)}.user-view__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.user-view__header-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.user-view__avatar{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-view__avatar-img{width:100%;height:100%;object-fit:cover}.user-view__avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-xl);font-weight:600}.user-view__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.user-view__email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;display:flex;align-items:center;gap:var(--spacing-xs)}.user-view__badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;text-transform:capitalize;white-space:nowrap}.user-view__badge--success{background-color:var(--color-success-light);color:var(--color-success-dark)}.user-view__badge--primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.user-view__badge--secondary{background-color:var(--color-gray-100);color:var(--color-text-secondary)}.user-view__badge--danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.user-view__section{margin-bottom:var(--spacing-xl)}.user-view__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.user-view__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.user-view__item{display:flex;gap:var(--spacing-md)}.user-view__item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.user-view__item-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-view__item-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.user-view__item-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.user-view__metadata{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md)}.user-view__metadata-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.user-view__metadata-item:last-child{padding-bottom:0;border-bottom:none}.user-view__metadata-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.user-view__metadata-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 768px){.user-view__header{flex-direction:column;gap:var(--spacing-md)}.user-view__grid{grid-template-columns:1fr}.user-view__metadata-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.users-page{max-width:1400px;margin:0 auto}.stat-card__icon--danger{background:#dc35451a;color:var(--color-danger)}.filters-section__controls .select-wrapper{min-width:180px}.user-avatar-cell{display:flex;align-items:center;justify-content:center}.user-avatar-cell__image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-gray-200)}.user-avatar-cell__initials{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border:2px solid var(--color-gray-200)}.user-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-cell__name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.user-cell__email{font-size:var(--font-size-xs);color:var(--color-gray-600)}.email-cell{color:var(--color-gray-700);font-size:var(--font-size-sm)}.company-cell{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.last-login-cell{color:var(--color-gray-600);font-size:var(--font-size-sm)}.badge--inactive{background:var(--color-gray-200);color:var(--color-gray-700)}.badge--suspended{background:#f8d7da;color:#721c24}.badge--primary{background:#007bff1a;color:var(--color-primary)}.badge--danger{background:#dc35451a;color:var(--color-danger)}.badge--info{background:#17a2b81a;color:var(--color-info)}.badge--warning{background:#ffc1071a;color:var(--color-warning)}.badge--secondary{background:#6c757d1a;color:var(--color-secondary)}@media (max-width: 1024px){.users-page{padding:var(--spacing-lg)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.users-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:stretch}.page-title{font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.filters-section__controls{flex-direction:column}.pagination{flex-direction:column;gap:var(--spacing-md);text-align:center}.pagination__controls{width:100%;justify-content:center}}.users-page--loading{opacity:.6;pointer-events:none}.items-page{padding:24px 0}.breadcrumb__item--active{color:#333}.coming-soon{align-items:center;justify-content:center;display:flex;flex-direction:column;padding:64px 32px;text-align:center;gap:24px}.coming-soon__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#5c8ed4,#4a7bb8);color:#fff;font-size:40px;margin-bottom:16px}.coming-soon__title{font-size:24px;font-weight:700;color:#333;margin:0}.coming-soon__description{font-size:15px;color:#616161;max-width:600px;margin:0;line-height:1.6}.coming-soon__features{margin-top:24px;text-align:left;max-width:500px}.coming-soon__features h3{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.coming-soon__features ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.coming-soon__features ul li{display:flex;align-items:flex-start;gap:8px;font-size:15px;color:#4a4a4a}.coming-soon__features ul li i{color:#22af46;font-size:14px;margin-top:4px}.coming-soon__timeline{margin-top:32px;padding:16px 24px;background:#f7f7f7;border-radius:.55rem;display:flex;gap:8px;align-items:center}.coming-soon__label{font-size:14px;color:#616161;font-weight:500}.coming-soon__date{font-size:15px;color:#5c8ed4;font-weight:600}.audit-logs-page{padding:var(--spacing-lg);max-width:1600px;margin:0 auto}.filters-panel{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden}.filters-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-white)}.filters-header h3{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.filters-header h3 svg{color:var(--color-primary)}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-white)}.filter-item{position:relative}.filter-item .input-wrapper,.filter-item .select-wrapper{width:100%;margin-bottom:0}.filter-actions{display:flex;flex-direction:row;gap:var(--spacing-sm);align-items:center;justify-content:flex-start;grid-column:span 3;padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-sm)}.content-header{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-md)}.content-header .search-bar{flex:1}.per-page-selector{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-text-secondary)}.per-page-selector select,.per-page-select{min-width:80px;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-white);font-size:.875rem;cursor:pointer;transition:border-color var(--transition-normal)}.per-page-selector select:hover,.per-page-select:hover{border-color:var(--color-primary)}.per-page-selector select:focus,.per-page-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.filter-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.filter-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.875rem;color:var(--color-text)}.filter-tag svg{cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-normal)}.filter-tag svg:hover{color:var(--color-danger)}.log-id{font-family:monospace;font-size:.875rem;color:var(--color-text-secondary)}.log-datetime{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem}.log-datetime .icon{color:var(--color-text-secondary);flex-shrink:0}.log-description{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;color:var(--color-text);cursor:help}.log-user,.log-company{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem}.log-user .icon,.log-company .icon{color:var(--color-text-secondary);flex-shrink:0}.log-ip{font-family:monospace;font-size:.875rem;color:var(--color-text-secondary)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#22c55e1a;color:#15803d}.badge-danger{background:#ef44441a;color:#b91c1c}.badge-warning{background:#fbbf241a;color:#b45309}.badge-info{background:#3b82f61a;color:#1e40af}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;margin-top:var(--spacing-md)}.pagination-info{font-size:.875rem;color:var(--color-text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-md)}.page-indicator{font-size:.875rem;font-weight:500;color:var(--color-text)}.read-only-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm);margin-top:var(--spacing-lg);font-size:.875rem;color:var(--color-text-secondary)}.read-only-notice svg{color:var(--color-primary);flex-shrink:0}.text-muted{color:var(--color-text-muted);font-style:italic}@media (max-width: 1024px){.filters-grid{grid-template-columns:repeat(2,1fr)}.filter-actions{grid-column:span 2}}@media (max-width: 768px){.audit-logs-page{padding:var(--spacing-md)}.filters-panel{border-radius:var(--radius-md)}.filters-grid{grid-template-columns:1fr;padding:var(--spacing-lg);gap:var(--spacing-lg)}.filter-actions{grid-column:span 1;flex-direction:column;align-items:stretch}.filter-actions button{width:100%}.content-header{flex-direction:column;align-items:stretch}.per-page-selector{justify-content:flex-start}.pagination{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.pagination-controls{justify-content:center}.log-description{max-width:200px}}.audit-logs-page .data-table.loading{opacity:.6;pointer-events:none}.audit-logs-page .empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.audit-logs-page .empty-state svg{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.package-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.package-form__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.package-form__section-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.package-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.package-form__full{width:100%}.package-form__label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.package-form__textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-gray-900);background:var(--color-white);resize:vertical;transition:all var(--transition-fast)}.package-form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}.package-form__textarea:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.6}.package-form__error{font-size:var(--font-size-xs);color:var(--color-danger)}.package-form__note{padding:var(--spacing-md);background:var(--color-gray-100);border-left:4px solid var(--color-info);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-gray-700)}.package-form__note p{margin:0}.package-form__note strong{color:var(--color-gray-900)}@media (max-width: 768px){.package-form__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.package-form__textarea{transition:none}}.package-view{display:flex;flex-direction:column;gap:var(--spacing-xl)}.package-view__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200)}.package-view__header-content{display:flex;align-items:center;gap:var(--spacing-md)}.package-view__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-lg)}.package-view__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.package-view__slug{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-gray-600);font-family:var(--font-family-mono)}.package-view__badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.package-view__badge--success{background:#d4edda;color:#155724}.package-view__badge--secondary{background:var(--color-gray-200);color:var(--color-gray-700)}.package-view__description{margin:0;font-size:var(--font-size-base);color:var(--color-gray-700);line-height:var(--line-height-relaxed)}.package-view__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.package-view__section-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200)}.package-view__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.package-view__item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.package-view__item-icon{display:flex;align-items:center;color:var(--color-primary)}.package-view__item-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.package-view__item-label{font-size:var(--font-size-xs);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px}.package-view__item-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.package-view__certificates{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.package-view__certificate-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.package-view__features-by-category{display:flex;flex-direction:column;gap:var(--spacing-lg)}.package-view__category-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.package-view__category-title{margin:0;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.package-view__category-badge{padding:4px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.package-view__category-badge--core{background:#e3f2fd;color:#1565c0}.package-view__category-badge--advanced{background:#f3e5f5;color:#6a1b9a}.package-view__category-badge--enterprise{background:#fff3e0;color:#e65100}.package-view__category-badge--resource-limits{background:#e8f5e9;color:#2e7d32}.package-view__category-badge{background:var(--color-gray-200);color:var(--color-gray-700)}.package-view__category-count{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-normal)}.package-view__features{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-sm)}.package-view__feature{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-sm)}.package-view__feature-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-top:2px}.package-view__feature-indicator.active{background:var(--color-success);color:var(--color-white)}.package-view__feature-indicator.inactive{background:var(--color-gray-300);color:var(--color-gray-600)}.package-view__feature-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.package-view__feature-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.package-view__feature-description{font-size:var(--font-size-xs);color:var(--color-gray-600);line-height:var(--line-height-normal)}.package-view__loading,.package-view__error,.package-view__empty{padding:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-600);background:var(--color-gray-50);border-radius:var(--radius-md)}.package-view__error{color:var(--color-danger);background:#fee}.package-view__metadata{display:flex;flex-direction:column;gap:var(--spacing-sm)}.package-view__metadata-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-200)}.package-view__metadata-item:last-child{border-bottom:none}.package-view__metadata-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.package-view__metadata-value{font-size:var(--font-size-sm);color:var(--color-gray-900)}@media (max-width: 768px){.package-view__header{flex-direction:column;align-items:flex-start}.package-view__grid,.package-view__features{grid-template-columns:1fr}.package-view__metadata-item{flex-direction:column;gap:var(--spacing-xs)}}.packages-page{max-width:1400px;margin:0 auto}.package-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.package-cell__title{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.package-cell__slug{font-size:var(--font-size-xs);color:var(--color-gray-600);font-family:var(--font-family-mono)}.price-cell{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.price-cell__amount{font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.price-cell__cycle{font-size:var(--font-size-xs);color:var(--color-gray-600)}@media (max-width: 1024px){.packages-page{padding:var(--spacing-lg)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.packages-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:stretch}.page-title{font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.filters-section__controls{flex-direction:column}.pagination{flex-direction:column;gap:var(--spacing-md);text-align:center}.pagination__controls{width:100%;justify-content:center}}.packages-page--loading{opacity:.6;pointer-events:none}.certificate-form{padding:0}.certificate-form__section{margin-bottom:var(--spacing-xl)}.certificate-form__section:last-child{margin-bottom:0}.certificate-form__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.certificate-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.certificate-form__full{grid-column:1 / -1}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-label.required:after{content:" *";color:#dc2626}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9375rem;color:#111827;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#9ca3af}.form-input--error{border-color:#ef4444}.form-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}textarea.form-input{resize:vertical;min-height:100px;font-family:inherit}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-error{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.8125rem;color:#dc2626}.form-error svg{flex-shrink:0}.form-hint{margin-top:.5rem;font-size:.8125rem;color:#6b7280;line-height:1.4}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-input:valid:not(:placeholder-shown){border-color:#10b981}.form-input:invalid:not(:placeholder-shown):not(:focus){border-color:#ef4444}@media (max-width: 768px){.certificate-form__grid{grid-template-columns:1fr}}@media (max-width: 640px){.form-input{font-size:16px}.form-label{font-size:.8125rem}.form-hint{font-size:.75rem}}.certificate-view{padding:var(--spacing-md)}.certificate-view__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.certificate-view__header-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.certificate-view__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-lg)}.certificate-view__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.certificate-view__slug{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-mono, monospace);margin:0}.certificate-view__badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;text-transform:capitalize}.certificate-view__badge--success{background-color:var(--color-success-light);color:var(--color-success-dark)}.certificate-view__badge--secondary{background-color:var(--color-gray-100);color:var(--color-text-secondary)}.certificate-view__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg) 0}.certificate-view__section{margin-bottom:var(--spacing-xl)}.certificate-view__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.certificate-view__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.certificate-view__item{display:flex;gap:var(--spacing-md)}.certificate-view__item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.certificate-view__item-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.certificate-view__item-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.certificate-view__item-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.certificate-view__metadata{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md)}.certificate-view__metadata-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.certificate-view__metadata-item:last-child{padding-bottom:0;border-bottom:none}.certificate-view__metadata-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.certificate-view__metadata-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 768px){.certificate-view__header{flex-direction:column;gap:var(--spacing-md)}.certificate-view__grid{grid-template-columns:1fr}.certificate-view__metadata-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.certificates-page{max-width:1400px;margin:0 auto}.stat-card__icon--info{background:#17a2b81a;color:var(--color-info)}.certificate-icon-cell{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);color:var(--color-primary)}.certificate-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.certificate-cell__title{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.certificate-cell__slug{font-size:var(--font-size-xs);color:var(--color-gray-600);font-family:var(--font-family-mono)}.description-cell{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:1.5}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.badge--active{background:#d4edda;color:#155724}.badge--archived{background:var(--color-gray-200);color:var(--color-gray-700)}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pagination__info{font-size:var(--font-size-sm);color:var(--color-gray-600)}.pagination__controls{display:flex;gap:var(--spacing-sm)}@media (max-width: 1024px){.certificates-page{padding:var(--spacing-lg)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.certificates-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:stretch}.page-title{font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.filters-section__controls{flex-direction:column}.pagination{flex-direction:column;gap:var(--spacing-md);text-align:center}.pagination__controls{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.stat-card{transition:none}}.certificates-page--loading{opacity:.6;pointer-events:none}.empty-state{padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;color:var(--color-gray-600)}.empty-state__icon{font-size:64px;margin-bottom:var(--spacing-lg);opacity:.3}.empty-state__title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.empty-state__description{margin:0 0 var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-gray-600)}.permission-editor{display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-lg)}.permission-editor__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-background-alt);border-radius:var(--radius-md);border:1px solid var(--color-border)}.permission-editor__summary{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500;color:var(--color-text)}.permission-editor__summary svg{color:var(--color-primary)}.permission-editor__actions{display:flex;gap:var(--spacing-sm)}.permission-editor__action{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.permission-editor__action:hover{background:var(--color-primary);color:#fff}.permission-editor__search{padding:0 var(--spacing-md)}.permission-editor__categories{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding:0 var(--spacing-md) var(--spacing-md)}.permission-editor__categories>*{flex-shrink:0}.permission-editor__empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);font-style:italic}.permission-category{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--transition-fast);background:#fff;margin-bottom:0}.permission-category:hover{box-shadow:var(--shadow-sm)}.permission-category--expanded{border-color:var(--color-primary-light)}.permission-category__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:14px 16px;background:#f9fafb;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);flex-shrink:0;min-height:52px}.permission-category__header:hover{background:#f3f4f6}.permission-category__toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;pointer-events:none;transition:color var(--transition-fast)}.permission-category__toggle:hover,.permission-category__icon{color:var(--color-primary)}.permission-category__name{flex:1;font-weight:600;color:var(--color-text)}.permission-category__count{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-full)}.permission-category__select-all{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.permission-category__select-all:hover{border-color:var(--color-primary);color:var(--color-primary)}.permission-category__select-all--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.permission-category__select-all--active:hover{background:var(--color-primary-dark);color:#fff}.permission-category__select-all--partial{border-color:var(--color-primary);color:var(--color-primary)}.permission-category__permissions{display:flex;flex-direction:column;gap:0;padding:0;background:var(--color-background);border-top:1px solid var(--color-border)}.permission-toggle{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:12px 16px;cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #f0f0f0}.permission-toggle:last-child{border-bottom:none}.permission-toggle:hover{background:#f9fafb}.permission-toggle--disabled{opacity:.6;cursor:not-allowed}.permission-toggle--disabled:hover{background:transparent}.permission-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.permission-toggle__switch{display:flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;flex-shrink:0;margin-top:2px;border:2px solid #d1d5db;border-radius:4px;background:#fff;transition:all var(--transition-fast)}.permission-toggle__switch svg{color:#fff;opacity:0;transform:scale(.5);transition:all var(--transition-fast)}input:checked+.permission-toggle__switch{background:var(--color-primary);border-color:var(--color-primary)}input:checked+.permission-toggle__switch svg{opacity:1;transform:scale(1)}input:focus+.permission-toggle__switch{box-shadow:0 0 0 3px var(--color-primary-light)}.permission-toggle__content{display:flex;flex-direction:column;gap:4px;flex:1}.permission-toggle__name{font-size:14px;font-weight:500;color:#111827;line-height:1.4}.permission-toggle__description{font-size:13px;color:#6b7280;line-height:1.5}@media (max-width: 768px){.permission-editor__header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.permission-editor__actions{justify-content:flex-end}.permission-category__header{flex-wrap:wrap}.permission-category__select-all{margin-left:auto}}.roles-page{max-width:1400px;margin:0 auto}.filters-section{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filters-section>.search-bar{flex:1;max-width:none}.filters-section__divider{display:flex;align-items:center;flex-shrink:0;color:var(--color-gray-400)}.filters-section__controls{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.filters-section__controls .select-wrapper{min-width:200px}.filters-section__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-gray-400);margin:0 var(--spacing-xs)}.role-view__field--full{grid-column:1 / -1}.role-view__full-access{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:12px;border:1px solid #b1dfbb;text-align:center}.role-view__full-access .badge--success{background:#28a745;color:#fff;font-size:13px;padding:8px 16px;border-radius:20px;border:none}.role-view__full-access p{margin:0;color:#155724;font-size:14px;line-height:1.5;max-width:400px}.role-view__actions,.modal__footer-left{display:flex;gap:var(--spacing-sm)}.modal__footer-right{display:flex;gap:var(--spacing-sm);margin-left:auto}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent}@media (max-width: 768px){.roles-page{padding:var(--spacing-md)}.role-view__grid{grid-template-columns:1fr}.role-view__header-content{flex-direction:column;gap:12px}.role-view__title{font-size:18px}.role-view__section-title{font-size:15px}.role-view__permission-group{padding:14px 16px}.role-form__fields{gap:16px}.modal__footer{flex-direction:column;gap:8px}.modal__footer>div{width:100%;margin-left:0!important}.modal__footer button{width:100%}}.feature-form{padding:0}.feature-form__section{margin-bottom:var(--spacing-xl)}.feature-form__section:last-child{margin-bottom:0}.feature-form__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.feature-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.feature-form__grid--three{grid-template-columns:repeat(3,1fr)}.feature-form__full{grid-column:1 / -1}@media (max-width: 768px){.feature-form__grid,.feature-form__grid--three{grid-template-columns:1fr}}@media (max-width: 640px){.feature-form__section-title{font-size:var(--font-size-base)}}.feature-view{padding:var(--spacing-md)}.feature-view__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.feature-view__header-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.feature-view__header-badges{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}.feature-view__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-lg)}.feature-view__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.feature-view__slug{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-mono, monospace);margin:0}.feature-view__badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;text-transform:capitalize;white-space:nowrap}.feature-view__badge--success{background-color:var(--color-success-light);color:var(--color-success-dark)}.feature-view__badge--secondary{background-color:var(--color-gray-100);color:var(--color-text-secondary)}.feature-view__badge--category{background-color:var(--color-info-light);color:var(--color-info-dark)}.feature-view__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg) 0}.feature-view__section{margin-bottom:var(--spacing-xl)}.feature-view__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.feature-view__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.feature-view__item{display:flex;gap:var(--spacing-md)}.feature-view__item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.feature-view__item-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.feature-view__item-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.feature-view__item-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.feature-view__metadata{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md)}.feature-view__metadata-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.feature-view__metadata-item:last-child{padding-bottom:0;border-bottom:none}.feature-view__metadata-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.feature-view__metadata-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 768px){.feature-view__header{flex-direction:column;gap:var(--spacing-md)}.feature-view__header-badges{align-items:flex-start}.feature-view__grid{grid-template-columns:1fr}.feature-view__metadata-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.features-page{padding:24px}.feature-cell{display:flex;flex-direction:column;gap:6px}.feature-cell__name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.feature-cell__category{display:flex;align-items:center;gap:6px}.description-cell{color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-cell{text-align:center;color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.stat-card__icon--primary{background-color:var(--color-primary-light);color:var(--color-primary)}.stat-card__icon--success{background-color:var(--color-success-light);color:var(--color-success)}.stat-card__icon--info{background-color:var(--color-info-light);color:var(--color-info)}.stat-card__icon--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:4px}.filters-section{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filters-section__controls{display:flex;align-items:center;gap:12px}.filters-section__sort-icon{display:flex;align-items:center;color:var(--color-text-tertiary)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}.pagination__info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pagination__controls{display:flex;gap:8px}@media (max-width: 768px){.features-page{padding:16px}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.filters-section__controls{flex-direction:column;width:100%}.pagination{flex-direction:column;gap:16px}}.reports-page{padding:24px 0}.settings-page{padding:24px 0}.coming-soon-section{display:flex;justify-content:center;align-items:center;min-height:500px}.card{background:#fff;border-radius:.55rem;box-shadow:0 1px 2px #0000001a;margin-bottom:30px;transition:.3s ease}.card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.card--coming-soon{max-width:800px;width:100%}.card__body{padding:20px;color:#333}.coming-soon-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:64px}@media (max-width: 991px){.coming-soon-content{padding:32px}}.coming-soon-icon{font-size:80px;line-height:1;margin-bottom:16px}@media (max-width: 991px){.coming-soon-icon{font-size:60px}}.coming-soon-title{font-size:30px;font-weight:700;color:#222;margin:0}@media (max-width: 991px){.coming-soon-title{font-size:24px}}.coming-soon-description{font-size:16px;color:#616161;line-height:1.6;max-width:600px;margin:0}@media (max-width: 991px){.coming-soon-description{font-size:15px}}.coming-soon-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.feature-tag{padding:8px 24px;background:#f7f7f7;border:1px solid #eeeeee;border-radius:30px;font-size:14px;color:#4a4a4a;font-weight:500;transition:.2s ease}.feature-tag:hover{background:#5c8ed4;color:#fff;border-color:#5c8ed4;transform:translateY(-2px)}.coming-soon-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.status-indicator{width:12px;height:12px;background:#f3ad06;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.status-text{font-size:15px;color:#4a4a4a;font-weight:500;margin:0}.coming-soon-release{font-size:14px;color:#757575;margin-top:16px;padding:8px 24px;background:#f4f7f6;border-radius:.25rem;border:1px dashed #eeeeee}.access-denied-page{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:32px}.access-denied-container{text-align:center;max-width:500px;padding:64px;background:#fff;border-radius:.875rem;box-shadow:0 1px 2px #0000001a;border:1px solid #f0f0f0}.access-denied-icon{width:100px;height:100px;margin:0 auto 32px;background:linear-gradient(135deg,#de48481a,#de484833);border-radius:50%;display:flex;align-items:center;justify-content:center}.access-denied-icon i{font-size:48px;color:#de4848}.access-denied-title{font-size:24px;font-weight:700;color:#222;margin:0 0 16px}.access-denied-message{font-size:15px;color:#616161;line-height:1.6;margin:0 0 24px}.access-denied-code{display:inline-block;padding:8px 24px;background:#f7f7f7;border-radius:.25rem;margin-bottom:32px}.access-denied-code span{font-size:14px;font-weight:600;color:#757575;text-transform:uppercase;letter-spacing:1px}.access-denied-actions{display:flex;gap:16px;justify-content:center;margin-bottom:32px}@media (max-width: 767px){.access-denied-actions{flex-direction:column}}.access-denied-actions .btn{display:inline-flex;align-items:center;gap:8px}.access-denied-actions .btn i{font-size:16px}.access-denied-help{padding-top:24px;border-top:1px solid #f0f0f0}.access-denied-help p{font-size:14px;color:#757575;margin:0}.access-denied-help p a{color:#5c8ed4;text-decoration:none}.access-denied-help p a:hover{text-decoration:underline}.task-action-content{padding:var(--spacing-sm) 0}.task-action-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.task-info-box{background:var(--color-background);border-left:4px solid var(--color-primary);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md)}.task-info-box h4{margin:0 0 var(--spacing-xs) 0;font-size:16px;font-weight:600;color:var(--color-text)}.task-info-box p{margin:0;color:var(--color-text-secondary);font-size:14px}.workflow-step-info{font-size:13px;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:14px}.form-group .required{color:var(--color-danger);margin-left:4px}.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-textarea::placeholder,.form-select::placeholder{color:var(--color-text-secondary);opacity:.6}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer;background:#fff}.form-help{display:block;margin-top:var(--spacing-xs);font-size:12px;color:var(--color-text-secondary)}.form-help.text-danger{color:var(--color-danger)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-size:14px;color:var(--color-text)}.checkbox-label:hover{opacity:.8}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:14px;&--warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#92400e}&--info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#1e40af}}.alert strong{font-weight:600}.task-details{padding:var(--spacing-sm) 0}.task-details__status{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.task-details__section{margin-bottom:var(--spacing-xl)}.task-details__section:last-child{margin-bottom:0}.task-details__section-title{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.task-details__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.task-detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs);&--full{grid-column:1 / -1}&__label{font-size:13px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}&__value{font-size:14px;color:var(--color-text);line-height:1.5}}.task-details__action{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.workflow-progress{margin-bottom:var(--spacing-md)}.workflow-progress__bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-xs)}.workflow-progress__fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#2563eb);transition:width .3s ease}.workflow-progress__text{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary);text-align:right}.workflow-history{display:flex;flex-direction:column;gap:var(--spacing-md)}.workflow-history-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:box-shadow .2s}.workflow-history-item:hover{box-shadow:var(--shadow-sm)}.workflow-history-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.workflow-history-item__step{font-weight:600;color:var(--color-text);font-size:14px}.workflow-history-item__date{font-size:12px;color:var(--color-text-secondary)}.workflow-history-item__body p{margin:0 0 var(--spacing-xs) 0;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.workflow-history-item__body p:last-child{margin-bottom:0}.workflow-history-item__body p strong{color:var(--color-text);font-weight:500}.task-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;&--gray{background:#6b72801a;color:#6b7280}&--yellow{background:#fbbf241a;color:#f59e0b}&--blue{background:#3b82f61a;color:#3b82f6}&--purple{background:#8b5cf61a;color:#8b5cf6}&--orange{background:#fb923c1a;color:#fb923c}&--green{background:#22c55e1a;color:#22c55e}&--red{background:#ef44441a;color:#ef4444}}.task-badge i{font-size:14px}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:var(--spacing-xs);&--primary{background:var(--color-primary);color:#fff;&:hover:not(:disabled){background:#2563eb}}&--success{background:var(--color-success);color:#fff;&:hover:not(:disabled){background:#16a34a}}&--danger{background:var(--color-danger);color:#fff;&:hover:not(:disabled){background:#dc2626}}&--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text);&:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}&.btn--primary{border-color:var(--color-primary);color:var(--color-primary);&:hover:not(:disabled){background:var(--color-primary);color:#fff}}}&--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:13px}}@media (max-width: 768px){.task-details__grid{grid-template-columns:1fr}.workflow-history-item__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.my-tasks-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px}.stat-card__content{flex:1}.stat-card__value{font-size:28px;font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.stat-card__label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.stat-card--pending .stat-card__icon{background:#3b82f61a;color:var(--color-primary)}.stat-card--pending .stat-card__value{color:var(--color-primary)}.stat-card--in-progress .stat-card__icon{background:#8b5cf61a;color:#8b5cf6}.stat-card--in-progress .stat-card__value{color:#8b5cf6}.stat-card--pending-review .stat-card__icon{background:#fb923c1a;color:#fb923c}.stat-card--pending-review .stat-card__value{color:#fb923c}.stat-card--completed .stat-card__icon{background:#22c55e1a;color:var(--color-success)}.stat-card--completed .stat-card__value{color:var(--color-success)}.stat-card--rejected .stat-card__icon{background:#ef44441a;color:var(--color-danger)}.stat-card--rejected .stat-card__value{color:var(--color-danger)}.task-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.task-tab{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;font-size:16px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:-2px}.task-tab:hover{color:var(--color-text);background:var(--color-background)}.task-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.task-tab__badge{background:var(--color-primary);color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.task-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.task-filters__search{flex:1;min-width:250px}.task-filters__status{min-width:200px}.search-input,.status-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:border-color .2s}.search-input:focus,.status-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.task-list-container{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.task-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .2s}.task-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.task-card--locked{background:var(--color-background);opacity:.8}.task-card--locked:hover{border-color:var(--color-border);box-shadow:none}.task-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.task-card__title{font-size:18px;font-weight:600;color:var(--color-text);margin:0;flex:1}.task-card__body{margin-bottom:var(--spacing-lg)}.task-card__description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.task-card__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.task-card__footer{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.task-card__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.task-card__locked{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:14px}.task-card__locked i{font-size:16px}.task-meta-item{display:flex;gap:var(--spacing-xs);font-size:14px}.task-meta-item__label{color:var(--color-text-secondary);font-weight:500}.task-meta-item__value{color:var(--color-text);font-weight:400}.task-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.task-badge--gray{background:#6b72801a;color:#6b7280}.task-badge--yellow{background:#fbbf241a;color:#f59e0b}.task-badge--blue{background:#3b82f61a;color:#3b82f6}.task-badge--purple{background:#8b5cf61a;color:#8b5cf6}.task-badge--orange{background:#fb923c1a;color:#fb923c}.task-badge--green{background:#22c55e1a;color:#22c55e}.task-badge--red{background:#ef44441a;color:#ef4444}.loading-state{text-align:center;padding:var(--spacing-xxl);color:var(--color-text-secondary)}.loading-state .spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--spacing-md)}.empty-state{text-align:center;padding:var(--spacing-xxl)}.empty-state__icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state__title{font-size:20px;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.empty-state__message{font-size:14px;color:var(--color-text-secondary);max-width:400px;margin:0 auto}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.pagination__btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .2s}.pagination__btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.pagination__info{font-size:14px;color:var(--color-text-secondary);font-weight:500}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn--sm{padding:6px 12px;font-size:13px}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:#2563eb}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover{background:#16a34a}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{background:#dc2626}.btn--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width: 768px){.my-tasks-page{padding:var(--spacing-md)}.stats-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-md)}.stat-card__icon{width:40px;height:40px;font-size:20px}.stat-card__value{font-size:24px}.task-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.task-tab{white-space:nowrap;padding:var(--spacing-sm) var(--spacing-md)}.task-filters{flex-direction:column}.task-filters__search,.task-filters__status{min-width:100%}.task-card__meta{grid-template-columns:1fr}.task-card__actions{flex-direction:column}.task-card__actions .btn{width:100%}}.workflow-tracker{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.workflow-tracker .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.workflow-tracker .page-header__actions{display:flex;gap:var(--spacing-sm)}.workflow-tracker .page-header .page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.workflow-tracker .page-header .breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.workflow-tracker .page-header .breadcrumb__item{cursor:pointer;transition:color var(--transition-fast)}.workflow-tracker .page-header .breadcrumb__item:hover{color:var(--color-primary)}.workflow-tracker .page-header .breadcrumb__item--active{color:var(--color-text-primary);cursor:default;font-weight:var(--font-weight-medium)}.workflow-tracker .page-header .breadcrumb__separator{color:var(--color-text-tertiary)}.workflow-tracker .task-info-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.workflow-tracker .task-info-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap}.workflow-tracker .task-info-card__title-section{flex:1;min-width:250px}.workflow-tracker .task-info-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.workflow-tracker .task-info-card__control-ref{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-background);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.workflow-tracker .task-info-card__badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.workflow-tracker .task-info-card__description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.workflow-tracker .task-info-card__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.workflow-tracker .task-info-card__meta .meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workflow-tracker .task-info-card__meta .meta-item__label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.workflow-tracker .task-info-card__meta .meta-item__label svg{opacity:.7}.workflow-tracker .task-info-card__meta .meta-item__value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.workflow-tracker .task-info-card__meta .meta-item__value--overdue{color:var(--color-danger)}.workflow-tracker .task-info-card__meta .meta-item__value--urgent{color:var(--color-warning-dark)}.workflow-tracker .task-info-card__meta .meta-item__due-status{font-size:var(--font-size-sm);margin-left:var(--spacing-xs);font-weight:var(--font-weight-normal)}.workflow-tracker .task-info-card__meta .meta-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.workflow-tracker .task-info-card__meta .meta-link:hover{color:var(--color-primary-dark);text-decoration:underline}.workflow-tracker .task-info-card__meta .meta-link svg{opacity:.7}.workflow-tracker .task-info-card__extra{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-md)}.workflow-tracker .task-info-card__extra .extra-item{background:var(--color-background);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:3px solid var(--color-border)}.workflow-tracker .task-info-card__extra .extra-item--warning{border-left-color:var(--color-warning);background:var(--color-warning-light)}.workflow-tracker .task-info-card__extra .extra-item--info{border-left-color:var(--color-info);background:var(--color-info-light)}.workflow-tracker .task-info-card__extra .extra-item__title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.workflow-tracker .task-info-card__extra .extra-item__content{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.workflow-tracker .task-info-card__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);flex-wrap:wrap}.workflow-tracker .task-info-card__locked-notice{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.workflow-tracker .task-info-card__locked-notice svg{color:var(--color-warning)}.workflow-tracker .timestamps-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.workflow-tracker .timestamps-card__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.workflow-tracker .timestamps-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.workflow-tracker .timestamps-card .timestamp-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workflow-tracker .timestamps-card .timestamp-item__label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.workflow-tracker .timestamps-card .timestamp-item__value{font-size:var(--font-size-base);color:var(--color-text-primary)}.workflow-tracker .progress-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.workflow-tracker .progress-section .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.workflow-tracker .progress-section .progress-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.workflow-tracker .progress-section .progress-header__percentage{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.workflow-tracker .progress-section .progress-bar{width:100%;height:12px;background:var(--color-background);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-md)}.workflow-tracker .progress-section .progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-full);transition:width .5s ease-out}.workflow-tracker .progress-section .progress-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.workflow-tracker .progress-section .progress-info .current-step-name{font-weight:var(--font-weight-medium);color:var(--color-primary)}.workflow-tracker .timeline-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.workflow-tracker .timeline-section .section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0}.workflow-tracker .timeline{position:relative;padding-left:var(--spacing-md)}.workflow-tracker .timeline .timeline-item{position:relative;padding-left:60px;padding-bottom:var(--spacing-2xl)}.workflow-tracker .timeline .timeline-item:last-child{padding-bottom:0}.workflow-tracker .timeline .timeline-item .timeline-icon{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border:3px solid;background:var(--color-white);z-index:2;transition:all var(--transition-normal)}.workflow-tracker .timeline .timeline-item .timeline-icon--completed{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-light)}.workflow-tracker .timeline .timeline-item .timeline-icon--completed .timeline-icon__symbol{color:var(--color-success)}.workflow-tracker .timeline .timeline-item .timeline-icon--in-progress{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);animation:pulse 2s ease-in-out infinite}.workflow-tracker .timeline .timeline-item .timeline-icon--in-progress .timeline-icon__symbol{color:var(--color-primary);animation:spin 2s linear infinite}.workflow-tracker .timeline .timeline-item .timeline-icon--pending{border-color:var(--color-border);color:var(--color-text-tertiary);background:var(--color-background)}.workflow-tracker .timeline .timeline-item .timeline-connector{position:absolute;left:22px;top:48px;width:4px;height:calc(100% - 48px);background:var(--color-border);z-index:1}.workflow-tracker .timeline .timeline-item .timeline-connector--completed{background:var(--color-success)}.workflow-tracker .timeline .timeline-item .timeline-content{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);border:2px solid var(--color-border);transition:all var(--transition-normal)}.workflow-tracker .timeline .timeline-item .timeline-content__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.workflow-tracker .timeline .timeline-item .timeline-content__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1}.workflow-tracker .timeline .timeline-item .timeline-content__description{color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-md)}.workflow-tracker .timeline .timeline-item .timeline-content__details{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.workflow-tracker .timeline .timeline-item .timeline-content__details .detail-item{display:flex;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.workflow-tracker .timeline .timeline-item .timeline-content__details .detail-item__label{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.workflow-tracker .timeline .timeline-item .timeline-content__details .detail-item__value{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.workflow-tracker .timeline .timeline-item .timeline-content .timeline-timestamp{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-success);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-weight:var(--font-weight-medium)}.workflow-tracker .timeline .timeline-item .timeline-content .timeline-active-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-primary);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-weight:var(--font-weight-semibold)}.workflow-tracker .timeline .timeline-item--active .timeline-content{background:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.workflow-tracker .step-status{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.workflow-tracker .step-status--completed{background:var(--color-success-light);color:var(--color-success-dark)}.workflow-tracker .step-status--in-progress{background:var(--color-primary-light);color:var(--color-primary-dark)}.workflow-tracker .step-status--pending{background:var(--color-background);color:var(--color-text-tertiary)}.workflow-tracker .history-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.workflow-tracker .history-section .section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.workflow-tracker .history-section .history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.workflow-tracker .history-section .history-item{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--color-border)}.workflow-tracker .history-section .history-item__header{display:flex;gap:var(--spacing-md)}.workflow-tracker .history-section .history-item__icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg)}.workflow-tracker .history-section .history-item__content{flex:1}.workflow-tracker .history-section .history-item__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.workflow-tracker .history-section .history-item__meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.workflow-tracker .history-section .history-item__action{font-weight:var(--font-weight-medium);text-transform:capitalize}.workflow-tracker .history-section .history-item__separator{color:var(--color-text-tertiary)}.workflow-tracker .history-section .history-item__user,.workflow-tracker .history-section .history-item__date{color:var(--color-text-secondary)}.workflow-tracker .history-section .history-item__notes{font-style:italic;color:var(--color-text-secondary);margin-top:var(--spacing-sm);padding-left:var(--spacing-md);border-left:3px solid var(--color-border)}.workflow-tracker .status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.workflow-tracker .status-badge--not_started{background:var(--color-background);color:var(--color-text-tertiary)}.workflow-tracker .status-badge--pending_assignment{background:var(--color-warning-light);color:var(--color-warning-dark)}.workflow-tracker .status-badge--pending{background:var(--color-info-light);color:var(--color-info-dark)}.workflow-tracker .status-badge--in_progress{background:var(--color-primary-light);color:var(--color-primary-dark)}.workflow-tracker .status-badge--pending_review{background:var(--color-warning-light);color:var(--color-warning-dark)}.workflow-tracker .status-badge--approved{background:var(--color-success-light);color:var(--color-success-dark)}.workflow-tracker .status-badge--rejected{background:var(--color-danger-light);color:var(--color-danger-dark)}.workflow-tracker .status-badge--not_applicable{background:var(--color-background);color:var(--color-text-tertiary)}.workflow-tracker .status-badge--locked{background:var(--color-background);color:var(--color-text-secondary)}.workflow-tracker .status-badge--approval-accepted{background:var(--color-success-light);color:var(--color-success-dark)}.workflow-tracker .status-badge--approval-excused{background:var(--color-warning-light);color:var(--color-warning-dark)}.workflow-tracker .history-item__icon--approved{color:var(--color-success)}.workflow-tracker .history-item__icon--rejected{color:var(--color-danger)}.workflow-tracker .history-item__icon--started{color:var(--color-primary)}.workflow-tracker .history-item__icon--submitted{color:var(--color-info)}.workflow-tracker .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.workflow-tracker .modal-content{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:100%;box-shadow:var(--shadow-xl)}.workflow-tracker .modal-content .modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.workflow-tracker .modal-content .modal-message{color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg)}.workflow-tracker .modal-content .modal-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);resize:vertical;min-height:100px;margin-bottom:var(--spacing-lg);font-family:inherit}.workflow-tracker .modal-content .modal-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.workflow-tracker .modal-content .modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.workflow-tracker .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.workflow-tracker .loading-state .spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.workflow-tracker .loading-state p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.workflow-tracker .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);text-align:center}.workflow-tracker .error-state__icon{font-size:64px}.workflow-tracker .error-state__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.workflow-tracker .error-state__message{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:500px}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 rgba(var(--color-primary-rgb),.4)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(var(--color-primary-rgb),0)}}@media (max-width: 768px){.workflow-tracker{padding:var(--spacing-md)}.workflow-tracker .page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.workflow-tracker .task-info-card,.workflow-tracker .progress-section,.workflow-tracker .timeline-section,.workflow-tracker .history-section{padding:var(--spacing-md)}.workflow-tracker .task-info-card__meta{grid-template-columns:1fr}.workflow-tracker .timeline{padding-left:0}.workflow-tracker .timeline .timeline-item{padding-left:50px}.workflow-tracker .timeline .timeline-connector{left:20px}.workflow-tracker .timeline-content__header{flex-direction:column;gap:var(--spacing-sm)}}.project-wizard{max-width:1200px;margin:0 auto;padding:24px}.project-wizard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.project-wizard__title{font-size:24px;font-weight:700;color:#222;margin:0}.project-wizard__error{background:#de48481a;border:1px solid rgba(222,72,72,.3);color:#de4848;padding:16px 24px;border-radius:.25rem;margin-bottom:24px;display:flex;align-items:center;gap:8px}.project-wizard__error i{font-size:18px}.project-wizard__content{background:#fff;border-radius:.875rem;box-shadow:0 1px 2px #0000001a;margin-bottom:16px;min-height:350px}.project-wizard__footer{padding-top:16px;border-top:1px solid #f0f0f0}.project-wizard__nav{display:flex;justify-content:space-between;align-items:center}.project-wizard__nav-right{display:flex;gap:16px}.wizard-progress{padding:16px 0;margin-bottom:16px}.wizard-progress__track{display:flex;align-items:center;justify-content:center}.wizard-progress__connector{width:60px;height:2px;background:#eee;margin:0 -8px;z-index:0}.wizard-progress__connector--active{background:#5c8ed4}.wizard-progress__step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.wizard-progress__step--clickable{cursor:pointer}.wizard-progress__step--clickable:hover .wizard-progress__number{background:#84aadf}.wizard-progress__step--active .wizard-progress__number{background:#5c8ed4;color:#fff;border-color:#5c8ed4}.wizard-progress__step--active .wizard-progress__title{color:#5c8ed4;font-weight:600}.wizard-progress__step--completed .wizard-progress__number{background:#22af46;color:#fff;border-color:#22af46}.wizard-progress__number{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #eeeeee;display:flex;align-items:center;justify-content:center;font-weight:600;color:#757575;margin-bottom:8px;transition:all .2s ease}.wizard-progress__number i{font-size:16px}.wizard-progress__label{text-align:center}.wizard-progress__title{display:block;font-size:14px;color:#4a4a4a}.wizard-progress__subtitle{display:block;font-size:13px;color:#757575}.wizard-step{padding:24px 32px}.wizard-step__header{margin-bottom:16px;text-align:center}.wizard-step__title{font-size:16px;font-weight:700;color:#222;margin:0 0 4px}.wizard-step__description{font-size:14px;color:#616161;margin:0}.wizard-step__loading{text-align:center;padding:48px;color:#757575}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (max-width: 991px){.form-grid{grid-template-columns:1fr}}.form-grid .input-wrapper,.form-grid .textarea-wrapper,.form-grid .certificate-selector{margin-bottom:0}.form-label{display:block;font-size:14px;font-weight:500;color:#4a4a4a;margin-bottom:4px}.form-label .required{color:#de4848}.form-helper-text{font-size:13px;color:#757575;margin:0 0 4px}.form-error{display:block;font-size:14px;color:#de4848;margin-top:4px}.form-select{width:100%;padding:8px 16px;border:1px solid #eeeeee;border-radius:.25rem;font-size:15px;background:#fff;cursor:pointer}.form-select:focus{outline:none;border-color:#5c8ed4;box-shadow:0 0 0 3px #5c8ed41a}.tag-input-wrapper{margin-top:8px}.tag-input-field{display:flex;gap:8px}.tag-input-field .input-container{flex:1}.tag-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f7f7f7;border-radius:.25rem;font-size:14px;color:#4a4a4a}.tag--primary,.tag--secondary{background:#5c8ed41a;color:#5c8ed4}.tag--small{padding:2px 4px;font-size:13px}.tag__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:none;cursor:pointer;color:inherit;opacity:.6}.tag__remove:hover{opacity:1}.tag__remove i{font-size:10px}.role-selector{display:grid;gap:8px}.role-checkbox{display:flex;align-items:flex-start;gap:8px;padding:16px;background:#f4f7f6;border-radius:.25rem;cursor:pointer;transition:background .2s ease}.role-checkbox:hover{background:#f7f7f7}.role-checkbox input[type=checkbox]{margin-top:2px}.role-checkbox__label{flex:1}.role-checkbox__title{display:block;font-weight:500;color:#333}.role-checkbox__description{display:block;font-size:14px;color:#757575;margin-top:2px}.no-roles-message{color:#757575;font-style:italic}.loading-placeholder{padding:24px;text-align:center;color:#757575}.upload-zone{border:2px dashed #eeeeee;border-radius:.875rem;padding:48px;text-align:center;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.upload-zone:hover,.upload-zone--active{border-color:#5c8ed4;background:#5c8ed405}.upload-zone__input{display:none}.upload-zone__icon{font-size:48px;color:#9e9e9e;margin-bottom:16px}.upload-zone__title{font-size:15px;font-weight:500;color:#4a4a4a;margin:0 0 4px}.upload-zone__subtitle{font-size:14px;color:#757575;margin:0}.upload-error{background:#de48481a;color:#de4848;padding:8px 16px;border-radius:.25rem;font-size:14px;margin-bottom:24px}.document-list{margin-bottom:32px}.document-list__title{font-size:15px;font-weight:600;color:#333;margin:0 0 16px}.document-group{margin-bottom:24px}.document-group__title{font-size:14px;font-weight:500;color:#616161;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.document-group__items{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#f4f7f6;border-radius:.25rem}.document-item__icon{color:#757575;font-size:20px}.document-item__info{flex:1;min-width:0;display:flex;flex-direction:column}.document-item__name{font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-item__size{font-size:14px;color:#757575}.document-item__type{flex-shrink:0}.document-item__type-select{padding:4px 8px;border:1px solid #f0f0f0;border-radius:.25rem;font-size:14px;background:#fff}.document-item__progress{width:100px;height:4px;background:#f0f0f0;border-radius:2px;overflow:hidden}.document-item__progress-bar{height:100%;background:#5c8ed4;transition:width .3s ease}.document-item__remove{color:#9e9e9e}.document-item__remove:hover{color:#de4848}.info-box{display:flex;gap:16px;padding:24px;background:#f4f7f6;border-radius:.25rem;border-left:4px solid #9e9e9e}.info-box--primary{background:#5c8ed40d;border-left-color:#5c8ed4}.info-box__icon{font-size:20px;color:#757575;flex-shrink:0}.info-box__content{flex:1}.info-box__content strong{display:block;color:#333;margin-bottom:4px}.info-box__content p{margin:0;color:#616161;font-size:14px}.info-box__content ul{margin:8px 0 0;padding-left:24px;color:#616161;font-size:14px}.info-box__content ul li{margin-bottom:4px}.error-box{display:flex;gap:16px;padding:24px;background:#de48480d;border-radius:.25rem;border-left:4px solid #de4848}.error-box__icon{font-size:24px;color:#de4848;flex-shrink:0}.error-box__content{flex:1}.error-box__content strong{display:block;color:#de4848;margin-bottom:4px}.error-box__content p{margin:0;color:#4a4a4a}.error-box__actions{display:flex;gap:8px;margin-top:16px}.generation-error__info{margin-top:32px;padding:24px;background:#fff;border-radius:.25rem;border:1px solid #f0f0f0}.generation-error__info h4{margin:0 0 8px;color:#333;font-size:15px;font-weight:600}.generation-error__info p{margin:0 0 16px;color:#616161;font-size:14px;line-height:1.6}.generation-error__info ul{margin:8px 0;padding-left:24px;color:#616161;font-size:14px}.generation-error__info ul li{margin-bottom:4px;line-height:1.5}.generation-error__info strong{color:#5c8ed4;font-weight:600}.review-section{background:#f4f7f6;border-radius:.25rem;margin-bottom:24px;overflow:hidden}.review-section__header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #f0f0f0}.review-section__header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;color:#333}.review-section__header h3 i{color:#5c8ed4}.review-section__content{padding:24px}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 767px){.review-grid{grid-template-columns:1fr}}.review-item--full{grid-column:1/-1}.review-item__label{display:block;font-size:14px;color:#757575;margin-bottom:4px}.review-item__value{color:#333}.review-item__value.capitalize{text-transform:capitalize}.review-item__tags{display:flex;flex-wrap:wrap;gap:4px}.review-documents{display:flex;flex-direction:column;gap:8px}.review-document{display:flex;align-items:center;gap:16px;padding:8px;background:#fff;border-radius:.25rem}.review-document__icon{color:#757575;font-size:18px}.review-document__info{flex:1}.review-document__name{display:block;font-weight:500;color:#333}.review-document__meta{display:block;font-size:14px;color:#757575}.review-empty{color:#757575;font-style:italic;margin:0}.badge{display:inline-block;padding:4px 8px;border-radius:.25rem;font-size:14px;font-weight:500;text-transform:capitalize}.badge--info{background:#3c89da1a;color:#3c89da}.badge--warning{background:#f3ad061a;color:#f3ad06}.badge--danger{background:#de48481a;color:#de4848}.badge--critical{background:#de484833;color:#ce2525}.checklist-loading{text-align:center;padding:64px}.checklist-loading__spinner,.checklist-loading__text{margin-bottom:32px}.checklist-loading__text h3{margin:0 0 8px;color:#333}.checklist-loading__text p{margin:0;color:#616161}.checklist-loading__steps{display:flex;flex-direction:column;gap:8px;max-width:300px;margin:0 auto}.loading-step{display:flex;align-items:center;gap:8px;padding:8px;border-radius:.25rem;color:#757575}.loading-step i{font-size:16px}.loading-step--complete{color:#22af46}.loading-step--active{color:#5c8ed4;background:#5c8ed40d}.spinner{width:24px;height:24px;border:3px solid #f0f0f0;border-top-color:#5c8ed4;border-radius:50%;animation:spin 1s linear infinite}.spinner--large{width:48px;height:48px;border-width:4px}.checklist-stats{display:flex;gap:32px;margin-bottom:32px;padding:24px;background:#f4f7f6;border-radius:.25rem}.checklist-stat{text-align:center}.checklist-stat__value{display:block;font-size:24px;font-weight:700;color:#5c8ed4}.checklist-stat__label{font-size:14px;color:#616161}.checklist-table-wrapper{overflow-x:auto;margin-bottom:24px}.checklist-table{width:100%;border-collapse:collapse}.checklist-table th,.checklist-table td{padding:8px 16px;text-align:left;border-bottom:1px solid #f0f0f0;vertical-align:top}.checklist-table th{background:#f4f7f6;font-weight:600;font-size:14px;color:#616161;white-space:nowrap}.checklist-table tr:hover{background:#f4f7f6}.checklist-table tr.editing{background:#5c8ed405}.checklist-table__order{display:flex;align-items:center;gap:4px}.checklist-table__order .drag-handle{cursor:grab;color:#9e9e9e}.checklist-table__order .drag-handle:hover{color:#616161}.checklist-item__content .control-ref{display:inline-block;font-family:monospace;font-size:13px;background:#f7f7f7;padding:2px 4px;border-radius:.25rem;margin-right:4px;color:#616161}.checklist-item__content strong{display:block;color:#333;margin-bottom:4px}.checklist-item__content p{margin:0;font-size:14px;color:#616161}.checklist-item__content .ai-badge{display:inline-block;font-size:10px;padding:2px 4px;background:linear-gradient(135deg,#5c8ed4,#a890d3);color:#fff;border-radius:.25rem;margin-left:4px;font-weight:700}.inline-edit{display:flex;flex-direction:column;gap:8px}.weightage-badge{display:inline-block;padding:2px 8px;background:#5c8ed41a;color:#5c8ed4;border-radius:.25rem;font-weight:600;font-size:14px}.evidence-text{font-size:14px;color:#616161}.status-select{width:100%;padding:4px 8px;border-radius:.25rem;font-size:14px;border:1px solid #f0f0f0}.status-select--not_started{background:#f7f7f7}.status-select--in_progress{background:#3c89da1a}.status-select--pending_review{background:#f3ad061a}.status-select--approved{background:#22af461a}.status-select--rejected{background:#de48481a}.status-select--not_applicable{background:#f7f7f7}.tag-cell{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tag-input-inline{width:60px;padding:2px 4px;border:1px dashed #eeeeee;border-radius:.25rem;font-size:13px}.tag-input-inline:focus{outline:none;border-color:#5c8ed4}.action-buttons{display:flex;gap:4px}.action-buttons .danger:hover{color:#de4848}.add-item-form{background:#f4f7f6;border-radius:.25rem;padding:24px;margin-top:24px}.add-item-form h4{margin:0 0 24px;color:#333}.add-item-form__actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.add-item-button{width:100%;justify-content:center}.associated-roles{width:100%;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.associated-roles__loading,.associated-roles__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.associated-roles__search{margin-bottom:var(--spacing-md)}.associated-roles__summary{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-light);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:var(--font-sm);font-weight:var(--font-medium)}.associated-roles__summary-text{color:var(--color-primary)}.associated-roles__categories{display:flex;flex-direction:column;gap:var(--spacing-md)}.associated-roles__no-results{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-style:italic}.associated-roles-category{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.associated-roles-category__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.associated-roles-category__toggle{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;padding:0;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-semibold);transition:color var(--transition-fast)}.associated-roles-category__toggle:hover{color:var(--color-primary)}.associated-roles-category__toggle i,.associated-roles-category__title{font-size:var(--font-md)}.associated-roles-category__select-all{padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.associated-roles-category__select-all:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.associated-roles-category__content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.associated-role-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);transition:all var(--transition-fast)}.associated-role-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.associated-role-card--selected{border-color:var(--color-primary);background:var(--color-primary-ultralight);box-shadow:var(--shadow-md)}.associated-role-card__header{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer}.associated-role-card__checkbox{margin-top:3px;width:18px;height:18px;cursor:pointer;flex-shrink:0}.associated-role-card__title-section{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.associated-role-card__title{font-weight:var(--font-semibold);color:var(--color-text-primary);font-size:var(--font-md)}.associated-role-card__involvement{margin-left:calc(18px + var(--spacing-sm));font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.5;font-style:italic;padding:var(--spacing-xs);background:var(--color-info-light);border-left:3px solid var(--color-info);border-radius:var(--radius-sm)}.role-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.role-badge--system{background:var(--color-info-light);color:var(--color-info-dark);border:1px solid var(--color-info)}.role-badge--custom{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}@media (max-width: 768px){.associated-roles{padding:var(--spacing-md)}.associated-role-card{padding:var(--spacing-sm)}.associated-role-card__involvement{margin-left:0}.associated-roles-category__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.approval-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);line-height:1;transition:all var(--transition-fast)}.approval-badge--small{padding:var(--spacing-xxs) var(--spacing-xs);font-size:var(--font-size-xs)}.approval-badge--medium{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.approval-badge--large{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.approval-badge--success{background-color:var(--color-success-light, #d4edda);color:var(--color-success-dark, #155724);border:1px solid var(--color-success, #28a745)}.approval-badge--warning{background-color:var(--color-warning-light, #fff3cd);color:var(--color-warning-dark, #856404);border:1px solid var(--color-warning, #ffc107)}.approval-badge--info{background-color:var(--color-info-light, #d1ecf1);color:var(--color-info-dark, #0c5460);border:1px solid var(--color-info, #17a2b8)}.approval-badge--secondary{background-color:var(--color-gray-100, #f8f9fa);color:var(--color-gray-700, #495057);border:1px solid var(--color-gray-300, #dee2e6)}.approval-badge__icon{font-size:1.1em;line-height:1}.approval-badge__label{white-space:nowrap}.approval-timeline{background:#fff;border:1px solid var(--color-gray-200, #e9ecef);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.approval-timeline__header{margin-bottom:var(--spacing-lg);text-align:center}.approval-timeline__header h3{margin:0 0 var(--spacing-xs);color:var(--color-gray-800, #343a40);font-size:var(--font-size-lg)}.approval-timeline__subtitle{margin:0;color:var(--color-gray-600, #6c757d);font-size:var(--font-size-sm)}.approval-timeline__loading{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-500)}.approval-timeline__steps{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0;position:relative;padding:var(--spacing-md) 0;overflow-x:auto}.approval-timeline__actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200, #e9ecef)}.approval-action-warning{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#ffc10714,#ffc10708);border:1px solid rgba(255,193,7,.25);border-left:4px solid var(--color-warning, #ffc107);border-radius:var(--radius-md)}.approval-action-warning__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffc10726;border-radius:50%;color:#b38600}.approval-action-warning__content{flex:1;min-width:0}.approval-action-warning__content strong{display:block;font-size:var(--font-size-sm);font-weight:600;color:#856404;margin-bottom:2px}.approval-action-warning__content span{font-size:var(--font-size-xs);color:var(--color-gray-600, #6c757d);line-height:1.4}.approval-action-button{display:flex;justify-content:center;padding:var(--spacing-sm) 0}.approval-action-button .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);font-weight:500;box-shadow:0 4px 12px #007bff40;transition:all .2s ease}.approval-action-button .btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #007bff59}@media (max-width: 768px){.approval-action-warning{flex-direction:column;align-items:flex-start;text-align:left}.approval-action-warning .btn{width:100%;justify-content:center}}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;min-width:120px;max-width:180px}.timeline-step__connector{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;position:relative}.timeline-step__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);background:var(--color-gray-100);border:3px solid var(--color-gray-300);transition:all var(--transition-base);z-index:2;flex-shrink:0}.timeline-step__line{position:absolute;height:3px;width:calc(100% - 48px);right:-50%;top:50%;transform:translateY(-50%);background:var(--color-gray-300);transition:background var(--transition-base);z-index:1}.timeline-step:last-child .timeline-step__line{display:none}.timeline-step__content{text-align:center;padding-top:var(--spacing-md);width:100%}.timeline-step__header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.timeline-step__title{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700);line-height:1.3}.timeline-step__badge{display:inline-block;padding:2px 8px;background:var(--color-primary, #007bff);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-sm);font-weight:500;white-space:nowrap}.timeline-step__badge-completed{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--color-success, #28a745);color:#fff;font-size:11px;border-radius:50%}.timeline-step__description{margin:0 0 var(--spacing-xs);color:var(--color-gray-600);font-size:var(--font-size-xs);line-height:1.4}.timeline-step__metadata{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--font-size-xs);color:var(--color-gray-600)}.timeline-step__time,.timeline-step__actor{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.timeline-step__details{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px}.timeline-step__time-label,.timeline-step__actor-label{font-weight:500}.timeline-step__time-value,.timeline-step__actor-value{color:var(--color-gray-700)}.timeline-step__detail{padding:2px 6px;background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:10px}.timeline-step--pending .timeline-step__icon{background:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-gray-500)}.timeline-step--pending .timeline-step__title{color:var(--color-gray-500)}.timeline-step--pending .timeline-step__description{color:var(--color-gray-400)}.timeline-step--active .timeline-step__icon{background:var(--color-primary-light, #e7f3ff);border-color:var(--color-primary, #007bff);color:var(--color-primary);box-shadow:0 0 0 4px #007bff26;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #007bff66}70%{box-shadow:0 0 0 8px #007bff00}to{box-shadow:0 0 #007bff00}}.timeline-step--active .timeline-step__title{color:var(--color-primary)}.timeline-step--active .timeline-step__line{background:var(--color-gray-300)}.timeline-step--completed .timeline-step__icon{background:var(--color-success, #28a745);border-color:var(--color-success);color:#fff}.timeline-step--completed .timeline-step__line{background:var(--color-success)}.timeline-step--completed .timeline-step__title{color:var(--color-gray-800)}.timeline-step--completed+.timeline-step--completed .timeline-step__line,.timeline-step--completed+.timeline-step--active .timeline-step__line{background:var(--color-success)}@media (max-width: 768px){.approval-timeline{padding:var(--spacing-md)}.approval-timeline__steps{flex-direction:column;align-items:stretch;gap:0}.timeline-step{flex-direction:row;align-items:flex-start;max-width:none;min-width:auto}.timeline-step__connector{flex-direction:column;width:48px;flex-shrink:0}.timeline-step__icon{width:40px;height:40px;font-size:var(--font-size-lg)}.timeline-step__line{position:relative;width:3px;height:100%;min-height:40px;right:auto;top:auto;transform:none;margin-top:var(--spacing-xs)}.timeline-step:last-child .timeline-step__line{display:none}.timeline-step__content{text-align:left;padding-top:0;padding-left:var(--spacing-md);padding-bottom:var(--spacing-lg)}.timeline-step__header{flex-direction:row;align-items:center;justify-content:flex-start}.timeline-step__title{font-size:var(--font-size-md)}.timeline-step__description{font-size:var(--font-size-sm)}.timeline-step__metadata{align-items:flex-start}.timeline-step__time,.timeline-step__actor,.timeline-step__details{justify-content:flex-start}}@media (min-width: 1200px){.timeline-step{max-width:220px}.timeline-step__icon{width:56px;height:56px;font-size:1.5rem}.timeline-step__line{width:calc(100% - 56px)}.timeline-step__title{font-size:var(--font-size-md)}.timeline-step__description{font-size:var(--font-size-sm)}}.pm-review-modal{display:flex;flex-direction:column;max-height:85vh}.pm-review-modal__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.pm-review-modal__header h2{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xl);color:var(--color-gray-800)}.pm-review-modal__subtitle{margin:0;color:var(--color-gray-600);font-size:var(--font-size-sm)}.pm-review-modal__actions{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.pm-review-modal__summary{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm)}.pm-review-modal__summary-item{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:500}.pm-review-modal__summary-item--accepted{background:var(--color-success-light, #d4edda);color:var(--color-success-dark, #155724)}.pm-review-modal__summary-item--excused{background:var(--color-danger-light, #f8d7da);color:var(--color-danger-dark, #721c24)}.pm-review-modal__summary-item--pending{background:var(--color-warning-light, #fff3cd);color:var(--color-warning-dark, #856404)}.pm-review-modal__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-danger-light, #f8d7da);color:var(--color-danger-dark, #721c24);border-bottom:1px solid var(--color-danger, #dc3545)}.pm-review-modal__error-icon{font-size:var(--font-size-lg)}.pm-review-modal__items{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.pm-review-modal__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-500)}.pm-review-modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.checklist-review-item{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all var(--transition-base)}.checklist-review-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.checklist-review-item--accepted{border-color:var(--color-success);background:var(--color-success-light, #d4edda)}.checklist-review-item--excused{border-color:var(--color-danger);background:var(--color-danger-light, #f8d7da)}.checklist-review-item__header{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.checklist-review-item__index{flex-shrink:0;width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.checklist-review-item__content{flex:1}.checklist-review-item__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-md);font-weight:600;color:var(--color-gray-800)}.checklist-review-item__description{margin:0 0 var(--spacing-xs);color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.5}.checklist-review-item__reference{display:inline-block;padding:2px 8px;background:var(--color-gray-100);color:var(--color-gray-700);font-size:var(--font-size-xs);border-radius:var(--radius-sm);font-family:monospace}.checklist-review-item__actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.checklist-review-item__excuse{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.checklist-review-item__excuse-label{font-weight:500;color:var(--color-gray-700);font-size:var(--font-size-sm)}.checklist-review-item__excuse-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);resize:vertical}.checklist-review-item__excuse-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}@media (max-width: 768px){.pm-review-modal__actions{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.pm-review-modal__summary{flex-wrap:wrap}.checklist-review-item__header,.checklist-review-item__actions{flex-direction:column}}.executive-review-modal{display:flex;flex-direction:column;max-height:85vh}.executive-review-modal__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.executive-review-modal__header h2{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xl);color:var(--color-gray-800)}.executive-review-modal__subtitle{margin:0;color:var(--color-gray-600);font-size:var(--font-size-sm)}.executive-review-modal__loading{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-500)}.executive-review-modal__summary{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-sm)}.executive-review-modal__summary-item{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:500}.executive-review-modal__summary-item--total{background:var(--color-gray-100);color:var(--color-gray-700)}.executive-review-modal__summary-item--keep{background:var(--color-success-light);color:var(--color-success-dark)}.executive-review-modal__summary-item--remove{background:var(--color-danger-light);color:var(--color-danger-dark)}.executive-review-modal__summary-item--pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.executive-review-modal__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-danger-light);color:var(--color-danger-dark);border-bottom:1px solid var(--color-danger)}.executive-review-modal__error-icon{font-size:var(--font-size-lg)}.executive-review-modal__items{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.executive-review-modal__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-500)}.executive-review-modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.excused-item{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all var(--transition-base)}.excused-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.excused-item--kept{border-color:var(--color-success);background:var(--color-success-light)}.excused-item--removed{border-color:var(--color-danger);background:var(--color-danger-light)}.excused-item__header{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.excused-item__index{flex-shrink:0;width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.excused-item__content{flex:1}.excused-item__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-md);font-weight:600;color:var(--color-gray-800)}.excused-item__description{margin:0;color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.5}.excused-item__excuse-info{padding:var(--spacing-md);background:var(--color-warning-light);border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.excused-item__excuse-info strong{display:block;margin-bottom:var(--spacing-xs);color:var(--color-warning-dark);font-size:var(--font-size-sm)}.excused-item__excuse-info p{margin:0 0 var(--spacing-xs);color:var(--color-gray-700);font-size:var(--font-size-sm)}.excused-item__excuse-info small{color:var(--color-gray-600);font-size:var(--font-size-xs)}.excused-item__actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.excused-item__notes{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.excused-item__notes label{font-weight:500;color:var(--color-gray-700);font-size:var(--font-size-sm)}.excused-item__notes textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);resize:vertical}.excused-item__notes textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}.excused-item__notes-actions{display:flex;gap:var(--spacing-sm)}@media (max-width: 768px){.executive-review-modal__summary{flex-wrap:wrap}.excused-item__header,.excused-item__actions,.excused-item__notes-actions{flex-direction:column}}.new-project-page{max-width:1400px;margin:0 auto}.projects-page{padding:24px 0}.projects-page__alert{margin-bottom:24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}@media (max-width: 991px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}}.page-header__left{flex:1}.page-header__right{display:flex;gap:16px}.page-title{font-weight:400;color:#333;line-height:1.25;font-size:24px;margin:0 0 4px}.breadcrumb{display:flex;align-items:center;gap:4px;font-size:14px;color:#616161}.breadcrumb__separator{color:#9e9e9e}.breadcrumb__item--active{color:#333;font-weight:500}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}@media (max-width: 1023px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.stats-row{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:.55rem;box-shadow:0 1px 2px #0000001a;margin-bottom:30px;transition:.3s ease}.stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-card{padding:24px;position:relative;overflow:hidden}.stat-card__header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2}.stat-card__info{flex:1}.stat-card__icon{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff}.stat-card__title{font-size:14px;color:#ffffffe6;margin:0 0 8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-card__value{font-size:30px;font-weight:700;margin:0;color:#fff}.stat-card--total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card--in-progress{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card--completed{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card--at-risk{background:linear-gradient(135deg,#fa709a,#fee140)}.projects-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}@media (max-width: 1023px){.projects-toolbar{flex-wrap:wrap}}@media (max-width: 991px){.projects-toolbar{flex-direction:column;align-items:stretch}}.projects-toolbar__actions{display:flex;align-items:center;gap:16px;flex-shrink:0}@media (max-width: 991px){.projects-toolbar__actions{justify-content:flex-end}}.search-box{position:relative;width:400px;flex-shrink:0}@media (max-width: 991px){.search-box{width:100%}}.search-box__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#757575}.search-box__input{width:100%;padding:8px 16px 8px 44px;border:1px solid #eeeeee;border-radius:.25rem;font-size:14px;background:#fff;transition:.2s ease}.search-box__input:focus{outline:none;border-color:#5c8ed4;box-shadow:0 0 0 3px #5c8ed41a}.search-box__input::placeholder{color:#9e9e9e}.filter-group{display:flex;align-items:center;gap:8px;flex:1}@media (max-width: 991px){.filter-group{width:100%;flex-wrap:wrap}}.filter-select{min-width:140px}@media (max-width: 991px){.filter-select{flex:1;min-width:120px}}.clear-filters-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.clear-filters-btn:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.clear-filters-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.clear-filters-btn{padding:8px 16px;background:transparent;border:1px solid #eeeeee;color:#616161;font-size:14px;border-radius:.25rem;white-space:nowrap}.clear-filters-btn:hover{background:#f7f7f7;color:#333}.view-toggle{display:flex;border:1px solid #eeeeee;border-radius:.25rem;overflow:hidden}.view-toggle__btn{padding:8px 16px;background:#fff;border:none;color:#757575}.view-toggle__btn:hover{background:#f7f7f7;color:#4a4a4a}.view-toggle__btn--active{background:#5c8ed4;color:#fff}.view-toggle__btn--active:hover{background:#4880cf;color:#fff}.refresh-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.refresh-btn:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.refresh-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.refresh-btn{padding:8px;background:#fff;border:1px solid #eeeeee;color:#616161;border-radius:.25rem}.refresh-btn:hover{background:#f7f7f7;color:#333}.projects-content{min-height:400px}.projects-loading{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:24px;padding:64px;color:#757575}.projects-loading .loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#5c8ed4;border-radius:50%;animation:spin 1s linear infinite}.projects-empty{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:16px;padding:64px;text-align:center;background:#f4f7f6;border-radius:.875rem;border:2px dashed #eeeeee}.projects-empty__icon{color:#9e9e9e}.projects-empty h3{margin:0;font-size:20px;color:#4a4a4a}.projects-empty p{margin:0;color:#757575;max-width:400px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px}@media (max-width: 767px){.projects-grid{grid-template-columns:1fr}}.project-card{background:#fff;border-radius:.875rem;padding:0;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f;border:1px solid #f7f7f7;overflow:hidden;position:relative}.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000001f;border-color:transparent}.project-card:hover .project-card__actions{opacity:1;transform:translate(0)}.project-card__header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px}.project-card__title-row{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.project-card__icon{width:40px;height:40px;border-radius:.55rem;background:linear-gradient(135deg,#5c8ed4,#3572c8);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #5c8ed44d}.project-card__title{margin:0;font-size:15px;font-weight:600;color:#333;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__actions{display:flex;gap:4px;opacity:0;transform:translate(8px);transition:all .2s ease}.project-card__action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.project-card__action-btn:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.project-card__action-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.project-card__action-btn{width:32px;height:32px;padding:0;background:#f7f7f7;border:none;color:#616161;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.project-card__action-btn:hover{background:#5c8ed4;color:#fff}.project-card__action-btn--danger:hover{background:#de4848;color:#fff}.project-card__body{padding:0 24px 16px}.project-card__description{margin:0 0 16px;font-size:14px;color:#757575;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card__badges{display:flex;gap:8px;flex-wrap:wrap}.project-card__footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-top:1px solid #f7f7f7}.project-card__progress{display:flex;align-items:center;gap:8px;flex:1;max-width:160px}.project-card__progress .progress-bar{flex:1;height:4px;background:#f0f0f0;border-radius:30px;overflow:hidden}.project-card__progress .progress-bar__fill{height:100%;background:linear-gradient(90deg,#5c8ed4,#84aadf);border-radius:30px;transition:width .5s ease}.project-card__progress-text{font-size:13px;font-weight:600;color:#616161;min-width:32px}.project-card__meta{display:flex;align-items:center;gap:16px}.project-card__date{display:flex;align-items:center;gap:4px;font-size:13px;color:#757575;font-weight:500}.project-type{font-size:14px;color:#4a4a4a;text-transform:capitalize}.progress-bar{width:100%;height:6px;background:#f0f0f0;border-radius:30px;overflow:hidden}.progress-bar__fill{height:100%;background:#5c8ed4;border-radius:30px;transition:width .5s ease}.progress-cell{display:flex;align-items:center;gap:8px}.progress-cell .progress-bar{flex:1;min-width:80px}.progress-cell__percent{font-size:14px;font-weight:600;color:#4a4a4a;min-width:40px}.projects-table .project-name-cell{display:flex;align-items:center;gap:16px}.projects-table .project-name-cell__icon{color:#5c8ed4;flex-shrink:0}.projects-table .project-name-cell__info{display:flex;flex-direction:column}.projects-table .project-name-cell__name{font-weight:600;color:#333}.projects-table .project-name-cell__desc{font-size:13px;color:#757575;margin-top:2px}.projects-table .project-date{display:flex;align-items:center;gap:4px;font-size:14px;color:#616161}.project-details__header{display:flex;align-items:flex-start;gap:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0;margin-bottom:24px}.project-details__icon{width:64px;height:64px;border-radius:.875rem;background:linear-gradient(135deg,#5c8ed4,#2f67b4);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-details__title-group{flex:1}.project-details__title-group h2{margin:0 0 8px;font-size:20px;color:#333}.project-details__badges{display:flex;gap:8px}.project-details__section{margin-bottom:24px}.project-details__section h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#4a4a4a;text-transform:uppercase;letter-spacing:.5px}.project-details__section p{margin:0;color:#616161;line-height:1.6}.project-details__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}@media (max-width: 767px){.project-details__grid{grid-template-columns:1fr}}.project-details__item label{display:block;font-size:14px;color:#757575;margin-bottom:4px}.project-details__item span{font-size:15px;color:#333}.project-details__item .progress-cell{margin-top:4px}.project-details__actions{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid #f0f0f0}.team-management-modal{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:300px}.team-management-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xxl);color:var(--color-text-secondary)}.team-management-modal__loading .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.team-management-modal__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xxl);color:var(--color-error);text-align:center}.team-management-modal__error p{margin:0}.team-management-modal__info{padding:10px 14px;background-color:#f0f7ff;border-left:3px solid var(--color-primary);border-radius:var(--radius-md);font-size:13px;color:#1e40af;line-height:1.5}.team-management-modal__info strong{font-weight:600}.team-management-modal__list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:2px}.team-management-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);gap:var(--spacing-xs)}.team-management-modal__empty p{margin:0;font-size:14px}.team-management-modal__empty-hint{font-size:12px!important;color:var(--color-gray-500)}.role-assignment{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;padding:12px 14px;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:6px;transition:all .15s ease}.role-assignment:hover{border-color:var(--color-primary-light);box-shadow:0 1px 4px #0000000d}.role-assignment__label{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--color-gray-800);margin:0}.role-assignment__required{color:var(--color-error);font-weight:700;font-size:16px;margin-left:2px}.role-assignment__select{width:100%;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:6px;font-size:14px;color:var(--color-gray-800);background-color:var(--color-white);cursor:pointer;transition:all .15s ease}.role-assignment__select:hover{border-color:var(--color-primary)}.role-assignment__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.role-assignment__select:disabled{background-color:var(--color-gray-50);cursor:not-allowed;opacity:.6}.role-assignment__loading{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--color-gray-600);font-size:13px;background-color:var(--color-gray-50);border-radius:6px}.spinner-small{width:14px;height:14px;border:2px solid var(--color-gray-300);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.role-assignment__error{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;color:var(--color-error);font-size:13px;background-color:#fef2f2;border-radius:6px}.role-assignment__retry{padding:4px 8px;font-size:12px;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:4px;cursor:pointer;transition:all .15s ease}.role-assignment__retry:hover{background:var(--color-primary);color:#fff}.role-assignment__no-users{padding:8px 12px;color:var(--color-gray-600);font-size:13px;background-color:var(--color-gray-50);border-radius:6px;font-style:italic}.team-management-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding-top:var(--spacing-md);margin-top:var(--spacing-sm);border-top:1px solid var(--color-gray-200)}.team-management-modal__footer .btn{min-width:100px;padding:8px 16px;font-size:14px}@media (max-width: 768px){.role-assignment{grid-template-columns:1fr;gap:8px}.team-management-modal__list{max-height:350px}.team-management-modal__footer{flex-direction:column-reverse}.team-management-modal__footer .btn{width:100%}}.project-detail-page{padding:24px 0}.project-detail-page__alert{margin-bottom:24px}.project-detail-loading{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:24px;padding:64px;color:#757575;min-height:400px}.project-detail-loading .loading-spinner{width:48px;height:48px;border:3px solid #f0f0f0;border-top-color:#5c8ed4;border-radius:50%;animation:spin 1s linear infinite}.project-detail-error{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:16px;padding:64px;text-align:center;background:#f4f7f6;border-radius:.875rem;border:2px dashed #eeeeee;min-height:300px}.project-detail-error svg{color:#9e9e9e}.project-detail-error h3{margin:0;font-size:20px;color:#4a4a4a}.project-detail-error p{margin:0;color:#757575;max-width:400px}.project-header{background:#fff;border-radius:.55rem;box-shadow:0 1px 2px #0000001a;margin-bottom:30px;transition:.3s ease}.project-header:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.project-header{padding:32px;margin-bottom:32px;background:linear-gradient(135deg,#5c8ed408,#5c8ed414);border:1px solid rgba(92,142,212,.1)}.project-header__top{display:flex;align-items:flex-start;justify-content:space-between}@media (max-width: 991px){.project-header__top{flex-direction:column;gap:16px}}.project-header__back{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.project-header__back:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.project-header__back:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.project-header__back{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fff;border:1px solid #f0f0f0;border-radius:.25rem;color:#616161;font-size:14px;margin-bottom:16px}.project-header__back:hover{background:#f4f7f6;color:#333}.project-header__title-row{display:flex;align-items:center;gap:24px}.project-header__icon{width:56px;height:56px;border-radius:.875rem;background:linear-gradient(135deg,#5c8ed4,#2f67b4);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px #5c8ed44d}.project-header__info{flex:1}.project-header__title{margin:0 0 8px;font-size:24px;font-weight:700;color:#333}.project-header__badges{display:flex;gap:8px;flex-wrap:wrap}.project-header__actions{display:flex;gap:8px}@media (max-width: 991px){.project-header__actions{width:100%;justify-content:flex-end}}.project-header__action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.project-header__action-btn:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.project-header__action-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.project-header__action-btn{padding:8px 16px;background:#fff;border:1px solid #f0f0f0;border-radius:.25rem;color:#616161;display:flex;align-items:center;gap:4px;font-size:14px}.project-header__action-btn:hover{background:#f4f7f6;color:#333}.project-header__action-btn--primary{background:#5c8ed4;border-color:#5c8ed4;color:#fff}.project-header__action-btn--primary:hover{background:#4880cf;color:#fff}.project-header__action-btn--danger:hover{background:#de48481a;border-color:#de4848;color:#de4848}.project-detail-tabs{background:#fff;border-radius:.55rem;box-shadow:0 1px 2px #0000001a;margin-bottom:30px;transition:.3s ease}.project-detail-tabs:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.project-detail-tabs{padding:32px}.project-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:30px;font-size:13px;font-weight:500}.project-status.status--info{background:#3c89da1a;color:#3c89da}.project-status.status--primary{background:#5c8ed41a;color:#5c8ed4}.project-status.status--warning{background:#f3ad061a;color:#a87804}.project-status.status--success{background:#22af461a;color:#22af46}.project-status.status--secondary{background:#7575751a;color:#616161}.project-status.status--danger{background:#de48481a;color:#de4848}.project-priority{display:inline-flex;align-items:center;padding:4px 8px;border-radius:30px;font-size:13px;font-weight:500}.project-priority.priority--critical{background:#de48481a;color:#de4848}.project-priority.priority--high{background:#f973161a;color:#f97316}.project-priority.priority--medium{background:#f3ad061a;color:#a87804}.project-priority.priority--low{background:#22af461a;color:#22af46}.overview-tab{display:flex;flex-direction:column;gap:24px}.overview-hero{display:flex;align-items:center;gap:32px;padding:24px 32px;background:#fff;border-radius:.875rem;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000a}@media (max-width: 991px){.overview-hero{flex-direction:column;text-align:center;padding:24px}}.overview-hero__progress{flex-shrink:0}.overview-hero__details{flex:1}.overview-hero__title{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:600;color:#4a4a4a}.overview-hero__title svg{color:#5c8ed4}@media (max-width: 991px){.overview-hero__title{justify-content:center}}.overview-hero__subtitle{margin:0 0 16px;font-size:14px;color:#757575}.overview-hero__subtitle strong{color:#333;font-weight:600}.overview-hero__deadline{display:inline-flex;align-items:center;gap:4px;padding:4px 16px;background:#f4f7f6;border-radius:30px;font-size:14px;color:#616161}.overview-hero__deadline strong{color:#333}.overview-hero__deadline--overdue{background:#de484814;color:#de4848}.overview-hero__deadline--overdue strong{color:#de4848}.progress-circle{position:relative;width:100px;height:100px}.progress-circle__svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle__track{color:#f0f0f0}.progress-circle__fill{transition:stroke-dasharray .6s ease}.progress-circle__fill--success{stroke:#22af46}.progress-circle__fill--primary{stroke:#5c8ed4}.progress-circle__fill--warning{stroke:#f3ad06}.progress-circle__fill--danger{stroke:#de4848}.progress-circle__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-circle__value{display:block;font-size:20px;font-weight:700;color:#333;line-height:1}.progress-circle__label{display:block;font-size:13px;color:#757575;margin-top:2px}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1023px){.overview-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.overview-stats{grid-template-columns:1fr}}.overview-stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:.875rem;padding:16px;cursor:pointer;transition:all .2s ease}.overview-stat-card:hover{border-color:#eee;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.overview-stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.overview-stat-card__icon{width:32px;height:32px;border-radius:.55rem;display:flex;align-items:center;justify-content:center}.overview-stat-card__badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:30px;background:#f7f7f7;color:#616161}.overview-stat-card__body{margin-bottom:8px}.overview-stat-card__value{display:block;font-size:24px;font-weight:700;color:#333;line-height:1.2}.overview-stat-card__label{display:block;font-size:13px;color:#757575;margin-top:2px}.overview-stat-card__footer{display:flex;align-items:center;gap:4px;font-size:13px;color:#5c8ed4;font-weight:500}.overview-stat-card__footer svg{transition:transform .2s ease}.overview-stat-card:hover .overview-stat-card__footer svg{transform:translate(3px)}.overview-stat-card__progress{height:4px;background:#f7f7f7;border-radius:30px;overflow:hidden}.overview-stat-card__progress-fill{height:100%;border-radius:30px;transition:width .5s ease}.overview-stat-card--total .overview-stat-card__icon{background:#6161611a;color:#616161}.overview-stat-card--completed .overview-stat-card__icon,.overview-stat-card--completed .overview-stat-card__badge{background:#22af461a;color:#22af46}.overview-stat-card--completed .overview-stat-card__progress-fill{background:linear-gradient(90deg,#22af46,#2ed659)}.overview-stat-card--in-progress .overview-stat-card__icon,.overview-stat-card--in-progress .overview-stat-card__badge{background:#5c8ed41a;color:#5c8ed4}.overview-stat-card--in-progress .overview-stat-card__progress-fill{background:linear-gradient(90deg,#5c8ed4,#84aadf)}.overview-stat-card--pending .overview-stat-card__icon,.overview-stat-card--pending .overview-stat-card__badge{background:#f3ad061a;color:#c18a05}.overview-stat-card--pending .overview-stat-card__progress-fill{background:linear-gradient(90deg,#f3ad06,#fabf32)}.overview-secondary-stats{display:flex;gap:16px;flex-wrap:wrap}@media (max-width: 767px){.overview-secondary-stats{flex-direction:column}}.secondary-stat{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #f0f0f0;border-radius:.55rem;flex:1;min-width:140px;cursor:pointer;transition:all .2s ease}.secondary-stat:hover{border-color:#eee;box-shadow:0 2px 6px #0000000d}.secondary-stat--danger{border-color:#de48484d;background:#de484805}.secondary-stat__icon{width:36px;height:36px;border-radius:.55rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.secondary-stat__icon--team{background:#8b5cf61a;color:#8b5cf6}.secondary-stat__icon--docs{background:#3c89da1a;color:#3c89da}.secondary-stat__icon--calendar{background:#22af461a;color:#22af46}.secondary-stat__icon--danger{background:#de48481a;color:#de4848}.secondary-stat__content{flex:1}.secondary-stat__value{display:block;font-size:16px;font-weight:700;color:#333;line-height:1.2}.secondary-stat__label{display:block;font-size:13px;color:#757575}.secondary-stat__arrow{color:#9e9e9e;transition:transform .2s ease}.secondary-stat:hover .secondary-stat__arrow{transform:translate(3px);color:#5c8ed4}.overview-activity{background:#fff;border:1px solid #f0f0f0;border-radius:.875rem;padding:24px}.overview-activity__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.overview-activity__title{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;color:#333}.overview-activity__title svg{color:#5c8ed4}.overview-activity__link{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.overview-activity__link:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.overview-activity__link:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.overview-activity__link{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;color:#5c8ed4;font-size:14px;font-weight:500}.overview-activity__link:hover{text-decoration:underline}.overview-activity__list{display:flex;flex-direction:column;gap:4px}.overview-activity__empty{text-align:center;padding:32px;color:#757575}.overview-activity__empty svg{margin-bottom:8px;color:#9e9e9e}.overview-activity__empty p{margin:0;font-size:14px}.overview-activity-item{display:flex;gap:16px;padding:8px 16px;background:#f4f7f6;border-radius:.55rem;transition:background .2s ease}.overview-activity-item:hover{background:#f7f7f7}.overview-activity-item__indicator{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0;background:#9e9e9e}.overview-activity-item__indicator--status_change{background:#3c89da}.overview-activity-item__indicator--checklist_update{background:#22af46}.overview-activity-item__indicator--document_upload{background:#f3ad06}.overview-activity-item__indicator--team_update{background:#8b5cf6}.overview-activity-item__indicator--project_update{background:#06b6d4}.overview-activity-item__content{flex:1;min-width:0}.overview-activity-item__message{margin:0 0 4px;font-size:14px;color:#4a4a4a}.overview-activity-item__meta{display:flex;align-items:center;gap:4px;font-size:13px;color:#757575}.overview-activity-item__user{font-weight:500;color:#4a4a4a}.overview-activity-item__divider{color:#eee}.overview-activity-item__time{color:#9e9e9e}.overview-quick-nav{background:#fff;border:1px solid #f0f0f0;border-radius:.875rem;padding:24px}.overview-quick-nav__title{margin:0 0 16px;font-size:15px;font-weight:600;color:#333}.overview-quick-nav__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 991px){.overview-quick-nav__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.overview-quick-nav__grid{grid-template-columns:1fr}}.quick-nav-card{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.quick-nav-card:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.quick-nav-card:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.quick-nav-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f4f7f6;border:1px solid transparent;border-radius:.55rem;text-align:center;width:100%;transition:all .2s ease}.quick-nav-card:hover{background:#fff;border-color:#f0f0f0;box-shadow:0 2px 8px #00000014}.quick-nav-card svg:first-child{color:#757575;transition:color .2s ease}.quick-nav-card:hover svg:first-child{color:#5c8ed4}.quick-nav-card__label{font-size:14px;font-weight:500;color:#4a4a4a}.quick-nav-card__count{font-size:13px;font-weight:600;padding:2px 8px;border-radius:30px;background:#f0f0f0;color:#616161}.quick-nav-card--checklists:hover svg:first-child{color:#22af46}.quick-nav-card--checklists:hover .quick-nav-card__count{background:#22af461a;color:#22af46}.quick-nav-card--team:hover svg:first-child{color:#8b5cf6}.quick-nav-card--team:hover .quick-nav-card__count{background:#8b5cf61a;color:#8b5cf6}.quick-nav-card--details:hover svg:first-child{color:#3c89da}.quick-nav-card--activity:hover svg:first-child{color:#f3ad06}.details-tab{display:flex;flex-direction:column;gap:32px}.details-block{background:#fff;border:1px solid #f0f0f0;border-radius:.875rem;overflow:hidden}.details-block--subtle{background:#f4f7f6;border-color:#f7f7f7}.details-block__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#f4f7f6;border-bottom:1px solid #f0f0f0}.details-block__title{display:flex;align-items:center;gap:8px}.details-block__title h3{margin:0;font-size:15px;font-weight:600;color:#333}.details-block__title svg{color:#5c8ed4}.details-block__content{padding:24px}.details-block__content--grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 991px){.details-block__content--grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.details-block__content--grid{grid-template-columns:1fr}}.details-field{display:flex;flex-direction:column;gap:4px}.details-field--full{grid-column:1/-1}.details-field--small .details-field__value{font-size:14px}.details-field__icon{width:36px;height:36px;border-radius:.55rem;background:#5c8ed41a;color:#5c8ed4;display:flex;align-items:center;justify-content:center;flex-shrink:0}.details-field__info{flex:1}.details-field__label{font-size:13px;color:#757575;text-transform:uppercase;letter-spacing:.5px}.details-field__value{font-size:15px;font-weight:500;color:#333}.details-field__value--text{font-weight:400;color:#616161;line-height:1.6}.details-field__value--mono{font-family:monospace;color:#616161}.details-field__value--overdue{color:#de4848}.details-field:has(.details-field__icon){flex-direction:row;align-items:flex-start;gap:16px}.details-empty{text-align:center;padding:32px;color:#757575}.details-empty svg{margin-bottom:8px;color:#9e9e9e}.details-empty p{margin:0}.certificates-list{display:flex;flex-direction:column;gap:16px}.certificate-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f4f7f6;border-radius:.55rem;border:1px solid #f7f7f7}.certificate-item__icon{width:44px;height:44px;border-radius:.55rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.certificate-item__info{flex:1}.certificate-item__name{display:block;font-size:15px;font-weight:600;color:#333}.certificate-item__desc{display:block;font-size:14px;color:#757575;margin-top:2px}.certificate-item__badge{padding:4px 8px;background:#22af461a;color:#22af46;font-size:13px;font-weight:500;border-radius:30px}.edit-modal-content{padding:16px 0}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 767px){.form-row{grid-template-columns:1fr}}.edit-modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #f0f0f0}.checklists-tab{display:flex;flex-direction:column;gap:24px}.checklists-tab__toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.checklists-tab__search{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f4f7f6;border:1px solid #f0f0f0;border-radius:.55rem;flex:1;max-width:300px}.checklists-tab__search svg{color:#9e9e9e;flex-shrink:0}.checklists-tab__search input{flex:1;border:none;background:none;outline:none;font-size:14px;color:#333}.checklists-tab__search input::placeholder{color:#9e9e9e}.checklists-tab__filters{display:flex;gap:8px;flex-wrap:wrap}.checklists-tab__summary{display:flex;gap:24px;padding:16px;background:#f4f7f6;border-radius:.55rem}.checklists-tab__groups{display:flex;flex-direction:column;gap:24px}.checklists-tab__empty{text-align:center;padding:64px;background:#f4f7f6;border-radius:.875rem;border:2px dashed #f0f0f0}.checklists-tab__empty svg{margin-bottom:16px;color:#9e9e9e}.checklists-tab__empty h4{margin:0 0 4px;font-size:16px;color:#4a4a4a}.checklists-tab__empty p{margin:0 0 24px;color:#757575}.filter-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.filter-chip:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.filter-chip:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.filter-chip{display:flex;align-items:center;gap:4px;padding:4px 16px;background:#fff;border:1px solid #f0f0f0;border-radius:30px;font-size:14px;color:#616161}.filter-chip:hover{border-color:#eee;background:#f4f7f6}.filter-chip--active{background:#5c8ed4;border-color:#5c8ed4;color:#fff}.filter-chip--active .filter-chip__count{background:#fff3;color:#fff}.filter-chip__count{padding:0 4px;font-size:13px;background:#f7f7f7;border-radius:30px;color:#757575}.summary-stat{display:flex;align-items:center;gap:8px}.summary-stat__value{font-size:20px;font-weight:700;color:#333}.summary-stat__label{font-size:14px;color:#757575}.checklist-group{border:1px solid #f0f0f0;border-radius:.875rem;overflow:hidden}.checklist-group__header{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.checklist-group__header:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.checklist-group__header:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.checklist-group__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#f4f7f6;border:none;text-align:left}.checklist-group__header:hover{background:#f7f7f7}.checklist-group__left{display:flex;align-items:center;gap:16px}.checklist-group__chevron{color:#9e9e9e}.checklist-group__icon{width:36px;height:36px;border-radius:.55rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center}.checklist-group__info{display:flex;flex-direction:column}.checklist-group__name{font-size:15px;font-weight:600;color:#333}.checklist-group__count{font-size:13px;color:#757575}.checklist-group__right,.checklist-group__progress{display:flex;align-items:center;gap:16px}.checklist-group__progress-bar{width:120px;height:6px;background:#f0f0f0;border-radius:30px;overflow:hidden}@media (max-width: 767px){.checklist-group__progress-bar{display:none}}.checklist-group__progress-fill{height:100%;background:#5c8ed4;border-radius:30px;transition:width .3s ease}.checklist-group__progress-text{font-size:14px;font-weight:500;color:#616161;min-width:40px}.checklist-group__items{border-top:1px solid #f0f0f0}.checklist-card{border-bottom:1px solid #f7f7f7;transition:background .2s ease}.checklist-card:last-child{border-bottom:none}.checklist-card:hover,.checklist-card--expanded{background:#f4f7f6}.checklist-card__main{display:flex;align-items:flex-start;gap:16px;padding:16px 24px}.checklist-card__checkbox{width:22px;height:22px;border-radius:.25rem;border:2px solid #eeeeee;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .2s ease;margin-top:2px}.checklist-card__checkbox:hover{border-color:#5c8ed4}.checklist-card__checkbox--checked{background:#22af46;border-color:#22af46;color:#fff}.checklist-card__content{flex:1;min-width:0;cursor:pointer}.checklist-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:4px;flex-wrap:wrap}.checklist-card__title{margin:0;font-size:14px;font-weight:500;color:#333}.checklist-card__badges{display:flex;gap:4px;flex-wrap:wrap}.checklist-card__meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.checklist-card__due,.checklist-card__assignee,.checklist-card__workflow{display:flex;align-items:center;gap:4px;font-size:13px;color:#757575}.checklist-card__due--overdue{color:#de4848}.checklist-card__actions{display:flex;align-items:center;gap:4px}.checklist-card__expand-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.checklist-card__expand-btn:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.checklist-card__expand-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.checklist-card__expand-btn{width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:.25rem;color:#9e9e9e;display:flex;align-items:center;justify-content:center}.checklist-card__expand-btn:hover{background:#f0f0f0;color:#616161}.checklist-card__details{padding:16px 24px 24px 62px;border-top:1px solid #f7f7f7;margin-top:8px}.checklist-card__description{margin-bottom:16px}.checklist-card__description h5{margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#757575}.checklist-card__description p{margin:0;font-size:14px;color:#616161;line-height:1.6}.checklist-card__excuse{display:flex;align-items:flex-start;gap:8px;padding:8px 16px;background:#f3ad061a;border-left:3px solid #f3ad06;border-radius:.25rem;margin-bottom:16px}.checklist-card__excuse svg{color:#f3ad06;flex-shrink:0;margin-top:2px}.checklist-card__excuse strong{display:block;font-size:13px;color:#8f6604}.checklist-card__excuse span{display:block;font-size:14px;color:#4a4a4a}.checklist-card__detail-actions{display:flex;gap:8px}.checklist-status{padding:4px 8px;border-radius:30px;font-size:13px;font-weight:500}.checklist-status--not_started{background:#f7f7f7;color:#616161}.checklist-status--in_progress{background:#5c8ed41a;color:#5c8ed4}.checklist-status--pending_review{background:#f3ad061a;color:#a87804}.checklist-status--approved{background:#22af461a;color:#22af46}.checklist-status--rejected{background:#de48481a;color:#de4848}.checklist-status--not_applicable{background:#f7f7f7;color:#757575}.team-tab{display:flex;flex-direction:column;gap:24px}.team-tab__toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.team-tab__search{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f4f7f6;border:1px solid #f0f0f0;border-radius:.55rem;flex:1;max-width:300px}.team-tab__search svg{color:#9e9e9e;flex-shrink:0}.team-tab__search input{flex:1;border:none;background:none;outline:none;font-size:14px;color:#333}.team-tab__search input::placeholder{color:#9e9e9e}.team-tab__actions{display:flex;gap:16px;align-items:center}.team-tab__summary{display:flex;gap:24px}.team-tab__roles{display:flex;flex-direction:column;gap:16px}.team-tab__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.team-tab__empty{text-align:center;padding:64px;background:#f4f7f6;border-radius:.875rem;border:2px dashed #f0f0f0}.team-tab__empty svg{margin-bottom:16px;color:#9e9e9e}.team-tab__empty h4{margin:0 0 4px;font-size:16px;color:#4a4a4a}.team-tab__empty p{margin:0 0 24px;color:#757575}.view-toggle{display:flex;background:#f7f7f7;border-radius:.55rem;padding:2px}.view-toggle__btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.view-toggle__btn:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.view-toggle__btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.view-toggle__btn{padding:4px 8px;background:transparent;border:none;border-radius:.25rem;color:#757575;display:flex;align-items:center;justify-content:center}.view-toggle__btn:hover{color:#4a4a4a}.view-toggle__btn--active{background:#fff;color:#333;box-shadow:0 1px 2px #0000000d}.team-summary-card{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border:1px solid #f0f0f0;border-radius:.55rem}.team-summary-card svg{color:#5c8ed4}.team-summary-card__content{display:flex;flex-direction:column}.team-summary-card__value{font-size:20px;font-weight:700;color:#333}.team-summary-card__label{font-size:13px;color:#757575}.role-group{border:1px solid #f0f0f0;border-radius:.875rem;overflow:hidden}.role-group__header{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.role-group__header:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.role-group__header:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.role-group__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#f4f7f6;border:none;text-align:left}.role-group__header:hover{background:#f7f7f7}.role-group__left{display:flex;align-items:center;gap:8px}.role-group__chevron{color:#9e9e9e}.role-group__icon{width:32px;height:32px;border-radius:.55rem;background:#5c8ed41a;color:#5c8ed4;display:flex;align-items:center;justify-content:center}.role-group__name{font-size:15px;font-weight:600;color:#333}.role-group__count{font-size:14px;color:#757575}.role-group__members{border-top:1px solid #f0f0f0;padding:16px;display:flex;flex-direction:column;gap:8px}.team-member-card{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #f7f7f7;border-radius:.55rem;transition:all .2s ease}.team-member-card:hover{border-color:#f0f0f0;box-shadow:0 2px 8px #0000000d}.team-member-card__avatar{position:relative;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.team-member-card__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.team-member-card__status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:#9e9e9e;border:2px solid white}.team-member-card__status--active{background:#22af46}.team-member-card__info{flex:1;min-width:0}.team-member-card__name{display:block;font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member-card__role{display:block;font-size:13px;color:#757575;margin-top:2px}.team-member-card__email{display:flex;align-items:center;gap:4px;font-size:13px;color:#9e9e9e;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member-card__actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.team-member-card:hover .team-member-card__actions{opacity:1}.team-member-card__action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.team-member-card__action-btn:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.team-member-card__action-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.team-member-card__action-btn{width:28px;height:28px;padding:0;background:#f7f7f7;border:none;border-radius:.25rem;color:#757575;display:flex;align-items:center;justify-content:center;text-decoration:none}.team-member-card__action-btn:hover{background:#f0f0f0;color:#4a4a4a}.team-member-card__action-btn--danger:hover{background:#de48481a;color:#de4848}.activity-tab{display:flex;flex-direction:column;gap:24px}.activity-tab__toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.activity-tab__search{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f4f7f6;border:1px solid #f0f0f0;border-radius:.55rem;flex:1;max-width:300px}.activity-tab__search svg{color:#9e9e9e;flex-shrink:0}.activity-tab__search input{flex:1;border:none;background:none;outline:none;font-size:14px;color:#333}.activity-tab__search input::placeholder{color:#9e9e9e}.activity-tab__actions{display:flex;gap:16px;align-items:center}.activity-tab__filter-dropdown{position:relative}.activity-tab__filter-dropdown .filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 32px 8px 16px;background:#fff;border:1px solid #f0f0f0;border-radius:.55rem;font-size:14px;color:#4a4a4a;cursor:pointer}.activity-tab__filter-dropdown .filter-select:focus{outline:none;border-color:#5c8ed4}.activity-tab__filter-dropdown .filter-select__icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#9e9e9e;pointer-events:none}.activity-tab__summary{display:flex;align-items:center;gap:16px}.activity-tab__count{font-size:14px;color:#616161}.activity-tab__timeline{display:flex;flex-direction:column;gap:16px}.activity-tab__empty{text-align:center;padding:64px;background:#f4f7f6;border-radius:.875rem;border:2px dashed #f0f0f0}.activity-tab__empty svg{margin-bottom:16px;color:#9e9e9e}.activity-tab__empty h4{margin:0 0 4px;font-size:16px;color:#4a4a4a}.activity-tab__empty p{margin:0 0 24px;color:#757575}.activity-day-group{border:1px solid #f0f0f0;border-radius:.875rem;overflow:hidden}.activity-day-group__header{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.activity-day-group__header:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.activity-day-group__header:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.activity-day-group__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#f4f7f6;border:none;text-align:left}.activity-day-group__header:hover{background:#f7f7f7}.activity-day-group__left{display:flex;align-items:center;gap:8px;color:#616161}.activity-day-group__date{font-size:14px;font-weight:600;color:#333}.activity-day-group__right{display:flex;align-items:center;gap:8px}.activity-day-group__count{font-size:13px;color:#757575}.activity-day-group__chevron{color:#9e9e9e;transition:transform .2s ease}.activity-day-group__chevron--expanded{transform:rotate(180deg)}.activity-day-group__items{border-top:1px solid #f0f0f0;padding:16px;display:flex;flex-direction:column;gap:8px}.activity-tab .activity-item{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid #f7f7f7;border-radius:.55rem;transition:all .2s ease}.activity-tab .activity-item:hover{border-color:#f0f0f0}.activity-tab .activity-item__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-tab .activity-item__content{flex:1;min-width:0}.activity-tab .activity-item__message{margin:0 0 4px;font-size:14px;color:#333}.activity-tab .activity-item__meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#757575;flex-wrap:wrap}.activity-tab .activity-item__user{font-weight:500}.activity-tab .activity-item__dot{color:#eee}.activity-tab .activity-item__time{display:flex;align-items:center;gap:4px}.activity-tab .activity-item__type-badge{padding:2px 4px;background:#f7f7f7;border-radius:.25rem;font-size:13px;color:#757575}.approval-action-warning{display:flex;align-items:center;gap:16px;padding:16px;background:#f3ad061a;border:1px solid rgba(243,173,6,.3);border-radius:.55rem;margin-top:16px}.approval-action-warning__icon{color:#f3ad06;flex-shrink:0}.approval-action-warning__content{flex:1}.approval-action-warning__content strong{display:block;font-size:14px;color:#8f6604}.approval-action-warning__content span{display:block;font-size:13px;color:#616161;margin-top:2px}.approval-action-button{display:flex;justify-content:flex-end;margin-top:16px}.text-danger{color:#de4848!important}.details-block__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;background:#5c8ed41a;color:#5c8ed4;font-size:13px;font-weight:600;border-radius:30px;margin-left:8px}.documents-list{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f4f7f6;border:1px solid #f7f7f7;border-radius:.55rem;transition:all .2s ease}.document-item:hover{border-color:#f0f0f0;background:#fff;box-shadow:0 2px 8px #0000000a}.document-item__icon{width:40px;height:40px;border-radius:.55rem;background:#3c89da1a;color:#3c89da;display:flex;align-items:center;justify-content:center;flex-shrink:0}.document-item__info{flex:1;min-width:0}.document-item__name{display:block;font-size:14px;font-weight:600;color:#333;word-break:break-word}.document-item__meta{display:flex;align-items:center;gap:4px;margin-top:4px;flex-wrap:wrap}.document-item__type{font-size:13px;color:#757575;text-transform:capitalize}.document-item__divider{color:#eee;font-size:13px}.document-item__size{font-size:13px;color:#757575}.document-item__date{font-size:13px;color:#9e9e9e}.document-item__desc{display:block;font-size:13px;color:#757575;margin-top:4px;line-height:1.4}.document-item__actions{display:flex;gap:4px;flex-shrink:0}.document-item__action{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.document-item__action:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.document-item__action:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.document-item__action{width:32px;height:32px;padding:0;background:#fff;border:1px solid #f0f0f0;border-radius:.25rem;color:#757575;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.document-item__action:hover{background:#f4f7f6;border-color:#eee;color:#4a4a4a}.document-item__action--danger:hover{background:#de48480d;border-color:#de4848;color:#de4848}.document-item__action:disabled{opacity:.5;cursor:not-allowed}.upload-error{display:flex;align-items:center;gap:8px;padding:16px;background:#de484814;border:1px solid rgba(222,72,72,.2);border-radius:.55rem;margin-bottom:24px;color:#de4848;font-size:14px}.upload-error svg{flex-shrink:0}.form-label{display:block;font-size:14px;font-weight:500;color:#4a4a4a;margin-bottom:8px}.file-dropzone{border:2px dashed #eeeeee;border-radius:.875rem;padding:32px;cursor:pointer;transition:all .2s ease;background:#f4f7f6}.file-dropzone:hover{border-color:#5c8ed4;background:#5c8ed405}.file-dropzone--has-file{border-style:solid;border-color:#22af46;background:#22af4605}.file-dropzone--has-file:hover{border-color:#22af46}.file-dropzone__placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#757575}.file-dropzone__placeholder svg{color:#9e9e9e}.file-dropzone__placeholder span:not(.file-dropzone__hint){font-size:14px;font-weight:500}.file-dropzone__hint{font-size:13px;color:#9e9e9e}.file-dropzone__selected{display:flex;align-items:center;gap:16px}.file-dropzone__selected svg:first-child{color:#22af46}.file-dropzone__info{flex:1;min-width:0}.file-dropzone__name{display:block;font-size:14px;font-weight:500;color:#333;word-break:break-word}.file-dropzone__size{display:block;font-size:13px;color:#757575;margin-top:2px}.file-dropzone__remove{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:14px;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:.15s ease;cursor:pointer;text-decoration:none;white-space:nowrap}.file-dropzone__remove:focus{outline:none;box-shadow:0 0 0 3px #5c8ed440}.file-dropzone__remove:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.file-dropzone__remove{width:28px;height:28px;padding:0;background:#f7f7f7;border:none;border-radius:.25rem;color:#757575;display:flex;align-items:center;justify-content:center}.file-dropzone__remove:hover{background:#de48481a;color:#de4848}.upload-progress{margin-top:16px}.upload-progress__bar{height:8px;background:#f0f0f0;border-radius:30px;overflow:hidden;margin-bottom:4px}.upload-progress__fill{height:100%;background:linear-gradient(90deg,#5c8ed4,#84aadf);border-radius:30px;transition:width .3s ease}.upload-progress__text{display:block;font-size:13px;color:#757575;text-align:center}.edit-project-page{min-height:100vh;background-color:var(--color-gray-50);padding:var(--spacing-lg)}.edit-project-loading,.edit-project-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--color-gray-500)}.edit-project-loading svg,.edit-project-error svg{margin-bottom:var(--spacing-md);color:var(--color-gray-400)}.edit-project-loading h3,.edit-project-error h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-sm)}.edit-project-loading p,.edit-project-error p{margin-bottom:var(--spacing-lg)}.edit-project-loading .spin,.edit-project-error .spin{animation:spin 1s linear infinite}.edit-project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.edit-project-header__left{flex:1}.edit-project-header__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-gray-600);font-size:var(--font-size-sm);background:none;border:none;cursor:pointer;padding:0;margin-bottom:var(--spacing-md);transition:color var(--transition-fast)}.edit-project-header__back:hover{color:var(--color-primary)}.edit-project-header__title-row{display:flex;align-items:center;gap:var(--spacing-md)}.edit-project-header__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary-light);border-radius:var(--radius-lg);color:var(--color-primary)}.edit-project-header__info{flex:1}.edit-project-header__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900);margin:0}.edit-project-header__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:var(--spacing-xs) 0 0}.edit-project-header__actions{display:flex;align-items:center;gap:var(--spacing-md)}.edit-project-header__unsaved{font-size:var(--font-size-sm);color:var(--color-warning);font-weight:500}.edit-project-alert{margin-bottom:var(--spacing-lg)}.edit-project-nav{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--color-white);padding:var(--spacing-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.edit-project-nav__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.edit-project-nav__item:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.edit-project-nav__item.active{background:var(--color-primary);color:var(--color-white)}.edit-project-content{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.form-section{margin-bottom:var(--spacing-xl)}.form-section:last-child{margin-bottom:0}.form-section__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200)}.form-section__title svg{color:var(--color-primary)}.form-section__description{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-group--full{grid-column:1/-1}.form-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700);margin-bottom:var(--spacing-xs)}.form-label.required:after{content:"*";color:var(--color-danger);margin-left:2px}.form-label svg{width:14px;height:14px;color:var(--color-gray-400)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-gray-100);cursor:not-allowed}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer}.form-row{display:grid;gap:var(--spacing-lg)}.form-row--2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.form-row--2{grid-template-columns:1fr}}.form-row--3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1024px){.form-row--3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-row--3{grid-template-columns:1fr}}.certificates-form{max-width:800px}.certificates-form__selected,.certificates-form__available{display:flex;flex-direction:column;gap:var(--spacing-xs)}.certificates-form__search{position:relative;display:flex;align-items:center;margin-bottom:var(--spacing-md);max-width:400px}.certificates-form__search-icon{position:absolute;left:var(--spacing-sm);color:var(--color-gray-400);pointer-events:none}.certificates-form__search-input{width:100%;padding:8px 36px;font-size:var(--font-size-sm);color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.certificates-form__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.certificates-form__search-input::placeholder{color:var(--color-gray-400)}.certificates-form__search-clear{position:absolute;right:6px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--color-gray-100);border:none;border-radius:var(--radius-sm);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast)}.certificates-form__search-clear:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.certificates-form__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-gray-50);border-radius:var(--radius-lg);text-align:center;color:var(--color-gray-500)}.certificates-form__empty svg{margin-bottom:var(--spacing-md);color:var(--color-gray-400)}.certificates-form__empty p{font-weight:500;color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.certificates-form__empty span{font-size:var(--font-size-sm)}.certificates-form__empty--all-selected svg{color:var(--color-success)}.certificates-form__empty--no-results svg{color:var(--color-gray-400)}.certificates-form__empty--no-results .btn{margin-top:var(--spacing-md)}.certificate-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast)}.certificate-card__checkbox{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-white);flex-shrink:0}.certificate-card__checkbox--empty{background:var(--color-gray-100);border:1px solid var(--color-gray-300);color:var(--color-gray-400)}.certificate-card__content{flex:1;min-width:0}.certificate-card__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-800);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.certificate-card__remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:transparent;color:var(--color-gray-400)}.certificate-card__remove:hover{background:var(--color-danger-light);color:var(--color-danger)}.certificate-card--selected{background:var(--color-primary-light);border-color:var(--color-primary)}.certificate-card--available{cursor:pointer;background:var(--color-gray-50);border-color:var(--color-gray-200)}.certificate-card--available:hover:not(.disabled){background:var(--color-white);border-color:var(--color-primary)}.certificate-card--available:hover:not(.disabled) .certificate-card__checkbox--empty{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.certificate-card--available.disabled{cursor:not-allowed;opacity:.6}.checklists-form__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.checklists-form__header-info{flex:1}.checklists-form__header-info .form-section__title{margin-bottom:var(--spacing-xs)}.checklists-form__header-info .form-section__description{margin-bottom:0}.checklists-form__add-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.checklists-form__add-btn:hover{background:var(--color-primary-dark)}.checklists-form__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);background:var(--color-gray-50);border-radius:var(--radius-lg);text-align:center;color:var(--color-gray-500)}.checklists-form__empty svg{margin-bottom:var(--spacing-md);color:var(--color-gray-400)}.checklists-form__empty h4{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-xs)}.checklists-form__empty p{margin-bottom:var(--spacing-lg)}.checklists-form__groups{display:flex;flex-direction:column;gap:var(--spacing-lg)}.checklist-add-form{background:var(--color-gray-50);border:1px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.checklist-add-form__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-lg)}.checklist-add-form__title svg{color:var(--color-primary)}.checklist-add-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media (max-width: 768px){.checklist-add-form__grid{grid-template-columns:1fr}}.checklist-add-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.checklist-group{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.checklist-group__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.checklist-group__header svg{color:var(--color-primary)}.checklist-group__name{flex:1;font-weight:600;color:var(--color-gray-800)}.checklist-group__count{font-size:var(--font-size-sm);color:var(--color-gray-500);background:var(--color-white);padding:2px 8px;border-radius:var(--radius-full)}.checklist-group__items{display:flex;flex-direction:column}.checklist-item{border-bottom:1px solid var(--color-gray-100)}.checklist-item:last-child{border-bottom:none}.checklist-item__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast)}.checklist-item__header:hover{background:var(--color-gray-50)}.checklist-item__expand{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;color:var(--color-gray-400);cursor:pointer}.checklist-item__expand:hover{color:var(--color-gray-600)}.checklist-item__title{flex:1;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-800);display:flex;align-items:center;gap:var(--spacing-sm)}.checklist-item__new-badge{font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);background:var(--color-primary-light);padding:2px 6px;border-radius:var(--radius-sm)}.checklist-item__status{font-size:var(--font-size-xs);font-weight:500;padding:4px 10px;border-radius:var(--radius-full)}.checklist-item__status.status--gray{color:var(--color-gray-600);background:var(--color-gray-100)}.checklist-item__status.status--blue{color:var(--color-info);background:var(--color-info-light)}.checklist-item__status.status--yellow{color:var(--color-warning-dark);background:var(--color-warning-light)}.checklist-item__status.status--green{color:var(--color-success);background:var(--color-success-light)}.checklist-item__status.status--red{color:var(--color-danger);background:var(--color-danger-light)}.checklist-item__delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.checklist-item__delete:hover{background:var(--color-danger-light);color:var(--color-danger)}.checklist-item__body{padding:0 var(--spacing-lg) var(--spacing-lg);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.checklist-item__form{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding-top:var(--spacing-md)}@media (max-width: 768px){.checklist-item__form{grid-template-columns:1fr}}.checklist-item.expanded .checklist-item__header{background:var(--color-gray-50)}.checklist-item.expanded .checklist-item__expand{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none}.btn--primary{background:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background:var(--color-primary-dark)}.btn--outline{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn--outline:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn--danger{background:var(--color-danger);color:var(--color-white)}.btn--danger:hover{background:var(--color-danger-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.edit-project-page{padding:var(--spacing-md)}.edit-project-header{flex-direction:column;gap:var(--spacing-md)}.edit-project-header__actions{width:100%;justify-content:flex-end}.edit-project-nav{flex-wrap:wrap}.edit-project-nav__item{flex:1;justify-content:center;padding:var(--spacing-sm)}.edit-project-nav__item span{display:none}.edit-project-content{padding:var(--spacing-md)}}.roles-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.roles-form__loading,.roles-form__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xxl);text-align:center;color:var(--color-text-secondary)}.roles-form__loading .spinner,.roles-form__error .spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.roles-form__error{color:var(--color-error)}.roles-form__info-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 14px;background-color:#f0f7ff;border-left:3px solid var(--color-primary);border-radius:var(--radius-md);font-size:13px;color:#1e40af;line-height:1.5}.roles-form__info-banner svg{flex-shrink:0;color:var(--color-primary)}.roles-form__info-banner span{flex:1}.roles-form__toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-gray-200)}.roles-form__toolbar-left{display:flex;align-items:center;gap:var(--spacing-sm)}.roles-form__toolbar-btn{padding:6px 12px;font-size:13px;font-weight:500;color:var(--color-primary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.roles-form__toolbar-btn:hover:not(:disabled){background:var(--color-primary-light)}.roles-form__toolbar-btn:disabled{color:var(--color-gray-400);cursor:not-allowed}.roles-form__count{font-size:13px;color:var(--color-gray-600)}.roles-form__count strong{color:var(--color-primary);font-weight:600}.roles-form__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:var(--spacing-sm)}.roles-form__empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xxl);text-align:center;color:var(--color-text-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md)}.roles-form__checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.roles-form__card{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:8px;cursor:pointer;transition:all .15s ease}.roles-form__card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.roles-form__card--selected{border-color:var(--color-primary);background:linear-gradient(135deg,#f0f7ff,#fff);box-shadow:0 0 0 1px var(--color-primary)}.roles-form__card--selected:hover{box-shadow:0 2px 12px #3b82f633}.roles-form__card-header{display:flex;align-items:center;gap:10px}.roles-form__checkbox-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:4px;background:var(--color-white);transition:all .15s ease;flex-shrink:0}.roles-form__checkbox-icon svg{color:var(--color-white)}.roles-form__card:hover .roles-form__checkbox-icon{border-color:var(--color-primary)}.roles-form__card--selected .roles-form__checkbox-icon{background:var(--color-primary);border-color:var(--color-primary)}.roles-form__card-title{flex:1;font-size:14px;font-weight:600;color:var(--color-gray-800);line-height:1.3}.roles-form__card-description{font-size:12px;color:var(--color-gray-600);line-height:1.5;margin-top:-2px}.roles-form__card-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-gray-100);color:var(--color-gray-700);border-radius:12px;font-size:11px;font-weight:500;margin-top:4px;align-self:flex-start}.roles-form__card--selected .roles-form__card-badge{background:#3b82f626;color:var(--color-primary)}@media (max-width: 1024px){.roles-form__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.roles-form__grid{grid-template-columns:1fr}.roles-form__toolbar{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.roles-form__count{align-self:flex-end}}.workflows-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}@media (max-width: 768px){.page-header{flex-direction:column}}.page-header__content{flex:1}.page-header__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.page-header__title svg{color:var(--color-primary)}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.stat-card__icon--warning{background:var(--color-warning-light);color:var(--color-warning)}.stat-card__icon--secondary{background:var(--color-gray-100);color:var(--color-gray-500)}.stat-card__content{flex:1;min-width:0}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-xs)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-gray-900)}.filters-section{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}@media (max-width: 768px){.filters-section{flex-direction:column}}.filters-section__search{flex:1;min-width:250px;max-width:400px}.filters-section__controls{display:flex;gap:var(--spacing-sm);align-items:center}.filter-group{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-group svg{color:var(--color-gray-400)}.filter-group select{padding:8px 32px 8px 12px;font-size:var(--font-size-sm);color:var(--color-gray-700);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 0 1 .708 0L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.filter-group select:hover{border-color:var(--color-gray-400)}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.workflows-table-container{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.workflow-name-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.workflow-name-cell__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.workflow-name-cell__content{display:flex;flex-direction:column;gap:2px}.workflow-name-cell__name{font-weight:500;color:var(--color-gray-900)}.workflow-name-cell__default{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-warning);font-weight:500}.workflow-name-cell__default svg{fill:currentColor}.steps-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.projects-count{font-weight:500;color:var(--color-gray-700)}.date-cell{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-500)}.date-cell svg{color:var(--color-gray-400)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.badge--secondary{background:var(--color-gray-100);color:var(--color-gray-500)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--color-gray-500)}.loading-state svg{color:var(--color-primary);margin-bottom:var(--spacing-md)}.loading-state p{margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.empty-state svg{color:var(--color-gray-300);margin-bottom:var(--spacing-md)}.empty-state h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.empty-state p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0 0 var(--spacing-lg) 0;max-width:400px}.workflows-alert{margin-bottom:var(--spacing-lg)}.delete-modal{text-align:center;padding:var(--spacing-md)}.delete-modal__icon{margin-bottom:var(--spacing-lg)}.delete-modal__icon svg{color:var(--color-danger)}.delete-modal__content{margin-bottom:var(--spacing-xl)}.delete-modal__content p{margin:0 0 var(--spacing-sm) 0;color:var(--color-gray-600)}.delete-modal__content p:last-child{margin-bottom:0}.delete-modal__content p strong{color:var(--color-gray-900)}.delete-modal__actions{display:flex;justify-content:center;gap:var(--spacing-sm)}.workflow-step-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.workflow-step-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.workflow-step-card--dragging{box-shadow:var(--shadow-lg);border-color:var(--color-primary);opacity:.9;z-index:100}.workflow-step-card--disabled{opacity:.7;pointer-events:none}.workflow-step-card__drag-handle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:30px;color:var(--color-gray-400);cursor:grab;border-radius:var(--radius-sm);flex-shrink:0}.workflow-step-card__drag-handle:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.workflow-step-card__drag-handle:active{cursor:grabbing}.workflow-step-card__number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:28px;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.workflow-step-card__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.workflow-step-card__row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 768px){.workflow-step-card__row{flex-direction:column}}.workflow-step-card__field{display:flex;flex-direction:column;gap:4px}.workflow-step-card__field label{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-600)}.workflow-step-card__field label svg{color:var(--color-gray-400)}.workflow-step-card__field input,.workflow-step-card__field select{padding:8px 12px;font-size:var(--font-size-sm);color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.workflow-step-card__field input:hover:not(:disabled),.workflow-step-card__field select:hover:not(:disabled){border-color:var(--color-gray-400)}.workflow-step-card__field input:focus,.workflow-step-card__field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.workflow-step-card__field input:disabled,.workflow-step-card__field select:disabled{background:var(--color-gray-50);cursor:not-allowed}.workflow-step-card__field input::placeholder,.workflow-step-card__field select::placeholder{color:var(--color-gray-400)}.workflow-step-card__field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 0 1 .708 0L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}.workflow-step-card__field--name{flex:1;min-width:200px}.workflow-step-card__field--role{flex:1;min-width:180px}.workflow-step-card__field--approver{flex:1.5;min-width:220px}.workflow-step-card__field--sla{width:120px;flex-shrink:0}.workflow-step-card__field--sla input[type=number]{width:100%}.workflow-step-card__field--evidence{width:120px;flex-shrink:0}.workflow-step-card__toggle{display:flex;align-items:center}.workflow-step-card__toggle input[type=checkbox]{display:none}.workflow-step-card__toggle input[type=checkbox]:checked+label .toggle-label:before{background:var(--color-primary)}.workflow-step-card__toggle input[type=checkbox]:checked+label .toggle-label:after{transform:translate(16px)}.workflow-step-card__toggle label{cursor:pointer}.workflow-step-card__toggle label .toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-700)}.workflow-step-card__toggle label .toggle-label:before{content:"";width:36px;height:20px;background:var(--color-gray-300);border-radius:var(--radius-full);transition:background var(--transition-fast)}.workflow-step-card__toggle label .toggle-label:after{content:"";position:absolute;width:16px;height:16px;background:var(--color-white);border-radius:var(--radius-full);margin-left:2px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.workflow-step-card__toggle label .toggle-label{position:relative}.workflow-step-card__remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.workflow-step-card__remove:hover{background:var(--color-danger-light);color:var(--color-danger)}.workflow-step-builder__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.workflow-step-builder__title{display:flex;align-items:center;gap:var(--spacing-md)}.workflow-step-builder__title h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900)}.workflow-step-builder__count{font-size:var(--font-size-sm);color:var(--color-gray-500);background:var(--color-gray-100);padding:4px 10px;border-radius:var(--radius-full)}.workflow-step-builder__warnings{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.workflow-step-builder__warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-warning-light);color:var(--color-warning-dark);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.workflow-step-builder__warning svg{flex-shrink:0;color:var(--color-warning)}.workflow-step-builder__list{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:100px}.workflow-step-builder__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-gray-50);border:2px dashed var(--color-gray-200);border-radius:var(--radius-lg);text-align:center}.workflow-step-builder__empty p{margin:0 0 var(--spacing-md) 0;color:var(--color-gray-500)}.workflow-step-builder__help{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.workflow-step-builder__help p{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600)}.workflow-step-builder__help p strong{color:var(--color-gray-700)}.workflow-form-page{padding:var(--spacing-lg);max-width:1000px;margin:0 auto}.workflow-form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}@media (max-width: 768px){.workflow-form-header{flex-direction:column}}.workflow-form-header__left{flex:1}.workflow-form-header__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-500);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.workflow-form-header__back:hover{color:var(--color-primary)}.workflow-form-header__title-row{display:flex;align-items:center;gap:var(--spacing-md)}.workflow-form-header__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-primary-light);border-radius:var(--radius-lg);color:var(--color-primary);flex-shrink:0}.workflow-form-header__info{flex:1}.workflow-form-header__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.workflow-form-header__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.workflow-form-header__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media (max-width: 768px){.workflow-form-header__actions{width:100%;justify-content:flex-end}}.workflow-form-header__unsaved{font-size:var(--font-size-sm);color:var(--color-warning);font-weight:500}.workflow-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.workflow-form__section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.workflow-form__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.workflow-form__field{margin-bottom:var(--spacing-lg)}.workflow-form__field:last-child{margin-bottom:0}.workflow-form__field label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700);margin-bottom:var(--spacing-xs)}.workflow-form__field label .required{color:var(--color-danger)}.workflow-form__field input[type=text],.workflow-form__field textarea,.workflow-form__field select{width:100%;padding:10px 14px;font-size:var(--font-size-sm);color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.workflow-form__field input[type=text]:hover:not(:disabled),.workflow-form__field textarea:hover:not(:disabled),.workflow-form__field select:hover:not(:disabled){border-color:var(--color-gray-400)}.workflow-form__field input[type=text]:focus,.workflow-form__field textarea:focus,.workflow-form__field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.workflow-form__field input[type=text]:disabled,.workflow-form__field textarea:disabled,.workflow-form__field select:disabled{background:var(--color-gray-50);cursor:not-allowed}.workflow-form__field input[type=text]::placeholder,.workflow-form__field textarea::placeholder,.workflow-form__field select::placeholder{color:var(--color-gray-400)}.workflow-form__field input[type=text].error,.workflow-form__field textarea.error,.workflow-form__field select.error{border-color:var(--color-danger)}.workflow-form__field input[type=text].error:focus,.workflow-form__field textarea.error:focus,.workflow-form__field select.error:focus{box-shadow:0 0 0 2px var(--color-danger-light)}.workflow-form__field textarea{resize:vertical;min-height:80px}.workflow-form__field--checkbox{display:flex;align-items:center;gap:var(--spacing-sm)}.workflow-form__field--checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.workflow-form__field--checkbox label{margin-bottom:0;cursor:pointer}.workflow-form__alert{margin-bottom:var(--spacing-md)}.field-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-danger)}.exit-modal{text-align:center;padding:var(--spacing-md)}.exit-modal__icon{margin-bottom:var(--spacing-lg)}.exit-modal__icon svg{color:var(--color-warning)}.exit-modal__content{margin-bottom:var(--spacing-xl)}.exit-modal__content p{margin:0 0 var(--spacing-sm) 0;color:var(--color-gray-600)}.exit-modal__content p:last-child{margin-bottom:0}.exit-modal__actions{display:flex;justify-content:center;gap:var(--spacing-sm)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);white-space:nowrap}.badge--secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.workflow-view-page{padding:var(--spacing-lg);max-width:1000px;margin:0 auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md);color:var(--color-gray-500)}.workflow-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}@media (max-width: 768px){.workflow-view-header{flex-direction:column}}.workflow-view-header__left{flex:1}.workflow-view-header__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-500);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.workflow-view-header__back:hover{color:var(--color-primary)}.workflow-view-header__title-row{display:flex;align-items:flex-start;gap:var(--spacing-md)}.workflow-view-header__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-primary-light);border-radius:var(--radius-lg);color:var(--color-primary);flex-shrink:0}.workflow-view-header__info{flex:1}.workflow-view-header__title-badges{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.workflow-view-header__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin:0}.workflow-view-header__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0;max-width:500px}.workflow-view-header__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media (max-width: 768px){.workflow-view-header__actions{width:100%;justify-content:flex-end}}.workflow-view-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media (max-width: 992px){.workflow-view-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.workflow-view-stats{grid-template-columns:1fr}}.workflow-view-stats__card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.workflow-view-stats__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0}.workflow-view-stats__icon--steps{background:var(--color-primary-light);color:var(--color-primary)}.workflow-view-stats__icon--projects{background:var(--color-info-light);color:var(--color-info)}.workflow-view-stats__icon--sla{background:var(--color-warning-light);color:var(--color-warning)}.workflow-view-stats__icon--evidence{background:var(--color-success-light);color:var(--color-success)}.workflow-view-stats__content{display:flex;flex-direction:column}.workflow-view-stats__value{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);line-height:1.2}.workflow-view-stats__label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.workflow-view-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.workflow-view-section:last-child{margin-bottom:0}.workflow-view-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.workflow-view-section--metadata{background:var(--color-gray-50)}.workflow-steps-timeline{position:relative}.workflow-steps-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-500)}.workflow-step-item{display:flex;gap:var(--spacing-md);position:relative;padding-bottom:var(--spacing-lg)}.workflow-step-item:last-child{padding-bottom:0}.workflow-step-item:last-child:before{display:none}.workflow-step-item:before{content:"";position:absolute;left:18px;top:40px;bottom:0;width:2px;background:var(--color-gray-200)}.workflow-step-item__number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-primary);color:var(--color-white);border-radius:50%;font-size:var(--font-size-sm);font-weight:600;flex-shrink:0;z-index:1}.workflow-step-item__content{flex:1;background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-md)}.workflow-step-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.workflow-step-item__name{font-size:var(--font-size-md);font-weight:600;color:var(--color-gray-900);margin:0}.workflow-step-item__details{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.workflow-step-item__detail{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-600)}.workflow-step-item__detail svg{color:var(--color-gray-400)}.workflow-step-item__detail--evidence{color:var(--color-success)}.workflow-step-item__detail--evidence svg{color:var(--color-success)}.workflow-metadata{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media (max-width: 768px){.workflow-metadata{grid-template-columns:1fr}}.workflow-metadata__item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workflow-metadata__label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.workflow-metadata__value{font-size:var(--font-size-md);color:var(--color-gray-900);font-weight:500}.team-member-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.team-member-form__section{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-lg)}.team-member-form__section:last-child{border-bottom:none;padding-bottom:0}.team-member-form__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.team-member-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media (max-width: 640px){.team-member-form__grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.form-hint-box{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-info-light);color:var(--color-info);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.form-hint-box svg{flex-shrink:0}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.team-member-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}.team-member-view__header{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.team-member-view__avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.team-member-view__avatar img{width:100%;height:100%;object-fit:cover}.team-member-view__avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.team-member-view__title{display:flex;flex-direction:column;gap:var(--spacing-xs)}.team-member-view__title h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.team-member-view__badges{display:flex;align-items:center;gap:var(--spacing-xs)}.team-member-view__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.team-member-view__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.team-member-view__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media (max-width: 640px){.team-member-view__info-grid{grid-template-columns:1fr}}.team-member-view__info-item{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.team-member-view__info-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);flex-shrink:0}.team-member-view__info-content{display:flex;flex-direction:column;gap:2px}.team-member-view__info-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.team-member-view__info-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.team-member-view__info-value a{color:var(--color-primary);text-decoration:none}.team-member-view__info-value a:hover{text-decoration:underline}.team-member-view__verification{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-success-light);border-radius:var(--radius-md)}.team-member-view__verification-date{font-size:var(--font-size-sm);color:var(--color-success)}.team-members-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.team-members-page .mb-4{margin-bottom:var(--spacing-md)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md)}.stat-card__icon--primary{background:var(--color-primary-light);color:var(--color-primary)}.stat-card__icon--success{background:var(--color-success-light);color:var(--color-success)}.stat-card__icon--secondary{background:var(--color-secondary-light);color:var(--color-secondary)}.stat-card__icon--danger{background:var(--color-danger-light);color:var(--color-danger)}.stat-card__content{display:flex;flex-direction:column}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.filters-section{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.filters-section{flex-wrap:wrap}}.filters-section__divider{display:flex;align-items:center;color:var(--color-text-tertiary)}.filters-section__controls{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.filters-section__controls select{min-width:150px}.team-member-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.team-member-avatar__image{width:100%;height:100%;object-fit:cover}.team-member-avatar__initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.team-member-cell{display:flex;flex-direction:column;gap:2px}.team-member-cell__name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.team-member-cell__email,.last-login-cell{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge--primary{background:var(--color-primary-light);color:var(--color-primary)}.badge--success{background:var(--color-success-light);color:var(--color-success)}.badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.badge--danger{background:var(--color-danger-light);color:var(--color-danger)}.badge--info{background:var(--color-info-light);color:var(--color-info)}.badge--secondary{background:var(--color-secondary-light);color:var(--color-secondary)}.company-roles-page{max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:0!important}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);flex-shrink:0}.stat-card__icon--primary{background:#007bff1a;color:var(--color-primary)}.stat-card__icon--success{background:#28a7451a;color:var(--color-success)}.stat-card__icon--info{background:#17a2b81a;color:#17a2b8}.stat-card__icon--secondary{background:#6c757d1a;color:var(--color-secondary)}.stat-card__content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.filters-section{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filters-section>.search-bar{flex:1;max-width:none;min-width:300px}.filters-section__divider{display:flex;align-items:center;flex-shrink:0;color:var(--color-gray-400);padding:0 var(--spacing-xs)}.filters-section__controls{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.filters-section__controls .select-wrapper{min-width:180px;width:180px}.filters-section__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-gray-400);padding:0 4px}.role-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.role-cell__name{font-weight:600;color:var(--color-text)}.role-cell__slug{font-size:.875rem;color:var(--color-text-secondary);font-family:Courier New,monospace}.role-form{width:100%}.role-form__warning{margin-bottom:24px;border-radius:8px}.role-form__tabs{display:flex;gap:4px;padding:4px;background:#f4f7f6;border-radius:10px;margin-bottom:24px}.role-form__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;color:#616161;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.role-form__tab:hover{color:#17191c;background:#ffffff80}.role-form__tab--active{color:#17191c;background:#fff;box-shadow:0 1px 3px #00000014}.role-form__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;color:#fff;background:#5c8ed4;border-radius:10px}.role-form__permissions{min-height:400px}.role-form__fields{display:flex;flex-direction:column;gap:20px}.role-form .input__field--textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.role-form .input-wrapper{display:flex;flex-direction:column;gap:8px}.role-view{width:100%}.role-view__system-notice{margin-bottom:20px;display:flex;align-items:center;gap:10px}.role-view__system-notice svg{flex-shrink:0}.role-view__header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:1}.role-view__title{font-size:20px;font-weight:600;color:#17191c;margin-bottom:8px;letter-spacing:-.01em}.role-view__badges{display:flex;gap:8px;flex-wrap:wrap}.role-view__section{padding:24px 0;border-bottom:1px solid #f0f0f0}.role-view__section:first-child{padding-top:0}.role-view__section:last-child{border-bottom:none;padding-bottom:0}.role-view__section-title{font-size:16px;font-weight:600;color:#17191c;margin-bottom:20px;display:flex;align-items:center;gap:10px}.role-view__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.role-view__field{display:flex;flex-direction:column;gap:8px}.role-view__field--full{grid-column:1/-1}.role-view__field label{font-size:12px;font-weight:600;color:#757575;text-transform:uppercase;letter-spacing:.06em}.role-view__field p{color:#17191c;margin:0;font-size:15px;line-height:1.5}.role-view__slug{font-family:SF Mono,Courier New,monospace;background:#f4f7f6;padding:6px 12px;border-radius:6px;display:inline-block;font-size:14px;color:#5c8ed4;border:1px solid #e8e8e8}.role-view__permissions{display:flex;flex-direction:column;gap:16px}.role-view__permission-group{background:#f9fafb;padding:16px 20px;border-radius:10px;border:1px solid #f0f0f0;transition:all .2s ease}.role-view__permission-group:hover{border-color:#e0e0e0;box-shadow:0 2px 8px #0000000a}.role-view__permission-group h4{font-size:15px;font-weight:600;color:#17191c;margin:0 0 12px;text-transform:capitalize}.role-view__permission-actions{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent}.badge svg{flex-shrink:0}.badge--active{background:#d4edda;color:#155724;border-color:#c3e6cb}.badge--archived{background:#f0f0f0;color:#616161;border-color:#e0e0e0}.badge--primary{background:#e3f2fd;color:#1565c0;border-color:#bbdefb}.badge--info{background:#e1f5fe;color:#01579b;border-color:#b3e5fc}.badge--secondary{background:#f4f7f6;color:#616161;font-size:12px;padding:5px 10px;border-color:#e8e8e8;text-transform:none;font-weight:500}@media (max-width: 768px){.company-roles-page{padding:var(--spacing-md)}.filters-section{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filters-section__divider{display:none}.filters-section__controls{flex-direction:column}.filters-section__controls .select-wrapper{min-width:100%}.filters-section__sort-icon{display:none}.role-view__grid{grid-template-columns:1fr}.role-view__header-content{flex-direction:column;gap:12px}.role-view__title{font-size:18px}.role-view__section-title{font-size:15px}.role-view__permission-group{padding:14px 16px}.role-form__fields{gap:16px}.modal__footer{flex-direction:column;gap:8px}.modal__footer>div{width:100%;margin-left:0!important}.modal__footer button{width:100%}}@font-face{font-family:simple-line-icons;src:url(/assets/Simple-Line-Icons-CKKl-dGR.eot?v=2.4.0);src:url(/assets/Simple-Line-Icons-CKKl-dGR.eot?v=2.4.0#iefix) format("embedded-opentype"),url(/assets/Simple-Line-Icons-D0KobG-u.woff2?v=2.4.0) format("woff2"),url(/assets/Simple-Line-Icons-mVuQrdSX.ttf?v=2.4.0) format("truetype"),url(/assets/Simple-Line-Icons-BAgH0-Pt.woff?v=2.4.0) format("woff"),url(/assets/Simple-Line-Icons-TZpPYPE3.svg?v=2.4.0#simple-line-icons) format("svg");font-weight:400;font-style:normal}.icon-user,.icon-people,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-login,.icon-logout,.icon-emotsmile,.icon-phone,.icon-call-end,.icon-call-in,.icon-call-out,.icon-map,.icon-location-pin,.icon-direction,.icon-directions,.icon-compass,.icon-layers,.icon-menu,.icon-list,.icon-options-vertical,.icon-options,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-arrow-up,.icon-arrow-up-circle,.icon-arrow-left-circle,.icon-arrow-right-circle,.icon-arrow-down-circle,.icon-check,.icon-clock,.icon-plus,.icon-minus,.icon-close,.icon-event,.icon-exclamation,.icon-organization,.icon-trophy,.icon-screen-smartphone,.icon-screen-desktop,.icon-plane,.icon-notebook,.icon-mustache,.icon-mouse,.icon-magnet,.icon-energy,.icon-disc,.icon-cursor,.icon-cursor-move,.icon-crop,.icon-chemistry,.icon-speedometer,.icon-shield,.icon-screen-tablet,.icon-magic-wand,.icon-hourglass,.icon-graduation,.icon-ghost,.icon-game-controller,.icon-fire,.icon-eyeglass,.icon-envelope-open,.icon-envelope-letter,.icon-bell,.icon-badge,.icon-anchor,.icon-wallet,.icon-vector,.icon-speech,.icon-puzzle,.icon-printer,.icon-present,.icon-playlist,.icon-pin,.icon-picture,.icon-handbag,.icon-globe-alt,.icon-globe,.icon-folder-alt,.icon-folder,.icon-film,.icon-feed,.icon-drop,.icon-drawer,.icon-docs,.icon-doc,.icon-diamond,.icon-cup,.icon-calculator,.icon-bubbles,.icon-briefcase,.icon-book-open,.icon-basket-loaded,.icon-basket,.icon-bag,.icon-action-undo,.icon-action-redo,.icon-wrench,.icon-umbrella,.icon-trash,.icon-tag,.icon-support,.icon-frame,.icon-size-fullscreen,.icon-size-actual,.icon-shuffle,.icon-share-alt,.icon-share,.icon-rocket,.icon-question,.icon-pie-chart,.icon-pencil,.icon-note,.icon-loop,.icon-home,.icon-grid,.icon-graph,.icon-microphone,.icon-music-tone-alt,.icon-music-tone,.icon-earphones-alt,.icon-earphones,.icon-equalizer,.icon-like,.icon-dislike,.icon-control-start,.icon-control-rewind,.icon-control-play,.icon-control-pause,.icon-control-forward,.icon-control-end,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-calendar,.icon-bulb,.icon-chart,.icon-ban,.icon-bubble,.icon-camrecorder,.icon-camera,.icon-cloud-download,.icon-cloud-upload,.icon-envelope,.icon-eye,.icon-flag,.icon-heart,.icon-info,.icon-key,.icon-link,.icon-lock,.icon-lock-open,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-paper-clip,.icon-paper-plane,.icon-power,.icon-refresh,.icon-reload,.icon-settings,.icon-star,.icon-symbol-female,.icon-symbol-male,.icon-target,.icon-credit-card,.icon-paypal,.icon-social-tumblr,.icon-social-twitter,.icon-social-facebook,.icon-social-instagram,.icon-social-linkedin,.icon-social-pinterest,.icon-social-github,.icon-social-google,.icon-social-reddit,.icon-social-skype,.icon-social-dribbble,.icon-social-behance,.icon-social-foursqare,.icon-social-soundcloud,.icon-social-spotify,.icon-social-stumbleupon,.icon-social-youtube,.icon-social-dropbox,.icon-social-vkontakte,.icon-social-steam{font-family:simple-line-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-user:before{content:""}.icon-people:before{content:""}.icon-user-female:before{content:""}.icon-user-follow:before{content:""}.icon-user-following:before{content:""}.icon-user-unfollow:before{content:""}.icon-login:before{content:""}.icon-logout:before{content:""}.icon-emotsmile:before{content:""}.icon-phone:before{content:""}.icon-call-end:before{content:""}.icon-call-in:before{content:""}.icon-call-out:before{content:""}.icon-map:before{content:""}.icon-location-pin:before{content:""}.icon-direction:before{content:""}.icon-directions:before{content:""}.icon-compass:before{content:""}.icon-layers:before{content:""}.icon-menu:before{content:""}.icon-list:before{content:""}.icon-options-vertical:before{content:""}.icon-options:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow-up:before{content:""}.icon-arrow-up-circle:before{content:""}.icon-arrow-left-circle:before{content:""}.icon-arrow-right-circle:before{content:""}.icon-arrow-down-circle:before{content:""}.icon-check:before{content:""}.icon-clock:before{content:""}.icon-plus:before{content:""}.icon-minus:before{content:""}.icon-close:before{content:""}.icon-event:before{content:""}.icon-exclamation:before{content:""}.icon-organization:before{content:""}.icon-trophy:before{content:""}.icon-screen-smartphone:before{content:""}.icon-screen-desktop:before{content:""}.icon-plane:before{content:""}.icon-notebook:before{content:""}.icon-mustache:before{content:""}.icon-mouse:before{content:""}.icon-magnet:before{content:""}.icon-energy:before{content:""}.icon-disc:before{content:""}.icon-cursor:before{content:""}.icon-cursor-move:before{content:""}.icon-crop:before{content:""}.icon-chemistry:before{content:""}.icon-speedometer:before{content:""}.icon-shield:before{content:""}.icon-screen-tablet:before{content:""}.icon-magic-wand:before{content:""}.icon-hourglass:before{content:""}.icon-graduation:before{content:""}.icon-ghost:before{content:""}.icon-game-controller:before{content:""}.icon-fire:before{content:""}.icon-eyeglass:before{content:""}.icon-envelope-open:before{content:""}.icon-envelope-letter:before{content:""}.icon-bell:before{content:""}.icon-badge:before{content:""}.icon-anchor:before{content:""}.icon-wallet:before{content:""}.icon-vector:before{content:""}.icon-speech:before{content:""}.icon-puzzle:before{content:""}.icon-printer:before{content:""}.icon-present:before{content:""}.icon-playlist:before{content:""}.icon-pin:before{content:""}.icon-picture:before{content:""}.icon-handbag:before{content:""}.icon-globe-alt:before{content:""}.icon-globe:before{content:""}.icon-folder-alt:before{content:""}.icon-folder:before{content:""}.icon-film:before{content:""}.icon-feed:before{content:""}.icon-drop:before{content:""}.icon-drawer:before{content:""}.icon-docs:before{content:""}.icon-doc:before{content:""}.icon-diamond:before{content:""}.icon-cup:before{content:""}.icon-calculator:before{content:""}.icon-bubbles:before{content:""}.icon-briefcase:before{content:""}.icon-book-open:before{content:""}.icon-basket-loaded:before{content:""}.icon-basket:before{content:""}.icon-bag:before{content:""}.icon-action-undo:before{content:""}.icon-action-redo:before{content:""}.icon-wrench:before{content:""}.icon-umbrella:before{content:""}.icon-trash:before{content:""}.icon-tag:before{content:""}.icon-support:before{content:""}.icon-frame:before{content:""}.icon-size-fullscreen:before{content:""}.icon-size-actual:before{content:""}.icon-shuffle:before{content:""}.icon-share-alt:before{content:""}.icon-share:before{content:""}.icon-rocket:before{content:""}.icon-question:before{content:""}.icon-pie-chart:before{content:""}.icon-pencil:before{content:""}.icon-note:before{content:""}.icon-loop:before{content:""}.icon-home:before{content:""}.icon-grid:before{content:""}.icon-graph:before{content:""}.icon-microphone:before{content:""}.icon-music-tone-alt:before{content:""}.icon-music-tone:before{content:""}.icon-earphones-alt:before{content:""}.icon-earphones:before{content:""}.icon-equalizer:before{content:""}.icon-like:before{content:""}.icon-dislike:before{content:""}.icon-control-start:before{content:""}.icon-control-rewind:before{content:""}.icon-control-play:before{content:""}.icon-control-pause:before{content:""}.icon-control-forward:before{content:""}.icon-control-end:before{content:""}.icon-volume-1:before{content:""}.icon-volume-2:before{content:""}.icon-volume-off:before{content:""}.icon-calendar:before{content:""}.icon-bulb:before{content:""}.icon-chart:before{content:""}.icon-ban:before{content:""}.icon-bubble:before{content:""}.icon-camrecorder:before{content:""}.icon-camera:before{content:""}.icon-cloud-download:before{content:""}.icon-cloud-upload:before{content:""}.icon-envelope:before{content:""}.icon-eye:before{content:""}.icon-flag:before{content:""}.icon-heart:before{content:""}.icon-info:before{content:""}.icon-key:before{content:""}.icon-link:before{content:""}.icon-lock:before{content:""}.icon-lock-open:before{content:""}.icon-magnifier:before{content:""}.icon-magnifier-add:before{content:""}.icon-magnifier-remove:before{content:""}.icon-paper-clip:before{content:""}.icon-paper-plane:before{content:""}.icon-power:before{content:""}.icon-refresh:before{content:""}.icon-reload:before{content:""}.icon-settings:before{content:""}.icon-star:before{content:""}.icon-symbol-female:before{content:""}.icon-symbol-male:before{content:""}.icon-target:before{content:""}.icon-credit-card:before{content:""}.icon-paypal:before{content:""}.icon-social-tumblr:before{content:""}.icon-social-twitter:before{content:""}.icon-social-facebook:before{content:""}.icon-social-instagram:before{content:""}.icon-social-linkedin:before{content:""}.icon-social-pinterest:before{content:""}.icon-social-github:before{content:""}.icon-social-google:before{content:""}.icon-social-reddit:before{content:""}.icon-social-skype:before{content:""}.icon-social-dribbble:before{content:""}.icon-social-behance:before{content:""}.icon-social-foursqare:before{content:""}.icon-social-soundcloud:before{content:""}.icon-social-spotify:before{content:""}.icon-social-stumbleupon:before{content:""}.icon-social-youtube:before{content:""}.icon-social-dropbox:before{content:""}.icon-social-vkontakte:before{content:""}.icon-social-steam:before{content:""}[class^=icon-],[class*=" icon-"]{display:inline-block;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sidebar__menu-icon{font-size:18px!important}.navbar__toggle i{font-size:20px!important}.navbar__search-icon{font-size:16px!important}.navbar__icon-btn i{font-size:20px!important}.notification-item__icon i,.user-dropdown__item i{font-size:18px!important}.sidebar__menu-arrow,.navbar__user-arrow{font-size:12px!important}:root{--color-primary: #007bff;--color-primary-dark: #0056b3;--color-primary-light: #66a3ff;--color-secondary: #6c757d;--color-secondary-dark: #545b62;--color-secondary-light: #a8aeb4;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-white: #ffffff;--color-black: #000000;--color-gray-100: #f8f9fa;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #6c757d;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-900: #212529;--font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-modal: 1210;--z-popover: 1060;--z-tooltip: 1220;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:var(--line-height-base);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--color-white)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{display:flex;flex-direction:column}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:2px solid var(--color-gray-300);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:24px;height:24px;animation:spin .6s linear infinite}