.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:50;transition:transform .3s ease}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.sidebar__header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 1.25rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__logo{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.sidebar__close{color:var(--sidebar-text);font-size:1.125rem;padding:.25rem}.sidebar__nav{flex:1;overflow-y:auto;padding:.75rem .625rem;display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:8px;color:var(--sidebar-text);font-size:.875rem;font-weight:500;transition:all .15s ease;position:relative}.sidebar__link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar__link--active{background:var(--sidebar-active);color:var(--sidebar-text-active)}.sidebar__link--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary-500);border-radius:0 4px 4px 0}.sidebar__link-icon{font-size:1rem;width:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__footer{padding:1rem;border-top:1px solid rgba(255,255,255,.08)}.sidebar__user{display:flex;align-items:center;gap:.75rem}.sidebar__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--purple-500));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem;flex-shrink:0}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{color:#fff;font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-email{color:var(--sidebar-text);font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__logout{color:var(--sidebar-text);font-size:1rem;padding:.375rem;border-radius:6px;transition:all .15s ease;flex-shrink:0}.sidebar__logout:hover{color:var(--red-500);background:#ffffff14}.admin-layout{display:flex;min-height:100vh}.admin-layout__main{flex:1;display:flex;flex-direction:column;min-height:100vh}@media(min-width:769px){.admin-layout__main{margin-left:var(--sidebar-width)}}.topbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 1.5rem;background:#fff;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:30}.topbar__left{display:flex;align-items:center;gap:1rem}.topbar__menu-btn{font-size:1.25rem;color:var(--gray-600);padding:.5rem}.topbar__title{font-size:1.25rem;font-weight:600;color:var(--gray-800)}.topbar__right{display:flex;align-items:center;gap:.75rem}.topbar__icon-btn{position:relative;font-size:1.125rem;color:var(--gray-500);padding:.5rem;border-radius:8px;transition:all .15s ease}.topbar__icon-btn:hover{background:var(--gray-100);color:var(--gray-700)}.topbar__user{display:flex;align-items:center;gap:.5rem}.topbar__user-name{font-size:.875rem;font-weight:500;color:var(--gray-700)}.admin-layout__content{flex:1;padding:1.5rem;background:var(--gray-50)}@media(max-width:768px){.admin-layout__content{padding:1rem}}.client-layout{min-height:100vh;background:var(--gray-50)}.client-nav{background:#fff;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:40}.client-nav__inner{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:56px}.client-nav__left{display:flex;align-items:center;gap:.25rem}.client-nav__logo{font-size:1.5rem;color:var(--primary-600);display:flex;align-items:center;margin-right:1rem}.client-nav__mobile-btn{display:none;font-size:1.25rem;color:var(--gray-600);padding:.5rem;margin-right:.5rem}.client-nav__links{display:flex;align-items:center;gap:.25rem}.client-nav__link{position:relative;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--gray-600);border-radius:6px;transition:color .2s ease;white-space:nowrap}.client-nav__link:hover{color:var(--primary-600)}.client-nav__link--active{color:var(--primary-600);font-weight:600}.client-nav__link--active:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:70%;height:2px;background:linear-gradient(90deg,var(--primary-500),var(--primary-700));border-radius:2px}.client-nav__right{display:flex;align-items:center;gap:.75rem}.client-nav__icon-btn{position:relative;font-size:1.125rem;color:var(--gray-500);padding:.5rem;border-radius:8px;transition:all .15s ease}.client-nav__icon-btn:hover{background:var(--gray-100);color:var(--gray-700)}.client-nav__user-menu{position:relative}.client-nav__user-btn{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:8px;transition:background .15s ease}.client-nav__user-btn:hover{background:var(--gray-50)}.client-nav__avatar{width:32px;height:32px;background:var(--primary-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-600);font-size:.8125rem}.client-nav__user-name{font-size:.875rem;font-weight:500;color:var(--gray-700)}.client-nav__chevron{font-size:.625rem;color:var(--gray-400)}.client-nav__dropdown{position:absolute;right:0;top:calc(100% + .5rem);width:200px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.375rem 0;z-index:50;animation:fadeIn .15s ease}.client-nav__dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;color:var(--gray-700);transition:background .1s ease;width:100%;text-align:left}.client-nav__dropdown-item:hover{background:var(--gray-50)}.client-nav__dropdown-item--danger{color:var(--red-500)}.client-layout__content{max-width:1280px;margin:0 auto;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.welcome-banner{background:linear-gradient(135deg,#3b82f6,#4f46e5);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.welcome-banner__text h1{font-size:1.375rem;font-weight:700;margin-bottom:.25rem}.welcome-banner__text p{opacity:.9;font-size:.875rem}.welcome-banner__stat-label{opacity:.9;font-size:.8125rem;margin-top:.25rem}.client-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:45;animation:fadeIn .2s ease}.client-mobile-menu{position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;box-shadow:var(--shadow-lg);z-index:50;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto}.client-mobile-menu--open{transform:translate(0)}.client-mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200);font-weight:600;font-size:1rem;color:var(--gray-800)}.client-mobile-menu__header-left{display:flex;align-items:center;gap:.75rem}.client-mobile-menu__icon{color:var(--primary-600);font-size:1.25rem}.client-mobile-menu__header button{color:var(--gray-500);font-size:1.125rem;padding:.375rem}.client-mobile-menu__links{padding:.75rem 0}.client-mobile-menu__link{display:flex;align-items:center;padding:.875rem 1.25rem;font-size:.9375rem;color:var(--gray-700);border-left:4px solid transparent;transition:background .1s ease}.client-mobile-menu__link:hover{background:var(--gray-50)}.client-mobile-menu__link--active{color:var(--primary-600);background:var(--primary-50);border-left-color:var(--primary-500);font-weight:600}.client-mobile-menu__separator{height:1px;background:var(--gray-200);margin:.5rem 1.25rem}.client-mobile-menu__logout{display:flex;align-items:center;gap:.5rem;width:calc(100% - 2.5rem);margin:.5rem 1.25rem;padding:.625rem 1rem;font-size:.875rem;color:var(--red-500);border:1px solid #fecaca;border-radius:8px;justify-content:center;transition:background .1s ease}.client-mobile-menu__logout:hover{background:#fef2f2}@media(max-width:768px){.client-nav__links{display:none}.client-nav__mobile-btn{display:flex}.client-nav__user-name,.client-nav__chevron{display:none}.client-layout__content{padding:1rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:0}.login-container{display:flex;width:100%;max-width:1000px;min-height:600px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000026;overflow:hidden;margin:1.5rem;animation:fadeIn .5s ease-out}.login-image-panel{flex:1.1;position:relative;display:flex;align-items:flex-end;padding:3rem;background:#0f172a;overflow:hidden}.login-hero-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.8}.login-image-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0f172ae6,#0f172a33)}.login-overlay-content{position:relative;z-index:2;color:#fff}.login-overlay-content h2{font-size:2.25rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.025em}.login-overlay-content p{font-size:1.125rem;opacity:.9;line-height:1.6;max-width:320px}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background:#fff}.login-form-content{width:100%;max-width:360px}.login-header{text-align:left;margin-bottom:2.5rem}.login-logo{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4338ca);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;font-size:1.25rem;box-shadow:0 10px 15px -3px #6366f14d}.login-header h1{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.025em}.login-header p{font-size:.9375rem;color:#64748b}.login-error{background:#fef2f2;color:#991b1b;padding:.875rem 1rem;border-radius:12px;font-size:.875rem;margin-bottom:1.5rem;border:1px solid #fee2e2;display:flex;align-items:center}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.8125rem;font-weight:600;color:#475569;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.input-icon-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem;transition:color .2s}.form-input{width:100%;padding:.75rem 1rem;background:#f1f5f9;border:2px solid transparent;border-radius:12px;font-size:.9375rem;color:#0f172a;transition:all .2s}.input-with-icon{padding-left:2.75rem!important}.form-input:focus{outline:none;background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.form-input:focus+.input-icon{color:#6366f1}.login-btn{width:100%;justify-content:center;padding:.875rem;font-size:1rem;font-weight:600;margin-top:1rem;border-radius:12px;background:#4f46e5;color:#fff;border:none;cursor:pointer;transition:all .2s}.login-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.login-footer{text-align:center;margin-top:2rem;font-size:.875rem;color:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.login-container{max-width:450px;min-height:auto}.login-image-panel{display:none}.login-form-panel{padding:2.5rem}}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@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:1rem;background:#fff;border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow);border-left:4px solid;transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.stat-card__label{font-size:.8125rem;font-weight:500;color:var(--gray-500)}.stat-card__value{font-size:1.75rem;font-weight:700;color:var(--gray-900);line-height:1.2}.dashboard-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:1024px){.dashboard-grid-2{grid-template-columns:1fr}}.card-title{font-size:1.0625rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.project-list{display:flex;flex-direction:column;gap:.75rem}.project-item{padding:1rem;border:1px solid var(--gray-200);border-radius:8px;transition:background .15s ease}.project-item:hover{background:var(--gray-50)}.project-item__title{font-size:.9375rem;font-weight:500;color:var(--gray-900)}.project-item__client{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.admin-projects{display:flex;flex-direction:column;gap:1.5rem}.admin-projects__header{display:flex;justify-content:space-between;align-items:center}.admin-projects__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.admin-projects__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:900px){.admin-projects__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.admin-projects__stats{grid-template-columns:1fr}}.admin-stat-card__icon--yellow{background:#fef3c7;color:#d97706}.project-cell{display:flex;align-items:center;gap:.75rem}.project-cell__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#2563eb;border-radius:var(--radius);flex-shrink:0}.project-cell__title{display:block;font-weight:500;color:var(--gray-900);font-size:.9375rem}.project-cell__code{display:block;font-size:.8125rem;color:var(--gray-500)}.progress-cell{display:flex;align-items:center;gap:.5rem}.progress-cell__text{font-size:.8125rem;color:var(--gray-600);white-space:nowrap}.timeline-cell__range{font-size:.9375rem;color:var(--gray-900)}.timeline-cell__extra{font-size:.75rem;color:var(--gray-500)}.timeline-cell__extra--overdue{color:#dc2626;font-weight:500}.btn-link{color:var(--primary-600);font-weight:500;background:none;border:none;cursor:pointer}.admin-clients{display:flex;flex-direction:column;gap:1.5rem}.admin-clients__header{display:flex;justify-content:space-between;align-items:center}.admin-clients__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.admin-clients__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:768px){.admin-clients__stats{grid-template-columns:1fr}}.admin-stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.admin-stat-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:1.125rem}.admin-stat-card__icon--blue{background:#dbeafe;color:#2563eb}.admin-stat-card__icon--green{background:#dcfce7;color:#16a34a}.admin-stat-card__icon--purple{background:#f3e8ff;color:#7c3aed}.admin-stat-card__label{font-size:.875rem;color:var(--gray-500)}.admin-stat-card__value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.client-cell{display:flex;align-items:center;gap:.75rem}.client-cell__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0}.client-cell__name{display:block;font-weight:500;color:var(--gray-900);font-size:.9375rem}.client-cell__company{display:block;font-size:.8125rem;color:var(--gray-500)}.client-cell__contact{font-size:.9375rem;color:var(--gray-900)}.client-cell__phone{font-size:.8125rem;color:var(--gray-500)}.client-cell__projects{display:flex;flex-direction:column}.client-cell__total{font-size:.9375rem;color:var(--gray-900);font-weight:500}.client-cell__breakdown{font-size:.75rem;color:var(--gray-500)}.action-btns{display:flex;align-items:center;gap:.75rem}.action-btn{font-size:1.0625rem;padding:.25rem;transition:color .15s ease}.action-btn--blue{color:#2563eb}.action-btn--blue:hover{color:#1d4ed8}.action-btn--green:hover{color:#15803d}.action-btn--red{color:#dc2626}.action-btn--red:hover{color:#b91c1c}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;width:95%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header h3{font-size:1.125rem;font-weight:700;color:var(--gray-900)}.modal-close{color:var(--gray-400);font-size:1.125rem;transition:color .15s ease}.modal-close:hover{color:var(--gray-700)}.admin-employees{display:flex;flex-direction:column;gap:1.5rem}.admin-employees__header{display:flex;justify-content:space-between;align-items:flex-start}.admin-employees__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.admin-employees__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.emp-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}@media(max-width:1024px){.emp-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.emp-stats-row{grid-template-columns:repeat(2,1fr)}}.emp-stat-card{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);border-bottom:3px solid transparent}.emp-stat-card__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:1rem}.emp-stat-card__icon--blue{background:#e0f2fe;color:#0ea5e9}.emp-stat-card__icon--green{background:#dcfce7;color:#22c55e}.emp-stat-card__icon--purple{background:#f3e8ff;color:#a855f7}.emp-stat-card__icon--orange{background:#fef3c7;color:#f59e0b}.emp-stat-card__icon--gray{background:#f3f4f6;color:#6b7280}.emp-stat-card__label{font-size:.8125rem;color:var(--gray-500)}.emp-stat-card__value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.emp-filters{display:flex;gap:.75rem;align-items:center;background:#fff;padding:.875rem 1.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.emp-filters__search{flex:1}.emp-filters__search .form-input{width:100%}.emp-filters__select{width:160px!important;min-width:160px!important;flex:0 0 160px!important}.emp-filters__btn{width:110px;justify-content:center;flex-shrink:0}@media(max-width:1024px){.emp-filters{flex-wrap:wrap}.emp-filters__search{width:100%;flex:1 0 100%}.emp-filters__select{flex:1;width:auto!important;min-width:0!important}}.emp-cell{display:flex;align-items:center;gap:.75rem}.emp-cell__avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0}.emp-cell__name{display:block;font-weight:600;color:var(--gray-900);font-size:.9375rem}.emp-cell__email{display:block;font-size:.8125rem;color:var(--gray-500)}.emp-cell__phone{display:block;font-size:.75rem;color:var(--gray-400)}.emp-cell__designation{font-size:.8125rem;color:var(--gray-600);margin-top:.125rem}.emp-cell__tasks{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:var(--gray-600)}.emp-cell__tasks .text-green{color:#16a34a}.emp-cell__joined{font-size:.75rem;color:var(--gray-400);margin-top:.25rem}.badge-purple{background:#f3e8ff;color:#7c3aed}.emp-detail{display:flex;flex-direction:column;gap:1.5rem}.emp-detail__header-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.emp-detail__header-left{display:flex;align-items:center;gap:1rem}.emp-detail__avatar{width:80px;height:80px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;flex-shrink:0}.emp-detail__name{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.emp-detail__designation{color:var(--gray-600);font-size:.9375rem}.emp-detail__badges{display:flex;gap:.5rem;margin-top:.5rem}.emp-detail__header-actions{display:flex;gap:.75rem}.emp-detail__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:900px){.emp-detail__stats{grid-template-columns:repeat(2,1fr)}}.emp-detail__stat-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem;display:flex;align-items:center;gap:.75rem}.emp-detail__stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:1.125rem}.emp-detail__stat-icon--blue{background:#dbeafe;color:#2563eb}.emp-detail__stat-icon--green{background:#dcfce7;color:#16a34a}.emp-detail__stat-icon--purple{background:#f3e8ff;color:#7c3aed}.emp-detail__stat-icon--yellow{background:#fef3c7;color:#d97706}.emp-detail__stat-label{font-size:.8125rem;color:var(--gray-500)}.emp-detail__stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.emp-detail__grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:900px){.emp-detail__grid{grid-template-columns:1fr}}.emp-detail__left,.emp-detail__right{display:flex;flex-direction:column;gap:1.5rem}.emp-detail__card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.emp-detail__card-title{font-size:1.0625rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.emp-detail__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.emp-detail__card-header .emp-detail__card-title{margin-bottom:0}.emp-detail__contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.emp-detail__contact-label{font-size:.8125rem;color:var(--gray-500)}.emp-detail__contact-value{font-weight:500;color:var(--gray-900);margin-top:.125rem}.emp-detail__skills{display:flex;flex-wrap:wrap;gap:.5rem}.emp-detail__task-list{display:flex;flex-direction:column;gap:.75rem}.emp-detail__task-item{border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;transition:background .15s}.emp-detail__task-item:hover{background:var(--gray-50)}.emp-detail__task-title{font-weight:500;color:var(--gray-900);font-size:.9375rem}.emp-detail__task-meta{display:flex;align-items:center;gap:.5rem;margin-top:.375rem}.emp-detail__task-project,.emp-detail__task-due{font-size:.8125rem;color:var(--gray-600)}.emp-detail__task-priority{font-size:.75rem;color:var(--gray-500)}.emp-detail__perf{display:flex;flex-direction:column;gap:.75rem}.emp-detail__perf-row{display:flex;justify-content:space-between;align-items:center}.emp-detail__perf-label{color:var(--gray-600);font-size:.875rem}.emp-detail__perf-value{font-weight:500;color:var(--gray-900);font-size:.875rem}.emp-detail__project-list{display:flex;flex-direction:column;gap:.75rem}.emp-detail__project-item{border:1px solid var(--gray-200);border-radius:var(--radius);padding:.75rem}.emp-detail__project-title{font-weight:500;color:var(--gray-900);font-size:.9375rem}.emp-detail__project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.375rem}.emp-detail__project-role{font-size:.75rem;color:var(--gray-600)}.emp-detail__actions{display:flex;flex-direction:column;gap:.75rem}.emp-detail__empty{text-align:center;padding:2rem;color:var(--gray-400)}.emp-detail__empty-icon{font-size:2.5rem;margin-bottom:.75rem;color:var(--gray-300)}@media(max-width:640px){.emp-detail__header-card{flex-direction:column;gap:1rem}.emp-detail__header-actions{width:100%}.emp-detail__contact-grid{grid-template-columns:1fr}}.emp-edit{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto}.emp-edit__header{display:flex;justify-content:space-between;align-items:flex-start}.emp-edit__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.emp-edit__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.emp-edit__alert{padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500}.emp-edit__alert--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.emp-edit__alert--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.emp-edit__card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.emp-edit__card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200)}.emp-edit__card-header h2{font-size:1.0625rem;font-weight:600;color:var(--gray-800)}.emp-edit__form{padding:1.5rem}.emp-edit__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.emp-edit__grid{grid-template-columns:1fr}}.emp-edit__section-title{font-size:.9375rem;font-weight:600;color:var(--gray-700);margin-bottom:1rem}.emp-edit__actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.emp-edit__actions-right{display:flex;gap:.75rem}.emp-edit__danger{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);overflow:hidden}.emp-edit__danger-header{padding:1rem 1.5rem;border-bottom:1px solid #fecaca}.emp-edit__danger-header h2{font-size:1.0625rem;font-weight:600;color:#991b1b}.emp-edit__danger-body{padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.emp-edit__danger-title{font-size:.9375rem;font-weight:600;color:#b91c1c;margin-bottom:.25rem}.emp-edit__danger-text{font-size:.8125rem;color:#dc2626;max-width:500px}@media(max-width:640px){.emp-edit__danger-body{flex-direction:column;gap:1rem;align-items:flex-start}.emp-edit__actions{flex-direction:column;gap:1rem;align-items:stretch}.emp-edit__actions-right{justify-content:flex-end}}.tasks-page{display:flex;flex-direction:column;gap:1.5rem}.tasks-page__card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.tasks-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.tasks-page__title{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.tasks-page__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.tasks-page__header-actions{display:flex;gap:.75rem}.tasks-filters{background:var(--gray-50);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem}.tasks-filters__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:1rem;align-items:flex-end}.tasks-filters__label{display:block;font-size:.8125rem;font-weight:500;color:var(--gray-700);margin-bottom:.375rem}.tasks-filters__btns{display:flex;gap:.5rem;align-items:flex-end;padding-bottom:1px}@media(max-width:1024px){.tasks-filters__grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.tasks-filters__grid{grid-template-columns:1fr}}.tasks-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:900px){.tasks-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.tasks-stats{grid-template-columns:repeat(2,1fr)}}.tasks-stat{border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:.75rem}.tasks-stat--gray{background:#f9fafb}.tasks-stat--blue{background:#eff6ff}.tasks-stat--yellow{background:#fefce8}.tasks-stat--purple{background:#faf5ff}.tasks-stat--green{background:#f0fdf4}.tasks-stat__icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1rem}.tasks-stat__icon--gray{background:#e5e7eb;color:#4b5563}.tasks-stat__icon--blue{background:#dbeafe;color:#2563eb}.tasks-stat__icon--yellow{background:#fef3c7;color:#d97706}.tasks-stat__icon--purple{background:#e9d5ff;color:#7c3aed}.tasks-stat__icon--green{background:#dcfce7;color:#16a34a}.tasks-stat__label{font-size:.8125rem;color:var(--gray-500)}.tasks-stat__value{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.tasks-cell__title{font-weight:500;color:var(--gray-900);font-size:.875rem}.tasks-cell__desc{font-size:.8125rem;color:var(--gray-500);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-cell__hours{font-size:.75rem;color:var(--gray-400)}.tasks-cell__assignee{display:flex;align-items:center;gap:.5rem}.tasks-cell__avatar{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;flex-shrink:0}.tasks-cell__overdue{font-size:.6875rem;color:#dc2626;display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.badge-orange{background:#ffedd5;color:#c2410c}.tasks-empty{text-align:center;padding:3rem}.tasks-empty__icon{font-size:3rem;color:var(--gray-300);margin-bottom:.75rem}.tasks-empty__title{font-size:1.125rem;color:var(--gray-500)}.tasks-empty__desc{font-size:.875rem;color:var(--gray-400);margin-bottom:1rem}.action-btn--yellow{color:#d97706}.action-btn--yellow:hover{background:#fef3c7}.ms-page{display:flex;flex-direction:column;gap:1.5rem}.ms-page__card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.ms-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.ms-page__title{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.ms-page__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.ms-filters{background:var(--gray-50);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem}.ms-filters__grid{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:flex-end}.ms-filters__label{display:block;font-size:.8125rem;font-weight:500;color:var(--gray-700);margin-bottom:.375rem}.ms-filters__btns{display:flex;gap:.5rem;align-items:flex-end;padding-bottom:1px}@media(max-width:640px){.ms-filters__grid{grid-template-columns:1fr}}.ms-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:768px){.ms-stats{grid-template-columns:repeat(2,1fr)}}.ms-stat{border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:.75rem}.ms-stat--blue{background:#eff6ff}.ms-stat--yellow{background:#fefce8}.ms-stat--green{background:#f0fdf4}.ms-stat--purple{background:#faf5ff}.ms-stat__icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1rem}.ms-stat__icon--blue{background:#dbeafe;color:#2563eb}.ms-stat__icon--yellow{background:#fef3c7;color:#d97706}.ms-stat__icon--green{background:#dcfce7;color:#16a34a}.ms-stat__icon--purple{background:#e9d5ff;color:#7c3aed}.ms-stat__label{font-size:.8125rem;color:var(--gray-500)}.ms-stat__value{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.ms-cell__title{font-weight:500;color:var(--gray-900);font-size:.875rem}.ms-cell__desc{font-size:.8125rem;color:var(--gray-500);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-cell__weight{font-size:.75rem;color:var(--gray-400);margin-top:.125rem}.ms-cell__overdue{font-size:.6875rem;color:#dc2626;display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.ms-cell__approved{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.ms-cell__progress{display:flex;align-items:center;gap:.5rem;min-width:120px}.ms-cell__pct{font-size:.8125rem;font-weight:500;color:var(--gray-700);white-space:nowrap}.ms-empty{text-align:center;padding:3rem}.ms-empty__icon{font-size:3rem;color:var(--gray-300);margin-bottom:.75rem}.ms-empty__title{font-size:1.125rem;color:var(--gray-500)}.ms-empty__desc{font-size:.875rem;color:var(--gray-400);margin-bottom:1rem}.action-btn--green{color:#16a34a}.action-btn--green:hover{background:#dcfce7}.docs-page{display:flex;flex-direction:column;gap:1.5rem}.docs-page__card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.docs-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.docs-page__title{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.docs-page__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.docs-filters{background:var(--gray-50);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem}.docs-filters__grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:flex-end}.docs-filters__label{display:block;font-size:.8125rem;font-weight:500;color:var(--gray-700);margin-bottom:.375rem}.docs-filters__btns{display:flex;gap:.5rem;align-items:flex-end;padding-bottom:1px}@media(max-width:768px){.docs-filters__grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.docs-filters__grid{grid-template-columns:1fr}}.doc-cell__file-icon{font-size:1.5rem;color:var(--gray-400);flex-shrink:0}.doc-cell__title{font-weight:500;color:var(--gray-900);font-size:.875rem}.doc-cell__meta{font-size:.8125rem;color:var(--gray-500)}.doc-cell__version{font-size:.75rem;color:var(--gray-400);margin-top:.125rem}.doc-cell__date{font-size:.8125rem;color:var(--gray-500)}.badge-pink{background:#fce7f3;color:#9d174d}.docs-empty{text-align:center;padding:3rem}.docs-empty__icon{font-size:3rem;color:var(--gray-300);margin-bottom:.75rem}.docs-empty__title{font-size:1.125rem;color:var(--gray-500)}.docs-empty__desc{font-size:.875rem;color:var(--gray-400);margin-bottom:1rem}.doc-form{max-width:56rem;margin:0 auto}.doc-form__card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.75rem}.doc-form__header{margin-bottom:1.5rem}.doc-form__title{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.doc-form__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.doc-form__alert{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem}.doc-form__alert--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.doc-form__alert--success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.doc-form__file-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#eff6ff;border-radius:var(--radius-lg);margin-bottom:1.5rem}.doc-form__file-info-icon{font-size:2rem;color:var(--gray-400)}.doc-form__dropzone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:all .2s;color:var(--gray-500)}.doc-form__dropzone:hover,.doc-form__dropzone--active{border-color:var(--primary);background:#eff6ff}.doc-form__dropzone-icon{font-size:2.5rem;color:var(--gray-400);margin-bottom:.5rem}.doc-form__dropzone-sub{font-size:.8125rem;color:var(--gray-400);margin-top:.25rem}.doc-form__dropzone-info{margin-top:.75rem;font-size:.875rem;color:var(--gray-700);font-weight:500}.doc-form__visibility{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:640px){.doc-form__visibility{grid-template-columns:repeat(2,1fr)}}.doc-form__vis-card{border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem;text-align:center;cursor:pointer;transition:all .2s}.doc-form__vis-card input{display:none}.doc-form__vis-card:hover{background:var(--gray-50)}.doc-form__vis-card--active{border-width:2px;background:var(--gray-50)}.doc-form__vis-icon{font-size:1.5rem;color:var(--gray-600);margin-bottom:.5rem}.doc-form__vis-text{font-weight:500;font-size:.875rem}.doc-form__vis-desc{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.doc-form__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--gray-200);margin-top:1.5rem}.doc-show__card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.doc-show__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);flex-wrap:wrap;gap:1rem}.doc-show__header-left{display:flex;align-items:center;gap:1rem}.doc-show__header-icon{font-size:2rem;color:var(--gray-400)}.doc-show__title{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.doc-show__meta{display:flex;gap:1rem;margin-top:.25rem;font-size:.8125rem;color:var(--gray-500);flex-wrap:wrap}.doc-show__meta span{display:flex;align-items:center;gap:.25rem}.doc-show__header-actions{display:flex;gap:.5rem}.doc-show__body{padding:1.5rem}.doc-show__grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:768px){.doc-show__grid{grid-template-columns:1fr}}.doc-show__section{margin-bottom:1.5rem}.doc-show__section-title{font-size:1.125rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.doc-show__desc{color:var(--gray-600);white-space:pre-line;line-height:1.6}.doc-show__preview{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;background:var(--gray-50);color:var(--gray-500)}.doc-show__preview-file{display:flex;flex-direction:column;align-items:center}.doc-show__preview-icon-wrap{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.doc-show__preview-icon-wrap--proposal{background:#dbeafe}.doc-show__preview-icon-wrap--contract{background:#e9d5ff}.doc-show__preview-icon-wrap--design{background:#fce7f3}.doc-show__preview-icon-wrap--code{background:#dcfce7}.doc-show__preview-icon-wrap--report{background:#fef3c7}.doc-show__preview-icon-wrap--invoice{background:#fee2e2}.doc-show__preview-icon-wrap--other{background:var(--gray-200)}.doc-show__preview-icon{font-size:2rem}.doc-show__preview-icon-wrap--proposal .doc-show__preview-icon{color:#2563eb}.doc-show__preview-icon-wrap--contract .doc-show__preview-icon{color:#7c3aed}.doc-show__preview-icon-wrap--design .doc-show__preview-icon{color:#db2777}.doc-show__preview-icon-wrap--code .doc-show__preview-icon{color:#16a34a}.doc-show__preview-icon-wrap--report .doc-show__preview-icon{color:#d97706}.doc-show__preview-icon-wrap--invoice .doc-show__preview-icon{color:#dc2626}.doc-show__preview-icon-wrap--other .doc-show__preview-icon{color:var(--gray-500)}.doc-show__preview-name{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:.75rem}.doc-show__preview-details{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.doc-show__preview-size{font-size:.8125rem;color:var(--gray-500)}.doc-show__info-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.doc-show__info-title{font-size:1.125rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.doc-show__info-list{display:flex;flex-direction:column;gap:.75rem}.doc-show__info-label{font-size:.8125rem;color:var(--gray-500);margin-bottom:.125rem}.doc-show__info-value{font-weight:500;color:var(--gray-800);font-size:.875rem}.doc-show__actions-list{display:flex;flex-direction:column;gap:.5rem}.doc-show__action-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .15s;text-align:left;width:100%}.doc-show__action-item:hover{background:var(--gray-50)}.doc-show__action-sub{font-size:.75rem;color:var(--gray-500)}.reports-page{display:flex;flex-direction:column;gap:1.5rem}.reports-page__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.reports-page__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.reports-page__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.reports-page__header-actions{display:flex;gap:.5rem}.reports-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:900px){.reports-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.reports-stats{grid-template-columns:1fr}}.reports-stat-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.reports-stat__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.reports-stat__icon--blue{background:#dbeafe;color:#2563eb}.reports-stat__icon--green{background:#dcfce7;color:#16a34a}.reports-stat__icon--purple{background:#e9d5ff;color:#7c3aed}.reports-stat__icon--yellow{background:#fef3c7;color:#d97706}.reports-stat__label{font-size:.8125rem;color:var(--gray-500)}.reports-stat__value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1024px){.reports-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.reports-grid{grid-template-columns:1fr}}.reports-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.reports-card__header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.reports-card__title{font-size:1.0625rem;font-weight:600;color:var(--gray-800)}.reports-card__desc{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem}.reports-card__body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.reports-link{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;background:#fff;transition:all .15s;width:100%;text-align:left}.reports-link:hover{background:var(--gray-50)}.reports-link__left{display:flex;align-items:center;gap:.75rem}.reports-link__icon{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:.875rem}.reports-link__label{font-weight:500;color:var(--gray-900);font-size:.875rem}.reports-link__sub{font-size:.75rem;color:var(--gray-500)}.reports-link__trail{color:var(--gray-400);font-size:.75rem}.bg-blue{background:#dbeafe;color:#2563eb}.bg-green{background:#dcfce7;color:#16a34a}.bg-red{background:#fee2e2;color:#dc2626}.bg-yellow{background:#fef3c7;color:#d97706}.bg-purple{background:#e9d5ff;color:#7c3aed}.bg-indigo{background:#e0e7ff;color:#4f46e5}.bg-pink{background:#fce7f3;color:#db2777}.bg-teal{background:#ccfbf1;color:#0d9488}.bg-orange{background:#ffedd5;color:#ea580c}.bg-gray{background:var(--gray-100);color:var(--gray-600)}.reports-activity{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--gray-50);border-radius:var(--radius-lg)}.reports-activity__left{display:flex;align-items:center;gap:.75rem}.reports-activity__time{font-size:.8125rem;color:var(--gray-500);white-space:nowrap}.rpt{display:flex;flex-direction:column;gap:1.5rem}.rpt__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.rpt__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.rpt__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.rpt__header-actions{display:flex;gap:.5rem}.rpt__filter{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem 1.5rem}.rpt__filter-title{font-size:1.0625rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.rpt__filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:end}@media(max-width:768px){.rpt__filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.rpt__filter-grid{grid-template-columns:1fr}}.rpt__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:900px){.rpt__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.rpt__stats{grid-template-columns:1fr}}.rpt__stat{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.rpt__stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.rpt__stat-label{font-size:.8125rem;color:var(--gray-500)}.rpt__stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.rpt__panels{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.rpt__panels{grid-template-columns:1fr}}.rpt__panel{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem 1.5rem}.rpt__panel-title{font-size:1.0625rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.rpt__row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.rpt__row+.rpt__row{border-top:1px solid var(--gray-100)}.rpt__row-label{color:var(--gray-600);font-size:.875rem}.rpt__row-value{font-weight:600;color:var(--gray-900);font-size:.875rem}.rpt__row-value--green{color:#16a34a}.rpt__row-value--red{color:#dc2626}.rpt__row-value--yellow{color:#d97706}.rpt__legend{display:flex;align-items:center;gap:.5rem}.rpt__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.rpt__progress-wrap{display:flex;align-items:center;gap:.5rem}.rpt__progress-bar{width:80px;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.rpt__progress-fill{height:100%;border-radius:4px}.rpt__table-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.rpt__table-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.rpt__table-title{font-size:1.0625rem;font-weight:600;color:var(--gray-800)}.rpt__table-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem}.chat-page{display:flex;height:calc(100vh - 10rem);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.chat-sidebar{width:340px;min-width:340px;border-right:1px solid var(--gray-200);display:flex;flex-direction:column}.chat-sidebar__header{padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200)}.chat-sidebar__header-row{display:flex;justify-content:space-between;align-items:center}.chat-sidebar__title{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.chat-sidebar__subtitle{font-size:.8125rem;color:var(--gray-500);margin-top:.15rem}.chat-sidebar__new-btn{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background .15s}.chat-sidebar__new-btn:hover{background:var(--primary-dark, #1d4ed8)}.chat-sidebar__search{margin-top:.75rem}.chat-sidebar__search input{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:.875rem;background:var(--gray-50)}.chat-sidebar__search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb26}.chat-list{flex:1;overflow-y:auto}.chat-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .15s}.chat-item:hover{background:var(--gray-50)}.chat-item--active{background:#eff6ff!important;border-left:3px solid var(--primary)}.chat-item__avatar{position:relative;flex-shrink:0}.chat-item__avatar-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem}.chat-item__online{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#16a34a;border:2px solid white}.chat-item__info{flex:1;min-width:0}.chat-item__name{font-weight:600;color:var(--gray-900);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item__project{font-size:.7rem;color:var(--gray-400);margin-left:.25rem}.chat-item__preview{font-size:.8125rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15rem}.chat-item__meta{text-align:right;flex-shrink:0}.chat-item__time{font-size:.7rem;color:var(--gray-400)}.chat-item__unread{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#dc2626;color:#fff;font-size:.65rem;font-weight:700;margin-top:.25rem}.chat-available{padding:.75rem 1.25rem;border-top:1px solid var(--gray-200)}.chat-available__title{font-size:.8125rem;font-weight:600;color:var(--gray-600);margin-bottom:.5rem}.chat-available__user{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:var(--radius-lg);cursor:pointer;border:none;background:none;width:100%;transition:background .15s}.chat-available__user:hover{background:var(--gray-100)}.chat-available__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700}.chat-available__name{font-size:.8125rem;font-weight:500}.chat-available__dot{width:7px;height:7px;border-radius:50%;background:#16a34a;margin-left:auto}.chat-main{flex:1;display:flex;flex-direction:column}.chat-header{padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.chat-header__left{display:flex;align-items:center;gap:.75rem}.chat-header__avatar{position:relative}.chat-header__name{font-weight:700;color:var(--gray-800)}.chat-header__project{display:flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--gray-500)}.chat-header__actions{display:flex;gap:.5rem}.chat-header__action-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:.35rem;border-radius:var(--radius);font-size:.9rem;transition:color .15s}.chat-header__action-btn:hover{color:var(--primary)}.chat-header__action-btn--danger:hover{color:#dc2626}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;background:var(--gray-50)}.chat-msg{display:flex;max-width:70%}.chat-msg--sent{align-self:flex-end;flex-direction:row-reverse}.chat-msg--received{align-self:flex-start}.chat-msg__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0;margin:0 .5rem;align-self:flex-end}.chat-msg__bubble{padding:.65rem 1rem;font-size:.9rem;line-height:1.5}.chat-msg--sent .chat-msg__bubble{background:#dbeafe;color:var(--gray-900);border-radius:1rem 1rem .25rem}.chat-msg--received .chat-msg__bubble{background:#fff;color:var(--gray-900);border:1px solid var(--gray-200);border-radius:1rem 1rem 1rem .25rem}.chat-msg__meta{font-size:.7rem;padding:.15rem .5rem .35rem}.chat-msg--sent .chat-msg__meta{color:var(--gray-500);text-align:right}.chat-msg--received .chat-msg__meta{color:var(--gray-400)}.chat-msg__read{margin-left:.25rem}.chat-msg__read--read{color:#86efacd9}.chat-input{padding:1rem 1.25rem;border-top:1px solid var(--gray-200);background:#fff;position:relative}.chat-input__row{display:flex;align-items:center;gap:.35rem;width:100%}.chat-input__attach-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:.5rem;font-size:1.1rem;transition:color .15s}.chat-input__attach-btn:hover{color:var(--primary)}.chat-input__wrap{flex:1;position:relative}.chat-input__textarea{width:100%;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:.65rem 3rem .65rem 1rem;font-size:.9rem;resize:none;min-height:42px;max-height:120px;font-family:inherit}.chat-input__textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb26}.chat-input__send-btn{position:absolute;right:.5rem;bottom:.35rem;width:32px;height:32px;border-radius:var(--radius-lg);background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:background .15s}.chat-input__send-btn:hover{background:var(--primary-dark, #1d4ed8)}.chat-input__send-btn:disabled{background:var(--gray-300);cursor:not-allowed}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-400);gap:.75rem}.chat-empty__icon{font-size:4rem;color:var(--gray-200)}.chat-empty__title{font-size:1.25rem;font-weight:600;color:var(--gray-700)}.chat-empty__desc{max-width:320px;text-align:center;font-size:.9rem}.chat-empty__btn{margin-top:.75rem}.chat-no-convs{padding:2rem;text-align:center;color:var(--gray-400)}.chat-no-convs__icon{font-size:2.5rem;color:var(--gray-200);margin-bottom:.5rem}.chat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:center;justify-content:center}.chat-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003;width:100%;max-width:440px;margin:1rem}.chat-modal__header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.chat-modal__header h3{font-size:1.1rem;font-weight:600;color:var(--gray-900)}.chat-modal__body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-modal__footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:.5rem}@media(max-width:768px){.chat-page{flex-direction:column;height:auto}.chat-sidebar{width:100%;min-width:100%;max-height:40vh}.chat-messages{min-height:40vh}}.chat-msg__image{max-width:240px;max-height:200px;border-radius:.5rem;margin-top:.35rem;cursor:pointer;display:block;object-fit:cover}.chat-msg__file-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-top:.35rem;background:#0000000d;border-radius:.5rem;font-size:.8rem;color:var(--primary);text-decoration:none;transition:background .15s}.chat-msg__file-link:hover{background:#0000001a}.chat-msg__file-dl{margin-left:auto;font-size:.7rem;opacity:.6}.chat-input__emoji-btn{width:32px;height:32px;border:none!important;background:none!important;cursor:pointer;font-size:1.15rem;border-radius:.25rem!important;display:flex;align-items:center;justify-content:center;transition:background .1s;color:inherit!important}.chat-input__emoji-btn:hover{background:var(--gray-100)!important}.notif-page{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.notif-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.notif-header__subtitle{font-size:.8125rem;color:var(--gray-500);margin-top:.15rem}.notif-header__actions{display:flex;gap:.5rem}.notif-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.notif-stat{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.notif-stat__icon{width:42px;height:42px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1rem}.notif-stat__icon--yellow{background:#fef9c3;color:#ca8a04}.notif-stat__value{font-size:1.35rem;font-weight:700;color:var(--gray-900)}.notif-tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid var(--gray-200)}.notif-tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--gray-500);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;background:none;border-top:none;border-left:none;border-right:none}.notif-tab:hover{color:var(--primary)}.notif-tab--active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.notif-tab--active-red{color:#dc2626;border-bottom-color:#dc2626}.notif-tab--active-green{color:#16a34a;border-bottom-color:#16a34a}.notif-tab--active-purple{color:#7c3aed;border-bottom-color:#7c3aed}.notif-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);transition:background .15s}.notif-item__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.notif-item__title{font-weight:600;color:var(--gray-900);font-size:.9375rem;margin-bottom:.2rem}.notif-item__message{color:var(--gray-600);font-size:.875rem;margin-bottom:.35rem}.notif-item__data{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem}.notif-item__data span{margin-right:.75rem}.notif-item__time{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--gray-400);margin-top:.35rem}.notif-item__badges{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.5rem}.notif-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:9999px;font-size:.7rem;font-weight:600}.notif-badge--read{background:#dcfce7;color:#166534}.notif-badge--unread{background:#fee2e2;color:#991b1b}.notif-badge--type{font-size:.7rem}.notif-type--task_assigned{background:#dbeafe;color:#1e40af}.notif-type--task_completed{background:#dcfce7;color:#166534}.notif-type--project_update{background:#f3e8ff;color:#6b21a8}.notif-type--milestone{background:#fef9c3;color:#854d0e}.notif-type--message{background:#e0e7ff;color:#3730a3}.notif-type--document{background:#fce7f3;color:#9d174d}.notif-type--general{background:#f3f4f6;color:#374151}.notif-type--payment{background:#ccfbf1;color:#115e59}.notif-type--deadline{background:#fee2e2;color:#991b1b}.notif-item__actions{display:flex;gap:.35rem;flex-shrink:0;margin-left:.5rem}.notif-action{background:none;border:none;padding:.3rem;cursor:pointer;border-radius:var(--radius);transition:color .15s,background .15s;font-size:.85rem}.notif-action--read{color:#16a34a}.notif-action--read:hover{background:#dcfce7}.notif-action--unread{color:#ca8a04}.notif-action--unread:hover{background:#fef9c3}.notif-action--view{color:#2563eb}.notif-action--view:hover{background:#dbeafe}.notif-action--delete{color:#dc2626}.notif-action--delete:hover{background:#fee2e2}.notif-empty{padding:3rem;text-align:center}.notif-empty__icon{font-size:3.5rem;color:var(--gray-200);margin-bottom:.75rem}.notif-empty__title{font-size:1.1rem;font-weight:600;color:var(--gray-700);margin-bottom:.35rem}.notif-empty__desc{font-size:.9rem;color:var(--gray-500);margin-bottom:1rem}.notif-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-200)}.notif-page-btn{padding:.4rem .75rem;border:1px solid var(--gray-200);border-radius:var(--radius);background:#fff;color:var(--gray-700);cursor:pointer;font-size:.8125rem;transition:all .15s}.notif-page-btn:hover{background:var(--gray-50);border-color:var(--primary);color:var(--primary)}.notif-page-btn--active{background:var(--primary);color:#fff;border-color:var(--primary)}.notif-page-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.notif-stats{grid-template-columns:repeat(2,1fr)}.notif-header{flex-direction:column;gap:.75rem;align-items:flex-start}.notif-item{flex-direction:column;gap:.5rem}.notif-item__actions{margin-left:0}}.settings-page{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.settings-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.settings-header__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.settings-header__subtitle{font-size:.8125rem;color:var(--gray-500);margin-top:.15rem}.settings-header__reload{background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:1rem;padding:.35rem;border-radius:var(--radius);transition:color .15s}.settings-header__reload:hover{color:var(--gray-700)}.settings-layout{display:flex;min-height:500px}.settings-sidebar{width:220px;min-width:220px;border-right:1px solid var(--gray-200);padding:1rem}.settings-nav-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left}.settings-nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.settings-nav-item--active{background:#eff6ff;color:#1d4ed8}.settings-nav-item--active svg{color:#1d4ed8}.settings-content{flex:1;padding:1.5rem}.settings-section__title{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.settings-section__subtitle{font-size:.9375rem;font-weight:600;color:var(--gray-800);margin-bottom:.75rem;padding-top:1.5rem;border-top:1px solid var(--gray-200);margin-top:1.5rem}.settings-grid{display:grid;gap:1rem;margin-bottom:1rem}.settings-grid--2{grid-template-columns:1fr 1fr}.settings-grid--3{grid-template-columns:1fr 1fr 1fr}.settings-field label{display:block;font-size:.8125rem;font-weight:500;color:var(--gray-700);margin-bottom:.35rem}.settings-field input,.settings-field select,.settings-field textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:.875rem}.settings-field input:focus,.settings-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb26}.settings-check{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.settings-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.settings-check label{font-size:.875rem;color:var(--gray-700);cursor:pointer}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.settings-toggle-row span{font-size:.875rem;color:var(--gray-700)}.settings-toggle{position:relative;display:inline-block;width:44px;min-width:44px;height:24px;min-height:24px;flex-shrink:0;cursor:pointer}.settings-toggle input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.settings-toggle__slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#d1d5db;border-radius:999px;cursor:pointer;transition:background .2s}.settings-toggle__slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}.settings-toggle input:checked+.settings-toggle__slider{background:#2563eb}.settings-toggle input:checked+.settings-toggle__slider:before{transform:translate(20px)}.settings-radio-group{display:flex;gap:1.25rem}.settings-radio{display:flex;align-items:center;gap:.35rem}.settings-radio input{accent-color:var(--primary)}.settings-radio label{font-size:.875rem;color:var(--gray-700);cursor:pointer}.settings-avatar-section{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.settings-avatar{position:relative;width:80px;height:80px}.settings-avatar__circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff;background:#3b82f6}.settings-avatar__btn{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem}.settings-avatar__info h4{font-weight:600;color:var(--gray-800)}.settings-avatar__info p{font-size:.8125rem;color:var(--gray-500)}.settings-integration{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem}.settings-integration__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.settings-integration__info{display:flex;align-items:center;gap:.75rem}.settings-integration__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.settings-integration__name{font-weight:600;color:var(--gray-800);font-size:.9375rem}.settings-integration__desc{font-size:.8125rem;color:var(--gray-500)}.settings-notif-group{background:var(--gray-50);border-radius:var(--radius-lg);padding:1rem}.settings-notif-group h4{font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.settings-danger{border-top:1px solid var(--gray-200);margin-top:2rem;padding:1.5rem}.settings-danger__title{font-size:1.1rem;font-weight:600;color:#dc2626;margin-bottom:1rem}.settings-danger__box{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:1.25rem}.settings-danger__item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.settings-danger__item+.settings-danger__item{border-top:1px solid #fecaca}.settings-danger__item h4{font-weight:600;color:#991b1b}.settings-danger__item p{font-size:.8125rem;color:#dc2626;margin-top:.15rem}.settings-success{background:#dcfce7;border:1px solid #86efac;color:#166534;padding:.75rem 1rem;border-radius:var(--radius-lg);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}@media(max-width:768px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:.25rem}.settings-grid--2,.settings-grid--3{grid-template-columns:1fr}.settings-danger__item{flex-direction:column;gap:.5rem;align-items:flex-start}}.emp-create{max-width:800px;margin:0 auto}.emp-create__header{margin-bottom:1.5rem}.emp-create__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.emp-create__subtitle{font-size:.8125rem;color:var(--gray-500);margin-top:.15rem}.emp-create__card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.emp-create__card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200)}.emp-create__card-header h2{font-size:1.05rem;font-weight:600;color:var(--gray-800)}.emp-create__form{padding:1.5rem}.emp-create__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.emp-create__section h3{font-size:.9375rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.emp-create__fields{display:flex;flex-direction:column;gap:.85rem}.emp-create__field label{display:block;font-size:.8125rem;font-weight:500;color:var(--gray-700);margin-bottom:.3rem}.emp-create__field input,.emp-create__field select,.emp-create__field textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:.875rem;font-family:inherit}.emp-create__field input:focus,.emp-create__field select:focus,.emp-create__field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb26}.emp-create__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.emp-create__help{margin-top:1.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-lg);padding:1.25rem}.emp-create__help-header{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.75rem}.emp-create__help-header svg{color:#2563eb;font-size:1.1rem;margin-top:.15rem;flex-shrink:0}.emp-create__help-header h3{font-size:1rem;font-weight:600;color:#1e40af}.emp-create__help-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.emp-create__help-list li{display:flex;align-items:flex-start;gap:.4rem;font-size:.8125rem;color:#1d4ed8}.emp-create__help-list li svg{color:#2563eb;font-size:.6rem;margin-top:.3rem;flex-shrink:0}.emp-create__error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.65rem 1rem;border-radius:var(--radius-lg);margin-bottom:1rem;font-size:.875rem}@media(max-width:768px){.emp-create__grid{grid-template-columns:1fr}}.client-edit{max-width:800px;margin:0 auto}.client-edit__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.client-edit__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.client-edit__subtitle{font-size:.8125rem;color:var(--gray-500);margin-top:.15rem}.client-edit__view-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;background:var(--gray-600);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.8125rem;cursor:pointer;text-decoration:none;transition:background .15s}.client-edit__view-btn:hover{background:var(--gray-700)}.client-edit__card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.client-edit__card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200)}.client-edit__card-header h2{font-size:1.05rem;font-weight:600;color:var(--gray-800)}.client-edit__form{padding:1.5rem}.client-edit__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.client-edit__section h3{font-size:.9375rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.client-edit__fields{display:flex;flex-direction:column;gap:.85rem}.client-edit__field label{display:block;font-size:.8125rem;font-weight:500;color:var(--gray-700);margin-bottom:.3rem}.client-edit__field input,.client-edit__field select,.client-edit__field textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:.875rem;font-family:inherit}.client-edit__field input:focus,.client-edit__field select:focus,.client-edit__field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb26}.client-edit__field .hint{font-size:.75rem;color:var(--gray-400);margin-top:.2rem}.client-edit__approved{padding:.6rem .85rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-lg);font-size:.8125rem;color:#166534;display:flex;align-items:center;gap:.35rem}.client-edit__actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.client-edit__actions-right{display:flex;gap:.5rem}.client-edit__back{font-size:.8125rem;color:var(--gray-600);text-decoration:none;display:flex;align-items:center;gap:.3rem;cursor:pointer;background:none;border:none}.client-edit__back:hover{color:var(--gray-900)}.client-edit__payment{margin-top:1.5rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.client-edit__payment-header{padding:1rem 1.5rem;background:linear-gradient(135deg,#22c55e,#059669);color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem}.client-edit__payment-body{padding:1.5rem}.client-edit__pending{padding:1rem;background:#fefce8;border:1px solid #fde68a;border-radius:var(--radius-lg);margin-bottom:1rem}.client-edit__pending h4{font-weight:600;color:#854d0e;display:flex;align-items:center;gap:.3rem}.client-edit__pending .amount{font-size:1.5rem;font-weight:700;color:#854d0e;margin-top:.25rem}.client-edit__pending .meta{font-size:.8125rem;color:#a16207;margin-top:.25rem}.client-edit__pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.client-edit__radio-group{display:flex;gap:1rem}.client-edit__radio{display:flex;align-items:center;gap:.3rem;cursor:pointer}.client-edit__radio input{accent-color:#22c55e}.client-edit__radio span{font-size:.875rem;color:var(--gray-700)}.client-edit__danger{margin-top:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);overflow:hidden}.client-edit__danger-header{padding:.85rem 1.25rem;border-bottom:1px solid #fecaca}.client-edit__danger-header h2{font-size:1.05rem;font-weight:600;color:#991b1b}.client-edit__danger-body{padding:1.25rem;display:flex;justify-content:space-between;align-items:center}.client-edit__danger-body h3{font-weight:600;color:#b91c1c;margin-bottom:.2rem}.client-edit__danger-body p{font-size:.8125rem;color:#dc2626}.client-edit__error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.65rem 1rem;border-radius:var(--radius-lg);margin-bottom:1rem;font-size:.875rem}.client-edit__success{background:#dcfce7;border:1px solid #86efac;color:#166534;padding:.65rem 1rem;border-radius:var(--radius-lg);margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.35rem}.client-edit__pay-history{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--gray-200)}.client-edit__pay-history h4{font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.client-edit__pay-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:var(--gray-50);border-radius:var(--radius-lg);margin-bottom:.35rem}.client-edit__pay-item .amount{font-weight:600}.client-edit__pay-item .gateway{font-size:.8125rem;color:var(--gray-500);margin-left:.5rem}.client-edit__pay-badge{padding:.15rem .5rem;font-size:.7rem;font-weight:600;border-radius:999px}.client-edit__pay-badge--paid{background:#dcfce7;color:#166534}.client-edit__pay-badge--pending{background:#fef9c3;color:#854d0e}.client-edit__pay-badge--failed{background:#fee2e2;color:#991b1b}@media(max-width:768px){.client-edit__grid,.client-edit__pay-grid{grid-template-columns:1fr}.client-edit__header{flex-direction:column;gap:.5rem;align-items:flex-start}.client-edit__danger-body{flex-direction:column;gap:.75rem;align-items:flex-start}.client-edit__actions{flex-direction:column;gap:.75rem}}.apd{max-width:1100px;margin:0 auto}.apd-header{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.apd-header__top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.apd-header__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.apd-header__code{font-size:.875rem;color:var(--gray-500);margin-top:.15rem}.apd-header__actions{display:flex;gap:.5rem;flex-wrap:wrap}.apd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.apd-stat{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem}.apd-stat__label{font-size:.8125rem;color:var(--gray-500)}.apd-stat__value{font-size:1.35rem;font-weight:700;color:var(--gray-900);margin-top:.15rem}.apd-stat__progress-bar{width:100%;height:6px;background:var(--gray-200);border-radius:999px;margin-top:.5rem;overflow:hidden}.apd-stat__progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#6366f1);border-radius:999px;transition:width .3s}.apd-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.apd-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.apd-card h2{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem;display:flex;align-items:center;gap:.4rem}.apd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.apd-info-item label{display:block;font-size:.75rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}.apd-info-item p{font-size:.9375rem;font-weight:500;color:var(--gray-900)}.apd-desc{font-size:.9375rem;color:var(--gray-700);line-height:1.6;white-space:pre-line}.apd-tags{display:flex;flex-wrap:wrap;gap:.4rem}.apd-tag{padding:.25rem .65rem;background:#dbeafe;color:#1e40af;border-radius:999px;font-size:.8125rem;font-weight:500}.apd-member{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--gray-100)}.apd-member:last-child{border-bottom:none}.apd-member__left{display:flex;align-items:center;gap:.6rem}.apd-member__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;color:#fff;flex-shrink:0}.apd-member__name{font-size:.875rem;font-weight:500;color:var(--gray-900)}.apd-member__role{font-size:.75rem;color:var(--gray-500)}.apd-action{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;border:none;width:100%;margin-bottom:.5rem;text-decoration:none}.apd-action--blue{background:#2563eb;color:#fff}.apd-action--blue:hover{background:#1d4ed8}.apd-action--green{background:#16a34a;color:#fff}.apd-action--green:hover{background:#15803d}.apd-action--gray{background:#fff;color:var(--gray-700);border:1px solid var(--gray-200)}.apd-action--gray:hover{background:var(--gray-50)}.apd-action--red{background:#dc2626;color:#fff}.apd-action--red:hover{background:#b91c1c}.apd-timeline-item{display:flex;align-items:center;gap:.6rem;padding:.5rem 0}.apd-timeline-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.apd-tabs{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.apd-tab-bar{display:flex;border-bottom:1px solid var(--gray-200)}.apd-tab-btn{padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--gray-500);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.apd-tab-btn:hover{color:var(--gray-700)}.apd-tab-btn--active{color:#2563eb;border-bottom-color:#2563eb}.apd-tab-content{padding:1.5rem}.apd-table{width:100%;border-collapse:collapse}.apd-table th{text-align:left;padding:.6rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);background:var(--gray-50);font-weight:600;border-bottom:1px solid var(--gray-200)}.apd-table td{padding:.7rem .75rem;border-bottom:1px solid var(--gray-100);font-size:.875rem;color:var(--gray-700)}.apd-table tr:hover td{background:var(--gray-50)}.apd-table .t-title{font-weight:500;color:var(--gray-900)}.apd-table .t-desc{font-size:.8125rem;color:var(--gray-500)}.apd-milestone{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem;margin-bottom:.65rem;transition:border-color .15s}.apd-milestone:hover{border-color:var(--gray-300)}.apd-milestone__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.apd-milestone__title{font-weight:600;color:var(--gray-900)}.apd-milestone__desc{font-size:.8125rem;color:var(--gray-600);margin-top:.2rem}.apd-milestone__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.6rem;font-size:.8125rem}.apd-milestone__grid label{color:var(--gray-500)}.apd-milestone__grid p{font-weight:500;color:var(--gray-900);margin-top:.1rem}.apd-empty{color:var(--gray-400);text-align:center;padding:1.5rem;font-size:.875rem}@media(max-width:900px){.apd-stats{grid-template-columns:repeat(2,1fr)}.apd-grid{grid-template-columns:1fr}}@media(max-width:500px){.apd-stats,.apd-info-grid,.apd-milestone__grid{grid-template-columns:1fr}.apd-header__top{flex-direction:column}}.ape{max-width:1100px;margin:0 auto}.ape-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.ape-header h1{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.ape-header p{font-size:.875rem;color:var(--gray-500);margin-top:.15rem}.ape-header__actions{display:flex;gap:.5rem}.ape-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.ape-card__header{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200);font-size:1rem;font-weight:600;color:var(--gray-800)}.ape-form{padding:1.5rem}.ape-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.ape-section{background:var(--gray-50);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem}.ape-section h3{font-size:.9375rem;font-weight:600;color:var(--gray-700);margin-bottom:1rem;display:flex;align-items:center;gap:.4rem}.ape-section--blue{background:#eff6ff;border:1px solid #bfdbfe}.ape-section--blue h3{color:#1e40af}.ape-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ape-row--full{grid-template-columns:1fr}.ape-label{display:block;font-size:.8125rem;font-weight:500;color:var(--gray-700);margin-bottom:.25rem}.ape-input{width:100%;padding:.55rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:.875rem;color:var(--gray-900);background:var(--white);transition:border-color .15s,box-shadow .15s;outline:none}.ape-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ape-input--textarea{resize:vertical;min-height:90px}.ape-hint{font-size:.75rem;color:var(--gray-400);margin-top:.2rem}.ape-progress-row{display:flex;align-items:center;gap:.75rem}.ape-progress-row input[type=range]{flex:1;cursor:pointer;accent-color:#2563eb}.ape-progress-row input[type=number]{width:70px;text-align:center}.ape-currency{position:relative}.ape-currency__symbol{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:.875rem}.ape-currency .ape-input{padding-left:1.75rem}.ape-check{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700);cursor:pointer}.ape-check input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.ape-actions{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem}.ape-actions button,.ape-actions a{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.7rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none;border:none}.ape-notes{margin-top:2rem;background:#fefce8;border:1px solid #fde68a;border-radius:var(--radius-lg);padding:1.25rem}.ape-notes h3{font-size:1rem;font-weight:600;color:#92400e;margin-bottom:.75rem}.ape-notes li{font-size:.875rem;color:#a16207;padding:.15rem 0 .15rem 1rem;position:relative}.ape-notes li:before{content:"›";position:absolute;left:0;font-weight:700}.ape-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;padding:.75rem 1rem;border-radius:var(--radius-lg);margin-bottom:1rem;font-size:.875rem}.ape-success{background:#f0fdf4;border:1px solid #86efac;color:#16a34a;padding:.75rem 1rem;border-radius:var(--radius-lg);margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.4rem}@media(max-width:900px){.ape-grid{grid-template-columns:1fr}}@media(max-width:500px){.ape-row{grid-template-columns:1fr}.ape-header{flex-direction:column}}.client-detail{max-width:1100px;margin:0 auto}.cd-header{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.cd-header__top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.cd-header__info{display:flex;align-items:center;gap:1rem}.cd-header__avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;flex-shrink:0}.cd-header__name{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.cd-header__company{font-size:.875rem;color:var(--gray-500)}.cd-header__meta{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.cd-header__actions{display:flex;gap:.5rem;flex-wrap:wrap}.cd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.cd-stat{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem;display:flex;align-items:center;gap:.85rem}.cd-stat__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.cd-stat__icon--blue{background:#dbeafe;color:#2563eb}.cd-stat__icon--green{background:#dcfce7;color:#16a34a}.cd-stat__icon--purple{background:#ede9fe;color:#7c3aed}.cd-stat__icon--yellow{background:#fef9c3;color:#ca8a04}.cd-stat__label{font-size:.8125rem;color:var(--gray-500)}.cd-stat__value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.cd-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.cd-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.cd-card h2{font-size:1.05rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.cd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.cd-info-item label{display:block;font-size:.8125rem;color:var(--gray-500);margin-bottom:.15rem}.cd-info-item p{font-size:.9375rem;font-weight:500;color:var(--gray-900)}.cd-project{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem;margin-bottom:.65rem;transition:background .15s}.cd-project:hover{background:var(--gray-50)}.cd-project__top{display:flex;justify-content:space-between;align-items:flex-start}.cd-project__title{font-weight:600;color:var(--gray-900);font-size:.9375rem}.cd-project__meta{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.cd-project__budget{text-align:right}.cd-project__budget span{font-weight:600;font-size:.9375rem;color:var(--gray-900)}.cd-project__budget small{display:block;font-size:.75rem;color:var(--gray-400)}.cd-project__dates{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--gray-500);margin-top:.5rem}.cd-progress{display:flex;align-items:center;gap:.4rem}.cd-progress__bar{width:60px;height:6px;background:var(--gray-200);border-radius:999px;overflow:hidden}.cd-progress__fill{height:100%;background:#2563eb;border-radius:999px}.cd-progress__text{font-size:.75rem;color:var(--gray-600)}.cd-account-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--gray-100)}.cd-account-item:last-child{border-bottom:none}.cd-account-item span:first-child{font-size:.875rem;color:var(--gray-600)}.cd-account-item span:last-child{font-weight:500;color:var(--gray-900)}.cd-action-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;border:none;width:100%;margin-bottom:.5rem;text-decoration:none}.cd-action-btn--blue{background:#2563eb;color:#fff}.cd-action-btn--blue:hover{background:#1d4ed8}.cd-action-btn--green{background:#16a34a;color:#fff}.cd-action-btn--green:hover{background:#15803d}.cd-action-btn--gray{background:#fff;color:var(--gray-700);border:1px solid var(--gray-200)}.cd-action-btn--gray:hover{background:var(--gray-50)}.cd-action-btn--yellow{background:#f59e0b;color:#fff}.cd-action-btn--yellow:hover{background:#d97706}.cd-empty{text-align:center;padding:2rem;color:var(--gray-400)}.cd-empty svg{font-size:2rem;margin-bottom:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{background:var(--white);border-radius:16px;box-shadow:0 25px 60px #00000040;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .25s ease}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.modal__header h2{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin:0}.modal__close{width:34px;height:34px;border-radius:50%;border:none;background:var(--gray-100);color:var(--gray-500);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:all .15s;flex-shrink:0}.modal__close:hover{background:#fee2e2;color:#dc2626}.modal form,.modal__body{padding:1.5rem}.modal .form-group{margin-bottom:1.15rem}.modal .form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--gray-700);margin-bottom:.35rem}.modal .form-input,.modal input,.modal select,.modal textarea{width:100%;padding:.6rem .85rem;border:1.5px solid var(--gray-200);border-radius:10px;font-size:.9rem;color:var(--gray-900);background:var(--gray-50);transition:border-color .15s,box-shadow .15s;box-sizing:border-box;font-family:inherit}.modal .form-input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:var(--white)}.modal textarea{resize:vertical;min-height:80px}.modal__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-100)}@media(max-width:900px){.cd-stats{grid-template-columns:repeat(2,1fr)}.cd-grid{grid-template-columns:1fr}}@media(max-width:500px){.cd-stats{grid-template-columns:1fr}.cd-header__top{flex-direction:column}.cd-info-grid{grid-template-columns:1fr}}.client-dashboard{display:flex;flex-direction:column;gap:1.5rem}.welcome-banner{background:linear-gradient(135deg,#3b82f6,#4f46e5);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.welcome-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff0f;border-radius:50%;pointer-events:none}.welcome-banner:after{content:"";position:absolute;bottom:-60%;left:10%;width:200px;height:200px;background:#ffffff0a;border-radius:50%;pointer-events:none}.welcome-banner__text h1{font-size:1.5rem;font-weight:700;margin-bottom:.375rem}.welcome-banner__text p{opacity:.9;font-size:.9375rem}.welcome-banner__stat{text-align:right;flex-shrink:0}.welcome-banner__stat-value{font-size:2.25rem;font-weight:800;line-height:1}.welcome-banner__stat-label{opacity:.9;font-size:.875rem;margin-top:.25rem}.client-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.client-stats-grid{grid-template-columns:1fr}}.projects-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.projects-section__header{padding:1.5rem;border-bottom:1px solid var(--gray-200)}.projects-section__header h2{font-size:1.25rem;font-weight:700;color:var(--gray-800)}.projects-section__header p{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.projects-section .table-wrapper{border-radius:0}.table-action{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;transition:color var(--transition)}.table-action--view{color:#3b82f6}.table-action--view:hover{color:#1d4ed8}.table-action--message{color:#22c55e;margin-left:.75rem}.table-action--message:hover{color:#16a34a}.timeline-primary{font-size:.875rem;color:var(--gray-800)}.timeline-secondary{font-size:.75rem;color:var(--gray-500);margin-top:.125rem}.progress-cell{display:flex;align-items:center;gap:.5rem;min-width:140px}.progress-cell .progress-bar{flex:1}.progress-cell__label{font-size:.8125rem;font-weight:500;color:var(--gray-700);white-space:nowrap}.activity-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.activity-section__header{padding:1.5rem;border-bottom:1px solid var(--gray-200)}.activity-section__header h2{font-size:1.25rem;font-weight:700;color:var(--gray-800)}.activity-list{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid var(--gray-100);border-radius:var(--radius);transition:background var(--transition)}.activity-item:hover{background:var(--gray-50)}.activity-item__icon{width:2.5rem;height:2.5rem;background:#dbeafe;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0;font-size:.875rem}.activity-item__content{flex:1;min-width:0}.activity-item__text{font-size:.875rem;color:var(--gray-800)}.activity-item__text strong{font-weight:600}.activity-item__time{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.activity-item__action .btn{font-size:.8125rem;padding:.375rem .875rem;white-space:nowrap}.empty-row td{text-align:center;padding:3rem 1.5rem!important;color:var(--gray-400);font-size:.9375rem}@media(max-width:768px){.client-dashboard{gap:1rem}.welcome-banner{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem}.welcome-banner__stat{text-align:left}.welcome-banner__text h1{font-size:1.25rem}.welcome-banner__stat-value{font-size:1.75rem}.client-stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:.875rem 1rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper table{min-width:640px}.projects-section__header{padding:1rem 1.25rem}.projects-section__header h2{font-size:1.1rem}.activity-item{flex-direction:column;gap:.75rem}.activity-item__action{align-self:flex-start}.activity-section__header,.activity-list{padding:1rem 1.25rem}}@media(max-width:480px){.client-dashboard{gap:.75rem}.welcome-banner{padding:1rem 1.25rem}.welcome-banner__text h1{font-size:1.1rem}.welcome-banner__text p{font-size:.8125rem}.welcome-banner__stat-value{font-size:1.5rem}.stat-card__icon{width:36px;height:36px;font-size:.875rem}.stat-card__label{font-size:.75rem}.stat-card__value{font-size:1.25rem}.projects-section__header{padding:.875rem 1rem}.projects-section__header h2{font-size:1rem}.projects-section__header p{font-size:.8125rem}.activity-section__header h2{font-size:1rem}.activity-list{padding:.875rem 1rem;gap:.75rem}.activity-item{padding:.75rem}.activity-item__text{font-size:.8125rem}.activity-item__action .btn{font-size:.75rem;padding:.3rem .7rem}.table-wrapper table{min-width:560px}}.payments-table-wrap{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.payments-mobile-cards{display:none}.payment-card-mobile{padding:1rem 1.25rem;border-bottom:1px solid var(--gray-100)}.payment-card-mobile:last-child{border-bottom:none}.payment-card-mobile__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.625rem}.payment-card-mobile__project{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.payment-card-mobile__date{font-size:.75rem;color:var(--gray-400);margin-top:.125rem}.payment-card-mobile__amount{font-size:1.125rem;font-weight:700;color:var(--gray-900);white-space:nowrap}.payment-card-mobile__bottom{display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.payments-page{padding:0 .25rem}.payments-page h2{font-size:1.15rem!important}.payments-stats-grid{grid-template-columns:1fr!important;gap:.75rem!important}.payments-filters{gap:.35rem!important}.payments-filters button{padding:.35rem .75rem!important;font-size:.75rem!important}.payments-desktop-table{display:none!important}.payments-mobile-cards{display:block}}@media(max-width:480px){.payments-page h2{font-size:1.05rem!important}.payments-stats-grid .card{padding:.875rem!important}.payments-filters button{padding:.3rem .6rem!important;font-size:.6875rem!important}.payment-card-mobile{padding:.875rem 1rem}.payment-card-mobile__project{font-size:.8125rem}.payment-card-mobile__amount{font-size:1rem}}.client-projects{display:flex;flex-direction:column;gap:1.5rem}.projects-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.projects-header__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.projects-header__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.projects-filter select{min-width:140px;padding:.5rem 2rem .5rem .75rem;border-radius:var(--radius);font-size:.875rem;-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 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center}.projects-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.projects-stats-grid .stat-card{display:flex;align-items:center;justify-content:space-between}@media(max-width:1024px){.projects-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.projects-stats-grid{grid-template-columns:1fr}}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}}.project-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.project-card__bar{height:4px}.project-card__bar--green{background:linear-gradient(90deg,#4ade80,#16a34a)}.project-card__bar--yellow{background:linear-gradient(90deg,#facc15,#ca8a04)}.project-card__bar--purple{background:linear-gradient(90deg,#c084fc,#7c3aed)}.project-card__bar--gray{background:linear-gradient(90deg,#9ca3af,#6b7280)}.project-card__body{padding:1.5rem}.project-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.project-card__title-wrap{flex:1;min-width:0}.project-card__title{font-size:1.0625rem;font-weight:600;color:var(--gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__desc{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card__progress{margin-bottom:1rem}.project-card__progress-header{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--gray-600);margin-bottom:.375rem}.project-card__progress-value{font-weight:600;color:var(--gray-900)}.project-card__stats{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);margin-bottom:.75rem;font-size:.8125rem;color:var(--gray-500)}.project-card__stat-item{display:flex;align-items:center;gap:.375rem}.project-card__stat-icon{font-size:.75rem}.project-card__timeline{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--gray-500);margin-bottom:1rem}.project-card__timeline-icon{color:var(--gray-400);font-size:.75rem}.project-card__actions{display:flex;gap:.5rem}.project-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.8125rem;font-weight:500;transition:all .15s ease}.project-card__btn--primary{flex:1;background:var(--primary-600);color:#fff}.project-card__btn--primary:hover{background:var(--primary-700)}.project-card__btn--secondary{background:var(--gray-100);color:var(--gray-700)}.project-card__btn--secondary:hover{background:var(--gray-200)}.projects-empty{grid-column:1 / -1;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:3rem 2rem;text-align:center}.projects-empty__icon{width:5rem;height:5rem;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.75rem;color:var(--gray-400)}.projects-empty__title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.375rem}.projects-empty__text{font-size:.875rem;color:var(--gray-500)}@media(max-width:640px){.projects-header{flex-direction:column}.projects-header__title{font-size:1.25rem}.projects-grid{gap:1rem}.project-card__body{padding:1.125rem}.project-card__title{font-size:.9375rem}.project-card__actions{flex-direction:column}.project-card__btn{justify-content:center}.projects-empty{padding:2rem 1.25rem}.projects-empty__icon{width:3.5rem;height:3.5rem;font-size:1.25rem}.projects-empty__title{font-size:1rem}}@media(max-width:480px){.client-projects{gap:1rem}.projects-header__title{font-size:1.1rem}.projects-header__subtitle{font-size:.8125rem}.projects-filter select{min-width:120px;font-size:.8125rem;padding:.4rem 1.75rem .4rem .625rem}.projects-stats-grid{gap:.5rem}.project-card__body{padding:1rem}.project-card__head{margin-bottom:.75rem}.project-card__title{font-size:.875rem}.project-card__desc,.project-card__progress-header{font-size:.75rem}.project-card__stats{font-size:.75rem;padding:.5rem 0;margin-bottom:.5rem}.project-card__timeline{font-size:.75rem;margin-bottom:.75rem}.project-card__btn{padding:.4rem .75rem;font-size:.75rem}}.client-documents{display:flex;flex-direction:column;gap:1.5rem}.documents-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.documents-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-200)}.documents-header__title{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.documents-header__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.125rem}.documents-filters{background:var(--gray-50);padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.documents-filters__grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:end}.documents-filters__grid .form-group{margin-bottom:0}.documents-filters__actions{display:flex;gap:.5rem;align-items:flex-end;padding-bottom:1px}@media(max-width:900px){.documents-filters__grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.documents-filters__grid{grid-template-columns:1fr}.documents-header{flex-direction:column;gap:1rem;align-items:flex-start}}.doc-cell{display:flex;align-items:center;gap:.75rem}.doc-cell__icon{font-size:1.5rem;color:var(--gray-400);flex-shrink:0}.doc-cell__title{font-size:.875rem;font-weight:500;color:var(--gray-900)}.doc-cell__meta{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.doc-cell__version{font-size:.75rem;color:var(--gray-400);margin-top:.25rem}.doc-actions{display:flex;gap:.5rem}.doc-actions__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.875rem;transition:all .15s ease}.doc-actions__btn--view{color:#3b82f6}.doc-actions__btn--view:hover{background:#dbeafe;color:#1d4ed8}.doc-actions__btn--download{color:#22c55e}.doc-actions__btn--download:hover{background:#dcfce7;color:#16a34a}.documents-empty{padding:3rem 2rem;text-align:center}.documents-empty__icon{font-size:2.5rem;color:var(--gray-300);margin-bottom:.75rem}.documents-empty__title{font-size:1.0625rem;font-weight:600;color:var(--gray-600);margin-bottom:.25rem}.documents-empty__text{font-size:.875rem;color:var(--gray-400)}.upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto;animation:fadeIn .15s ease}.upload-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:720px;padding:2rem;position:relative;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upload-modal__close{position:absolute;top:1rem;right:1rem;font-size:1.125rem;color:var(--gray-400);padding:.375rem;border-radius:6px;transition:all .15s ease}.upload-modal__close:hover{background:var(--gray-100);color:var(--gray-700)}.upload-modal__header{margin-bottom:1.5rem}.upload-modal__header h2{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.upload-modal__header p{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.upload-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.upload-modal__row{grid-template-columns:1fr}}.hidden{display:none}.upload-dropzone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease}.upload-dropzone:hover{border-color:var(--primary-400);background:#eff6ff}.upload-dropzone--active{border-color:var(--primary-500);background:#eff6ff}.upload-dropzone__icon{font-size:2.5rem;color:var(--gray-400);margin-bottom:.5rem}.upload-dropzone__text{color:var(--gray-600);font-size:.9375rem;margin-bottom:.25rem}.upload-dropzone__hint{font-size:.8125rem;color:var(--gray-400);margin-bottom:1rem}.upload-dropzone__btn{font-size:.8125rem;padding:.5rem 1rem}.upload-dropzone__selected{display:flex;align-items:center;gap:.75rem;text-align:left}.upload-dropzone__filename{font-size:.875rem;font-weight:500;color:var(--gray-800)}.upload-dropzone__filesize{font-size:.8125rem;color:var(--gray-500)}.upload-dropzone__remove{margin-left:auto;color:var(--gray-400);font-size:.875rem;padding:.25rem;border-radius:4px}.upload-dropzone__remove:hover{color:var(--red-500);background:#fee2e2}.visibility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:640px){.visibility-grid{grid-template-columns:repeat(2,1fr)}}.visibility-option{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .5rem;border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.visibility-option:hover{background:var(--gray-50)}.visibility-option input[type=radio]{display:none}.visibility-option--active{border-color:var(--vis-color, var(--primary-500));background:#3b82f60a}.visibility-option__icon{font-size:1.5rem;color:var(--gray-600);margin-bottom:.5rem}.visibility-option--active .visibility-option__icon{color:var(--vis-color, var(--primary-600))}.visibility-option__label{font-size:.875rem;font-weight:600;color:var(--gray-800)}.visibility-option__desc{font-size:.6875rem;color:var(--gray-500);margin-top:.25rem;line-height:1.3}.upload-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--gray-200);margin-top:1.5rem}.client-messages{display:flex;flex-direction:column}.messages-container{display:flex;height:calc(100vh - 200px);min-height:500px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.messages-sidebar{width:340px;min-width:280px;border-right:1px solid var(--gray-200);display:flex;flex-direction:column}.messages-sidebar__header{padding:1.25rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:flex-start}.messages-sidebar__title{font-size:1.25rem;font-weight:700;color:var(--gray-800)}.messages-sidebar__subtitle{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.messages-sidebar__new-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-600);color:#fff;border-radius:50%;font-size:.8125rem;transition:background .15s ease;flex-shrink:0}.messages-sidebar__new-btn:hover{background:var(--primary-700)}.messages-sidebar__search{padding:.75rem 1.25rem;border-bottom:1px solid var(--gray-100);position:relative}.messages-sidebar__search input{width:100%;padding:.5rem .75rem .5rem 2rem;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:.875rem;transition:border-color .15s ease}.messages-sidebar__search input:focus{border-color:var(--primary-500);outline:none}.messages-sidebar__search-icon{position:absolute;left:1.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:.75rem}.messages-sidebar__list{flex:1;overflow-y:auto}.conv-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;border-bottom:1px solid var(--gray-100);transition:background .1s ease}.conv-item:hover{background:var(--gray-50)}.conv-item--active{background:#eff6ff}.conv-item__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8125rem;flex-shrink:0}.conv-item__info{flex:1;min-width:0}.conv-item__name{font-size:.9375rem;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item__preview{font-size:.8125rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem}.conv-item__time{font-size:.6875rem;color:var(--gray-400);white-space:nowrap;flex-shrink:0}.messages-sidebar__empty{padding:2rem;text-align:center;color:var(--gray-500);display:flex;flex-direction:column;align-items:center;gap:.5rem}.messages-sidebar__empty button{color:var(--primary-600);font-size:.875rem;margin-top:.5rem}.messages-sidebar__empty button:hover{text-decoration:underline}.messages-sidebar__available{padding:.75rem 1.25rem;border-top:1px solid var(--gray-200)}.messages-sidebar__available h3{font-size:.8125rem;font-weight:600;color:var(--gray-600);margin-bottom:.5rem}.available-user{display:flex;align-items:center;gap:.5rem;padding:.5rem;width:100%;border-radius:var(--radius);transition:background .1s ease;font-size:.875rem;font-weight:500;color:var(--gray-700)}.available-user:hover{background:var(--gray-100)}.available-user__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.6875rem;flex-shrink:0}.messages-chat{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:#fff;z-index:5}.chat-header__user{display:flex;align-items:center;gap:.75rem}.chat-header__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8125rem;flex-shrink:0}.chat-header__name{font-size:1rem;font-weight:700;color:var(--gray-800)}.chat-header__project{font-size:.8125rem;color:var(--gray-500)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;background:var(--gray-50);display:flex;flex-direction:column;gap:1rem;min-height:0}.chat-messages__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:.875rem}.chat-bubble-row{display:flex;gap:.5rem;max-width:70%}.chat-bubble-row--left{align-self:flex-start}.chat-bubble-row--right{align-self:flex-end;flex-direction:row-reverse}.chat-bubble__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.625rem;font-weight:700;flex-shrink:0;align-self:flex-end}.chat-bubble{padding:.75rem 1rem;border-radius:12px;max-width:100%}.chat-bubble--mine{background:var(--primary-600);color:#fff;border-bottom-right-radius:4px}.chat-bubble--theirs{background:#fff;border:1px solid var(--gray-200);border-bottom-left-radius:4px}.chat-bubble__text{font-size:.9375rem;line-height:1.5;word-break:break-word}.chat-bubble--theirs .chat-bubble__text{color:var(--gray-800)}.chat-bubble__time{display:block;font-size:.6875rem;margin-top:.375rem;opacity:.7}.chat-bubble--theirs .chat-bubble__time{color:var(--gray-400)}.chat-input{padding:1rem 1.5rem;border-top:1px solid var(--gray-200);display:flex;gap:.5rem;background:#fff}.chat-input input{flex:1;padding:.75rem 1rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:.9375rem;transition:border-color .15s ease}.chat-input input:focus{border-color:var(--primary-500);outline:none}.chat-input button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--primary-600);color:#fff;border-radius:var(--radius-lg);font-size:.875rem;transition:background .15s ease;flex-shrink:0}.chat-input button:hover:not(:disabled){background:var(--primary-700)}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--gray-500)}.chat-empty__icon{font-size:4rem;color:var(--gray-300);margin-bottom:1rem}.chat-empty h3{font-size:1.25rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.chat-empty p{max-width:320px;font-size:.9375rem;margin-bottom:1.5rem;line-height:1.5}@media(max-width:768px){.messages-container{flex-direction:column;height:calc(100vh - 140px);min-height:unset;position:relative}.messages-sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--gray-200)}.messages-container--chat-open .messages-sidebar{display:none}.messages-container--chat-open .messages-chat{display:flex;flex:1}.messages-sidebar__list{max-height:45vh}.messages-sidebar__header{padding:1rem}.messages-sidebar__title{font-size:1.1rem}.messages-sidebar__search{padding:.5rem 1rem}.conv-item{padding:.75rem 1rem}.conv-item__avatar{width:36px;height:36px;font-size:.75rem}.conv-item__name{font-size:.875rem}.conv-item__preview{font-size:.75rem}.chat-header{padding:.75rem 1rem}.chat-header__avatar{width:36px;height:36px;font-size:.75rem}.chat-header__name{font-size:.9375rem}.chat-messages{padding:1rem;gap:.75rem}.chat-bubble-row{max-width:85%}.chat-bubble{padding:.625rem .875rem}.chat-bubble__text{font-size:.875rem}.chat-bubble__avatar{width:28px;height:28px;font-size:.5625rem}.chat-bubble__image{max-width:200px;max-height:160px}.chat-input-area{padding:.5rem .75rem}.chat-input input{padding:.625rem .75rem;font-size:.875rem}.chat-input button{width:38px;height:38px;font-size:.8125rem}.chat-input__action-btn{width:32px!important;height:32px!important;font-size:1rem}.chat-input__emoji-picker{width:260px;padding:.5rem;max-height:180px}.chat-input__emoji-btn{width:28px;height:28px;font-size:1rem}.chat-empty__icon{font-size:2.5rem}.chat-empty h3{font-size:1.1rem}.chat-empty p{font-size:.8125rem}.messages-sidebar__back-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--primary-600);background:none;border:none;cursor:pointer;padding:.25rem 0;margin-right:auto}}@media(min-width:769px){.messages-sidebar__back-btn{display:none}}@media(max-width:480px){.messages-container{height:calc(100vh - 120px);border-radius:var(--radius)}.messages-sidebar__list{max-height:50vh}.messages-sidebar__header{padding:.75rem}.messages-sidebar__title{font-size:1rem}.messages-sidebar__subtitle{font-size:.75rem}.messages-sidebar__new-btn{width:32px;height:32px;font-size:.75rem}.conv-item__avatar{width:32px;height:32px;font-size:.6875rem}.chat-messages{padding:.75rem}.chat-bubble-row{max-width:90%}.chat-bubble__text{font-size:.8125rem}.chat-input__emoji-picker{width:240px}}.chat-input-area{border-top:1px solid var(--gray-200);background:#fff;padding:.75rem 1rem;position:relative;flex-shrink:0}.chat-input-area .chat-input{border-top:none;padding:0}.chat-bubble__image{max-width:240px;max-height:200px;border-radius:.5rem;margin-top:.35rem;cursor:pointer;display:block;object-fit:cover}.chat-bubble__file-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-top:.35rem;background:#0000000d;border-radius:.5rem;font-size:.8rem;color:var(--primary);text-decoration:none;transition:background .15s}.chat-bubble--mine .chat-bubble__file-link{background:#ffffff26;color:#fff}.chat-bubble__file-link:hover{background:#0000001a}.chat-bubble__file-dl{margin-left:auto;font-size:.7rem;opacity:.6}.chat-input__file-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:.5rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius)}.chat-input__file-thumb{width:40px;height:40px;border-radius:.35rem;object-fit:cover}.chat-input__file-icon{width:40px;height:40px;border-radius:.35rem;background:var(--gray-200);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--gray-600)}.chat-input__file-name{flex:1;font-size:.8rem;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-input__file-remove{background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:1rem;padding:.15rem;transition:color .15s}.chat-input__file-remove:hover{color:#dc2626}.chat-input__emoji-picker{position:absolute;bottom:100%;left:1rem;margin-bottom:.5rem;display:flex;flex-wrap:wrap;gap:2px;padding:.75rem;background:#fff;border:1px solid var(--gray-200);border-radius:.75rem;box-shadow:0 8px 30px #0000001f;width:320px;max-height:220px;overflow-y:auto;z-index:50}.chat-input__emoji-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:1.15rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:background .1s}.chat-input__emoji-btn:hover{background:var(--gray-100)}.chat-input__action-btn{background:none!important;border:none!important;color:var(--gray-400)!important;cursor:pointer;padding:.5rem!important;font-size:1.15rem;border-radius:.375rem!important;transition:color .15s;flex-shrink:0;width:36px!important;height:36px!important;display:flex;align-items:center;justify-content:center}.chat-input__action-btn:hover{color:var(--primary)!important;background:var(--gray-100)!important}.client-profile{display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.profile-card__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.profile-card__header h3{font-size:1.0625rem;font-weight:700;color:var(--gray-900)}.profile-card__link{font-size:.875rem;font-weight:500;color:var(--primary-600)}.profile-card__link:hover{color:var(--primary-800)}.profile-card__body{padding:1.5rem}.profile-page-header{display:flex;justify-content:space-between;align-items:center}.profile-page-header__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.profile-page-header__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.profile-page-header__actions{display:flex;gap:.75rem}@media(max-width:640px){.profile-page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.profile-grid__left,.profile-grid__right{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:900px){.profile-grid{grid-template-columns:1fr}}.personal-info{display:flex;gap:1.5rem;align-items:flex-start}@media(max-width:640px){.personal-info{flex-direction:column;align-items:center}}.personal-info__avatar-wrap{position:relative;flex-shrink:0}.personal-info__avatar{width:128px;height:128px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:700}.personal-info__camera{position:absolute;bottom:4px;right:4px;width:34px;height:34px;background:var(--primary-600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;cursor:pointer;transition:background .15s ease}.personal-info__camera:hover{background:var(--primary-700)}.personal-info__details{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.personal-info__details{grid-template-columns:1fr;width:100%}}.info-field__label{display:block;font-size:.8125rem;color:var(--gray-500);margin-bottom:.25rem}.info-field__value{display:block;font-size:.9375rem;font-weight:500;color:var(--gray-900)}.recent-projects{display:flex;flex-direction:column;gap:.75rem}.recent-project-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid var(--gray-200);border-radius:var(--radius);transition:background .1s ease}.recent-project-item:hover{background:var(--gray-50)}.recent-project-item__left{display:flex;align-items:center;gap:.75rem}.recent-project-item__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#dbeafe;color:var(--primary-600);border-radius:var(--radius)}.recent-project-item__left h4{font-size:.9375rem;font-weight:500;color:var(--gray-900)}.recent-project-item__left p{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.recent-project-item__right{text-align:right}.stats-list{display:flex;flex-direction:column;gap:1rem}.stats-list__row{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem;color:var(--gray-600)}.stats-list__value{font-weight:600;color:var(--gray-900)}.quick-actions{display:flex;flex-direction:column;gap:.75rem}.quick-action{display:flex;align-items:center;gap:.75rem;padding:.875rem;border:1px solid var(--gray-200);border-radius:var(--radius);transition:all .15s ease;text-decoration:none}.quick-action--blue:hover{background:#eff6ff;border-color:#bfdbfe}.quick-action--green:hover{background:#f0fdf4;border-color:#bbf7d0}.quick-action--purple:hover{background:#faf5ff;border-color:#e9d5ff}.quick-action__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.9375rem;flex-shrink:0}.quick-action__icon--blue{background:#dbeafe;color:#2563eb}.quick-action__icon--green{background:#dcfce7;color:#16a34a}.quick-action__icon--purple{background:#f3e8ff;color:#7c3aed}.quick-action__title{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.quick-action__desc{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.profile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--gray-500);gap:.5rem}@media(max-width:768px){.client-profile{gap:1rem}.profile-card__header{padding:1rem 1.25rem}.profile-card__header h3{font-size:.9375rem}.profile-card__body{padding:1.25rem}.personal-info__avatar{width:96px;height:96px;font-size:2rem}.personal-info__camera{width:28px;height:28px;font-size:.6875rem}.info-field__value{font-size:.875rem}.recent-project-item{flex-direction:column;align-items:flex-start;gap:.5rem}.recent-project-item__right{text-align:left;width:100%;display:flex;gap:.75rem;align-items:center}.quick-action{padding:.75rem}.quick-action__icon{width:36px;height:36px;font-size:.875rem}.quick-action__title{font-size:.875rem}.quick-action__desc{font-size:.75rem}.stats-list__row{font-size:.875rem}}@media(max-width:480px){.profile-page-header__title{font-size:1.2rem}.profile-page-header__subtitle{font-size:.8125rem}.profile-page-header__actions .btn{font-size:.8125rem;padding:.4rem .75rem}.profile-card__header{padding:.875rem 1rem}.profile-card__body{padding:1rem}.personal-info__avatar{width:80px;height:80px;font-size:1.75rem}.info-field__label{font-size:.75rem}.info-field__value{font-size:.8125rem}.recent-project-item__icon{width:36px;height:36px}.recent-project-item__left h4{font-size:.8125rem}.recent-project-item__left p{font-size:.75rem}}.edit-profile{display:flex;flex-direction:column;gap:1.5rem}.alert{padding:.875rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:500}.alert--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.alert--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group--full{grid-column:1 / -1}@media(max-width:640px){.edit-form-grid{grid-template-columns:1fr}.form-group--full{grid-column:auto}}.form-hint{font-size:.8125rem;color:var(--gray-500);margin-top:.375rem}.edit-form-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;margin-top:2rem;border-top:1px solid var(--gray-200)}.password-fields{display:flex;flex-direction:column;gap:1rem}.btn-success{background:#16a34a;color:#fff;padding:.625rem 1.5rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;transition:background .15s ease}.btn-success:hover{background:#15803d}.btn-success:disabled{opacity:.6;cursor:not-allowed}.profile-card__header-sub{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem}.tip-card{border-radius:var(--radius-lg);padding:1.5rem}.tip-card--blue{background:#eff6ff;border:1px solid #bfdbfe}.tip-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.tip-card__header h3{font-size:1.0625rem;font-weight:700;color:var(--gray-900)}.tip-card--blue .tip-card__header h3{color:#1e3a5f}.tip-card__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.9375rem}.tip-card__icon--blue{background:#dbeafe;color:#2563eb}.tip-card__icon--purple{background:#f3e8ff;color:#7c3aed}.tip-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.tip-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#1e40af}.tip-list__icon{color:#2563eb;margin-top:2px;flex-shrink:0}.guideline-title{font-size:1.0625rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.guideline-list{display:flex;flex-direction:column;gap:.75rem}.guideline-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--gray-600)}.guideline-item__icon{color:#16a34a;margin-top:2px;flex-shrink:0}.support-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;color:#7c3aed;transition:color .15s ease}.support-link:hover{color:#6d28d9}.client-settings{display:flex;flex-direction:column;gap:1.5rem}.settings-tabs{display:flex;border-bottom:1px solid var(--gray-200);overflow-x:auto}.settings-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--gray-500);border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s ease}.settings-tab:hover{color:var(--gray-700)}.settings-tab--active{color:var(--primary-600);border-bottom-color:var(--primary-500)}.settings-section{max-width:720px;animation:fadeIn .2s ease}.settings-section__title{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem}.settings-block{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.settings-block--danger{border-color:#fecaca;background:#fef2f2}.settings-block__title{font-size:1.0625rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.settings-block__desc{font-size:.875rem;color:var(--gray-600);margin-bottom:1rem}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.toggle-row__label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700)}.toggle-row__desc{display:block;font-size:.8125rem;color:var(--gray-500)}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gray-300);border-radius:34px;cursor:pointer;transition:background .2s ease}.toggle__slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle input:checked+.toggle__slider{background:var(--primary-600)}.toggle input:checked+.toggle__slider:before{transform:translate(20px)}.setting-row{padding:.5rem 0;margin-bottom:.5rem}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-label{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--gray-700);cursor:pointer}.radio-label input[type=radio]{accent-color:var(--primary-600);width:16px;height:16px}.checkbox-group{padding-left:1.25rem;border-left:2px solid var(--gray-100);display:flex;flex-direction:column;gap:.625rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700);cursor:pointer}.checkbox-label input[type=checkbox]{accent-color:var(--primary-600);width:16px;height:16px}.session-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem;background:var(--gray-50);border-radius:var(--radius)}.session-item__left{display:flex;align-items:center;gap:.75rem}.session-item__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#dbeafe;color:var(--primary-600);border-radius:var(--radius)}.session-item__title{font-weight:500;color:var(--gray-900);font-size:.9375rem}.session-item__info{font-size:.8125rem;color:var(--gray-500)}.tfa-row{display:flex;align-items:center;justify-content:space-between}.btn-danger{background:#dc2626;color:#fff;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:.375rem;transition:background .15s ease}.btn-danger:hover{background:#b91c1c}.delete-modal-header{display:flex;align-items:center;gap:.75rem}.delete-modal-header h3{font-size:1.125rem;font-weight:700;color:var(--gray-900)}.delete-modal-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border-radius:var(--radius);font-size:1rem}.client-notifications{display:flex;flex-direction:column;gap:1.5rem}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.notif-header__title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.notif-header__subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.notif-header__actions{display:flex;gap:.75rem}@media(max-width:640px){.notif-header{flex-direction:column;align-items:flex-start;gap:1rem}}.notif-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}@media(max-width:640px){.notif-stats{grid-template-columns:repeat(2,1fr)}}.notif-stat{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius)}.notif-stat__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.9375rem}.notif-stat__icon--blue{background:#dbeafe;color:#2563eb}.notif-stat__icon--red{background:#fee2e2;color:#dc2626}.notif-stat__icon--green{background:#dcfce7;color:#16a34a}.notif-stat__icon--yellow{background:#fef3c7;color:#d97706}.notif-stat__label{font-size:.8125rem;color:var(--gray-500)}.notif-stat__value{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.notif-filters{display:flex;gap:1.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200)}.notif-filter{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--gray-500);border-bottom:2px solid transparent;transition:all .15s ease}.notif-filter:hover{color:var(--gray-700)}.notif-filter--blue{color:#2563eb;border-bottom-color:#2563eb}.notif-filter--red{color:#dc2626;border-bottom-color:#dc2626}.notif-filter--green{color:#16a34a;border-bottom-color:#16a34a}.notif-filter--purple{color:#7c3aed;border-bottom-color:#7c3aed}.notif-list{display:flex;flex-direction:column}.notif-item{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100);transition:background .1s ease}.notif-item:hover{background:var(--gray-50)}.notif-item--unread{background:#eff6ff}.notif-item--unread:hover{background:#dbeafe}.notif-item__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:1rem;flex-shrink:0}.notif-icon--blue{background:#dbeafe;color:#2563eb}.notif-icon--purple{background:#f3e8ff;color:#7c3aed}.notif-icon--green{background:#dcfce7;color:#16a34a}.notif-icon--yellow{background:#fef3c7;color:#d97706}.notif-icon--teal{background:#ccfbf1;color:#0d9488}.notif-icon--gray{background:#f3f4f6;color:#6b7280}.notif-item__body{flex:1;min-width:0}.notif-item__top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.notif-item__content{flex:1;min-width:0}.notif-item__title{font-size:.9375rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.notif-item__message{font-size:.875rem;color:var(--gray-600);margin-bottom:.5rem}.notif-item__time{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--gray-500)}.notif-item__actions{display:flex;gap:.5rem;flex-shrink:0}.notif-action{padding:.375rem;border-radius:4px;font-size:.8125rem;transition:all .1s ease}.notif-action--green{color:#16a34a}.notif-action--green:hover{color:#15803d;background:#dcfce7}.notif-action--yellow{color:#d97706}.notif-action--yellow:hover{color:#b45309;background:#fef3c7}.notif-action--red{color:#dc2626}.notif-action--red:hover{color:#b91c1c;background:#fee2e2}.notif-item__badges{display:flex;gap:.5rem;margin-top:.75rem}.badge--blue{background:#dbeafe;color:#2563eb}.badge--purple{background:#f3e8ff;color:#7c3aed}.badge--green{background:#dcfce7;color:#16a34a}.badge--yellow{background:#fef3c7;color:#d97706}.badge--teal{background:#ccfbf1;color:#0d9488}.badge--gray{background:#f3f4f6;color:#6b7280}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.notif-empty svg:first-child{font-size:3.5rem;color:var(--gray-300);margin-bottom:1rem}.notif-empty h3{font-size:1.125rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.notif-empty p{color:var(--gray-500);margin-bottom:1.5rem}.cpd{max-width:1000px;margin:0 auto}.cpd-hero{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius-lg);padding:2rem 2rem 1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.cpd-hero:after{content:"";position:absolute;top:-40%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);border-radius:50%}.cpd-hero__back{display:inline-flex;align-items:center;gap:.3rem;color:#ffffffb3;font-size:.8125rem;text-decoration:none;margin-bottom:1rem;transition:color .15s;background:none;border:none;cursor:pointer}.cpd-hero__back:hover{color:#fff}.cpd-hero__title{font-size:1.5rem;font-weight:700;margin-bottom:.3rem}.cpd-hero__desc{font-size:.9375rem;color:#ffffffb3;max-width:600px;line-height:1.5;margin-bottom:1rem}.cpd-hero__badges{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.cpd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.cpd-stat-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.1rem 1.25rem;display:flex;align-items:center;gap:.75rem}.cpd-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.cpd-stat-icon--blue{background:#dbeafe;color:#2563eb}.cpd-stat-icon--green{background:#dcfce7;color:#16a34a}.cpd-stat-icon--yellow{background:#fef9c3;color:#ca8a04}.cpd-stat-icon--purple{background:#ede9fe;color:#7c3aed}.cpd-stat-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em}.cpd-stat-value{font-size:1.3rem;font-weight:700;color:var(--gray-900)}.cpd-progress-section{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem 1.5rem;margin-bottom:1.5rem}.cpd-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.cpd-progress-header h3{font-size:.9375rem;font-weight:600;color:var(--gray-800)}.cpd-progress-pct{font-size:1.5rem;font-weight:700;color:#2563eb}.cpd-progress-bar{width:100%;height:12px;background:var(--gray-100);border-radius:999px;overflow:hidden}.cpd-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#6366f1);border-radius:999px;transition:width .4s ease}.cpd-progress-dates{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8125rem;color:var(--gray-500)}.cpd-main-grid{display:grid;grid-template-columns:3fr 2fr;gap:1.5rem}.cpd-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.cpd-card h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem;display:flex;align-items:center;gap:.4rem}.cpd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.cpd-info-item label{display:block;font-size:.75rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}.cpd-info-item p{font-size:.9375rem;font-weight:500;color:var(--gray-900)}.cpd-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.cpd-team-card{display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;background:var(--gray-50);border-radius:var(--radius-lg);transition:background .15s}.cpd-team-card:hover{background:var(--gray-100)}.cpd-team-avatar{width:36px;height:36px;border-radius:50%;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0}.cpd-team-name{font-size:.875rem;font-weight:500;color:var(--gray-900)}.cpd-team-role{font-size:.75rem;color:var(--gray-500)}.cpd-milestone{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem;margin-bottom:.65rem;transition:border-color .15s}.cpd-milestone:hover{border-color:var(--gray-300)}.cpd-milestone__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.cpd-milestone__title{font-weight:600;color:var(--gray-900);font-size:.9375rem}.cpd-milestone__desc{font-size:.8125rem;color:var(--gray-600);margin-top:.2rem;line-height:1.4}.cpd-milestone__meta{display:flex;align-items:center;gap:1rem;margin-top:.4rem;font-size:.8125rem;color:var(--gray-500)}.cpd-tasks-table{width:100%;border-collapse:collapse}.cpd-tasks-table th{text-align:left;padding:.6rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);background:var(--gray-50);font-weight:600;border-bottom:1px solid var(--gray-200)}.cpd-tasks-table td{padding:.7rem .75rem;border-bottom:1px solid var(--gray-100);font-size:.875rem;color:var(--gray-700)}.cpd-tasks-table tr:hover td{background:var(--gray-50)}.cpd-tasks-table .task-title{font-weight:500;color:var(--gray-900)}.cpd-tasks-table .task-desc{font-size:.8125rem;color:var(--gray-500)}.cpd-empty{color:var(--gray-400);font-size:.875rem;padding:1rem 0;text-align:center}.cpd-empty svg{font-size:1.5rem;margin-bottom:.35rem;display:block;margin:0 auto .35rem}.cpd-notfound{text-align:center;padding:4rem 1rem}.cpd-notfound svg{font-size:3rem;color:#facc15;margin-bottom:.75rem}.cpd-notfound h3{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:.35rem}.cpd-notfound p{color:var(--gray-500);font-size:.875rem;margin-bottom:1.25rem}@media(max-width:900px){.cpd-stats{grid-template-columns:repeat(2,1fr)}.cpd-main-grid{grid-template-columns:1fr}}@media(max-width:500px){.cpd-stats,.cpd-team-grid,.cpd-info-grid{grid-template-columns:1fr}.cpd-hero{padding:1.5rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--green-500: #22c55e;--green-600: #16a34a;--yellow-500: #eab308;--red-500: #ef4444;--purple-500: #a855f7;--orange-500: #f97316;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--sidebar-bg: #111827;--sidebar-hover: #1f2937;--sidebar-active: #374151;--sidebar-text: #d1d5db;--sidebar-text-active: #ffffff;--sidebar-width: 260px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--radius: 8px;--radius-lg: 12px;--transition: .2s ease}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--gray-50);color:var(--gray-800);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1.25rem}.badge-green{background:#dcfce7;color:#166534}.badge-blue{background:#dbeafe;color:#1e40af}.badge-yellow{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}.badge-purple{background:#f3e8ff;color:#6b21a8}.badge-gray{background:#f3f4f6;color:#374151}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all var(--transition)}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-200)}.btn-danger{background:var(--red-500);color:#fff}.btn-danger:hover{background:#dc2626}.btn-link{background:none;border:none;color:var(--primary-600);font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.btn-link:hover{color:var(--primary-700);text-decoration:underline}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--gray-700)}.form-input{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem;color:var(--gray-800);background:#fff;transition:border-color var(--transition),box-shadow var(--transition)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f626}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse}table thead{background:var(--gray-50)}table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}table td{padding:1rem 1.5rem;font-size:.875rem;border-top:1px solid var(--gray-200)}table tbody tr:hover{background:var(--gray-50)}.progress-bar{width:100%;height:.5rem;background:var(--gray-200);border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#2563eb,#6366f1);border-radius:9999px;transition:width .5s ease}.avatar{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;font-weight:600;font-size:.875rem;color:#fff}.avatar-blue{background:var(--primary-500)}.avatar-green{background:var(--green-500)}.avatar-purple{background:var(--purple-500)}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:2rem;height:2rem;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .8s linear infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.75rem;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:fadeIn .25s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-header h3{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius);color:var(--gray-500);transition:all var(--transition)}.modal-close:hover{background:var(--gray-100);color:var(--gray-800)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.progress-bar{background:var(--gray-200);border-radius:999px;height:8px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#2563eb,#6366f1);border-radius:999px;transition:width .4s ease}