.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.sidebar-overlay--open{display:block}.sidebar{width:var(--sidebar-width);background:var(--color-accent);border-right:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;box-shadow:var(--shadow-sidebar);transition:transform var(--transition-slow)}.sidebar--open{transform:translate(0)!important}.sidebar__logo{display:flex;align-items:center;gap:10px;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar__nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sidebar__footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.06)}.logo-icon{width:58px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon img{width:58px;height:40px;object-fit:cover;border-radius:5px}.logo-text{display:flex;flex-direction:column}.logo-name{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--color-white);letter-spacing:.02em}.logo-sub{font-size:10px;color:#fff6;letter-spacing:.12em;text-transform:uppercase;font-weight:500}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-sm);color:#ffffff8c;font-size:14px;font-weight:500;transition:all var(--transition-base);cursor:pointer;white-space:nowrap;text-decoration:none}.nav-item:hover{background:#ffffff12;color:#ffffffd9}.nav-item--active{background:var(--color-green);color:var(--color-white);font-weight:600}.nav-item--active:hover{background:var(--color-green-dark)}.btn-live-site{width:100%;display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);color:#fff9;font-size:13px;font-weight:500;transition:all var(--transition-base);background:transparent;cursor:pointer;font-family:inherit}.btn-live-site:hover{border-color:var(--color-green);color:var(--color-green);background:#22c55e0d}@media(max-width:768px){.sidebar{transform:translate(-100%)}}.topbar{height:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-card-border);display:flex;align-items:center;padding:0 28px;gap:16px;position:sticky;top:0;z-index:50}.topbar__hamburger{display:none!important}@media(max-width:768px){.topbar__hamburger{display:flex!important}}.topbar__left{display:flex;flex-direction:column;gap:1px;flex:1}.topbar__breadcrumb{display:flex;align-items:center;gap:6px}@media(max-width:965px){.topbar__breadcrumb{display:none}}.topbar__title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--color-text-primary)}@media(max-width:768px){.topbar__title{font-size:18px}}.topbar__search{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid var(--color-card-border);border-radius:10px;padding:0 14px;height:38px;min-width:220px;transition:all var(--transition-base)}.topbar__search:focus-within{border-color:var(--color-green);background:#fff;box-shadow:0 0 0 3px #22c55e1a}.topbar__search input{border:none;background:transparent;font-size:13px;color:var(--color-text-primary);outline:none;width:100%;font-family:var(--font-body)}.topbar__search input::placeholder{color:var(--color-text-muted)}@media(max-width:480px){.topbar__search{display:none}}.topbar__actions{display:flex;align-items:center;gap:12px}.breadcrumb-link{font-size:13px;color:var(--color-text-secondary)}.breadcrumb-sep{font-size:12px;color:var(--color-text-muted)}.breadcrumb-current{font-size:13px;color:var(--color-text-primary);font-weight:500}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--color-text-secondary);transition:all var(--transition-base);background:none;border:none;cursor:pointer}.icon-btn:hover{background:#f1f5f9;color:var(--color-text-primary)}.notification-btn{position:relative}.notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-green);border-radius:50%;border:2px solid white}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.logout-btn-topbar{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;border:1px solid var(--color-card-border);background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all var(--transition-base)}.logout-btn-topbar:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}.metric-card{border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:20px;position:relative;transition:all var(--transition-base);background:#fafbfc}.metric-card:hover{border-color:#22c55e4d;box-shadow:var(--shadow-card-hover);background:#fff}.metric-card--editing{border-color:var(--color-green);box-shadow:0 0 0 3px #22c55e1f;background:#fff}.metric-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.metric-card__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-metric-label);margin-bottom:6px}.metric-card__value{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--color-text-primary);line-height:1.1;margin-bottom:8px}.metric-card__input{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--color-text-primary);border:none;border-bottom:2px solid var(--color-green);background:transparent;outline:none;width:100%;margin-bottom:8px;padding-bottom:2px;transition:border-color var(--transition-base)}.metric-card__input:focus{border-color:var(--color-green-dark)}.metric-card__desc{font-size:12px;color:var(--color-text-muted);line-height:1.5}.metric-icon-wrap{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--color-green-light);display:flex;align-items:center;justify-content:center;color:var(--color-green-dark)}.metric-status{display:flex;align-items:center;gap:6px}.active-dot{width:6px;height:6px;border-radius:50%;background:var(--color-green)}.active-label{font-size:10px;font-weight:700;color:var(--color-green-dark);text-transform:uppercase;letter-spacing:.08em}.edit-btn{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-base);cursor:pointer;background:transparent;border:none}.edit-btn:hover{background:#22c55e1a;color:var(--color-green-dark)}.edit-btn--active{background:var(--color-green);color:#fff}.edit-btn--active:hover{background:var(--color-green-dark)}.settings-section{background:var(--color-white);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-card)}.settings-section__header{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--color-card-border)}.settings-section__icon-wrap{width:36px;height:36px;border-radius:10px;background:var(--color-green-light);display:flex;align-items:center;justify-content:center;color:var(--color-green-dark);flex-shrink:0}.settings-section__title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-text-primary)}.settings-section__body{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}@media(max-width:640px){.settings-section__body{grid-template-columns:1fr}}.settings-section__footer{display:flex;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-card-border)}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field__label{font-size:13px;font-weight:600;color:var(--color-text-primary);letter-spacing:.01em}.settings-field__input-wrap{position:relative;display:flex;align-items:center}.settings-field__icon{position:absolute;left:14px;color:var(--color-text-muted);display:flex;align-items:center;pointer-events:none}.settings-field__input{width:100%;height:48px;padding:0 16px;border:1.5px solid var(--color-card-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);background:#fff;font-family:var(--font-body);transition:border-color var(--transition-base),box-shadow var(--transition-base);outline:none}.settings-field__input::placeholder{color:var(--color-text-muted)}.settings-field__input:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #22c55e1a}.settings-field__input--icon{padding-left:38px}.password-field{display:flex;flex-direction:column;gap:8px}.password-field__label{font-size:13px;font-weight:600;color:var(--color-text-primary);letter-spacing:.01em}.password-field__input-wrap{position:relative;display:flex;align-items:center}.password-field__input{width:100%;height:48px;padding:0 44px 0 16px;border:1.5px solid var(--color-card-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);background:#fff;font-family:var(--font-body);transition:border-color var(--transition-base),box-shadow var(--transition-base);outline:none}.password-field__input::placeholder{color:var(--color-text-muted);font-size:13px}.password-field__input:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #22c55e1a}.password-field__toggle{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:0;transition:color var(--transition-base)}.password-field__toggle:hover{color:var(--color-text-secondary)}.settings-page{gap:24px}.settings-page__header{margin-bottom:4px}.settings-page__title{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--color-text-primary);margin-bottom:6px}.settings-page__subtitle{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.member-card{background:var(--color-white);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:32px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--transition-base);position:relative}.member-card:hover{box-shadow:var(--shadow-card-hover);border-color:#22c55e33;transform:translateY(-2px)}.member-card__avatar-wrap{position:relative;width:88px;height:88px;margin-bottom:16px}.member-card__avatar-img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--color-card-border)}.member-card__avatar-placeholder{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:26px;font-weight:800;color:#5a3e28;border:3px solid rgba(34,197,94,.3)}.member-card__active-badge{position:absolute;bottom:2px;right:2px;width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-green);box-shadow:0 2px 8px #00000026}.member-card__name{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.member-card__title{font-size:13px;color:var(--color-text-secondary);margin-bottom:14px}.member-card__skills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:20px}.member-card__actions{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--color-card-border);width:100%;justify-content:center}.member-card__action-btn{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-card-border);background:transparent;cursor:pointer;transition:all var(--transition-base)}.member-card__action-btn--edit{color:var(--color-text-muted)}.member-card__action-btn--edit:hover{background:#22c55e14;border-color:var(--color-green);color:var(--color-green-dark)}.member-card__action-btn--delete{color:var(--color-text-muted)}.member-card__action-btn--delete:hover{background:#ef444414;border-color:var(--color-danger);color:var(--color-danger)}.skill-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--color-green-light);color:var(--color-green-dark);letter-spacing:.02em}.add-member-card{background:transparent;border:2px dashed #cbd5e1;border-radius:var(--radius-xl);padding:32px 24px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:all var(--transition-base);width:100%;min-height:240px;font-family:inherit}.add-member-card:hover{border-color:var(--color-green);background:#22c55e08}.add-member-card:hover .add-member-card__icon{background:var(--color-green);color:#fff;border-color:var(--color-green)}.add-member-card:hover .add-member-card__label{color:var(--color-green-dark)}.add-member-card__icon{width:52px;height:52px;border-radius:50%;background:#f1f5f9;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all var(--transition-base)}.add-member-card__label{font-size:14px;font-weight:600;color:var(--color-text-muted);transition:color var(--transition-base)}.modal-overlay{position:fixed;inset:0;background:#0f16218c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.member-modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0003;animation:slideUp .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.member-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 28px 20px;border-bottom:1px solid var(--color-card-border);flex-shrink:0}.member-modal__title{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--color-text-primary);margin-bottom:4px}.member-modal__subtitle{font-size:13px;color:var(--color-text-secondary)}.member-modal__close{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border:1px solid var(--color-card-border);background:transparent;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;margin-left:16px}.member-modal__close:hover{background:#fee2e2;border-color:var(--color-danger);color:var(--color-danger)}.member-modal__body{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px}.member-modal__body::-webkit-scrollbar{width:5px}.member-modal__body::-webkit-scrollbar-track{background:transparent}.member-modal__body::-webkit-scrollbar-thumb{background:var(--color-card-border);border-radius:4px}.member-modal__footer{padding:20px 28px;border-top:1px solid var(--color-card-border);display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:480px){.modal-row{grid-template-columns:1fr}}.modal-field{display:flex;flex-direction:column;gap:7px}.modal-label{font-size:13px;font-weight:600;color:var(--color-text-primary)}.required{color:var(--color-danger);margin-left:2px}.modal-input{height:44px;padding:0 14px;border:1.5px solid var(--color-card-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);font-family:var(--font-body);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base);background:#fff}.modal-input::placeholder{color:var(--color-text-muted)}.modal-input:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #22c55e1a}.modal-input--skills{flex:1;border-radius:var(--radius-md) 0 0 var(--radius-md)}.modal-select-wrap{position:relative}.modal-select{width:100%;height:44px;padding:0 40px 0 14px;border:1.5px solid var(--color-card-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);font-family:var(--font-body);background:#fff;outline:none;appearance:none;cursor:pointer;transition:border-color var(--transition-base)}.modal-select:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #22c55e1a}.modal-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:12px;pointer-events:none}.modal-textarea{padding:12px 14px;border:1.5px solid var(--color-card-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);font-family:var(--font-body);outline:none;resize:vertical;min-height:100px;transition:border-color var(--transition-base)}.modal-textarea::placeholder{color:var(--color-text-muted)}.modal-textarea:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #22c55e1a}.modal-upload{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.modal-upload__preview{width:56px;height:56px;border-radius:50%;background:#f1f5f9;border:2px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;overflow:hidden;flex-shrink:0;transition:all var(--transition-base)}.modal-upload__preview:hover{border-color:var(--color-green)}.modal-upload__preview img{width:100%;height:100%;object-fit:cover}.modal-upload__btn{padding:9px 16px;border:1.5px solid var(--color-card-border);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--color-text-primary);background:#fff;cursor:pointer;transition:all var(--transition-base);font-family:inherit}.modal-upload__btn:hover{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.modal-upload__hint{font-size:12px;color:var(--color-text-muted)}.modal-skills-input{display:flex}.modal-skills-add{width:44px;height:44px;background:var(--color-accent);border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:background var(--transition-base)}.modal-skills-add:hover{background:var(--color-green-dark)}.modal-skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.modal-skill-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 12px;background:#f1f5f9;border:1px solid var(--color-card-border);border-radius:20px;font-size:12px;font-weight:600;color:var(--color-text-primary)}.modal-skill-tag__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);padding:0;transition:all var(--transition-base)}.modal-skill-tag__remove:hover{background:var(--color-danger);color:#fff}.team-page{gap:24px}.team-page__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.team-page__title-block{display:flex;flex-direction:column;gap:4px}.team-page__title{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--color-text-primary)}.team-page__subtitle{font-size:14px;color:var(--color-text-secondary)}.team-page__controls{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;align-items:center;background:#fff;border:1px solid var(--color-card-border);border-radius:10px;padding:4px;gap:2px}.view-toggle__btn{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base)}.view-toggle__btn--active{background:var(--color-accent);color:#fff}.view-toggle__btn:not(.view-toggle__btn--active):hover{background:#f1f5f9;color:var(--color-text-primary)}.btn-add-member{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-accent);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--transition-base)}.btn-add-member:hover{background:#243447;box-shadow:0 4px 12px #0f162140}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.team-grid--list{grid-template-columns:1fr}.team-grid--list .member-card{flex-direction:row;text-align:left;padding:20px 24px;gap:20px;align-items:center}.team-grid--list .member-card__avatar-wrap{margin-bottom:0;flex-shrink:0}.team-grid--list .member-card__actions{margin-top:0;padding-top:0;border-top:none;margin-left:auto}.team-grid--list .member-card__skills{justify-content:flex-start}.team-grid--list .add-member-card{flex-direction:row;min-height:80px;justify-content:center;padding:20px 24px}@media(max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.team-grid{grid-template-columns:1fr}}.team-page__loading{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1024px){.team-page__loading{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.team-page__loading{grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{height:280px;border-radius:var(--radius-xl);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.message-list{min-width:200px;width:clamp(200px,25vw,400px);flex-shrink:0;border-right:1px solid var(--color-card-border);display:flex;flex-direction:column;background:var(--color-white);height:100svh;overflow:hidden;overflow-y:scroll}.message-list__header{padding:20px 20px 12px;border-bottom:1px solid var(--color-card-border)}.message-list__label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.message-list__items{list-style:none;overflow-y:auto;flex:1}.message-list__items::-webkit-scrollbar{width:4px}.message-list__items::-webkit-scrollbar-track{background:transparent}.message-list__items::-webkit-scrollbar-thumb{background:var(--color-card-border);border-radius:2px}.message-list__loading{padding:12px;display:flex;flex-direction:column;gap:2px}.message-list__skeleton{display:flex;align-items:center;gap:12px;padding:16px 12px}.message-list__empty{padding:32px 20px;text-align:center;font-size:13px;color:var(--color-text-muted)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.4s infinite;border-radius:6px}.skeleton--avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton--title{width:120px;height:13px;margin-bottom:6px}.skeleton--sub{width:160px;height:11px}.skeleton-lines{flex:1}.message-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;cursor:pointer;transition:background var(--transition-base);border-bottom:1px solid var(--color-card-border);position:relative}.message-item--unread{background:#fff}.message-item--unread .message-item__name{font-weight:700}.message-item--unread .message-item__subject{color:var(--color-text-primary);font-weight:500}.message-item--read{background:#f7f9fb}.message-item--read .message-item__name{font-weight:500;color:var(--color-text-secondary)}.message-item--read .message-item__subject{color:var(--color-text-muted)}.message-item--active{background:#22c55e12!important;border-left:3px solid var(--color-green);padding-left:17px}.message-item--active .message-item__name{color:var(--color-green-dark)}.message-item:hover:not(.message-item--active){background:#f1f5f9!important}.message-item__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.02em}.message-item__avatar--teal{background:#14b8a6}.message-item__avatar--indigo{background:#6366f1}.message-item__avatar--amber{background:#f59e0b}.message-item__avatar--rose{background:#f43f5e}.message-item__avatar--violet{background:#8b5cf6}.message-item__avatar--sky{background:#0ea5e9}.message-item__body{flex:1;min-width:0}.message-item__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.message-item__name{font-size:14px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-item__unread-dot{width:8px;height:8px;border-radius:50%;background:var(--color-green);flex-shrink:0;box-shadow:0 0 4px #22c55e80}.message-item__subject{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;line-height:1.4}.message-item__time{font-size:11px;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.message-detail{flex:1;padding:32px 36px;overflow-y:scroll;background:var(--color-white);display:flex;flex-direction:column;height:100svh;gap:28px}.message-detail--empty{align-items:center;justify-content:center;gap:12px;color:var(--color-text-muted)}.message-detail__empty-icon{font-size:40px;opacity:.4}.message-detail__empty-text{font-size:14px;color:var(--color-text-muted)}.message-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.message-detail__subject{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--color-text-primary);line-height:1.3;flex:1}.message-detail__sender{display:flex;align-items:center;gap:14px}.message-detail__avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.message-detail__sender-info{display:flex;flex-direction:column;gap:2px}.message-detail__sender-name{font-size:15px;font-weight:700;color:var(--color-text-primary)}.message-detail__sender-email{font-size:13px;color:var(--color-text-secondary)}.message-detail__meta{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--color-card-border);border-radius:var(--radius-md);overflow:hidden}.message-detail__meta-item{padding:16px 20px;display:flex;flex-direction:column;gap:6px;background:#f9fafb}.message-detail__meta-item:first-child{border-right:1px solid var(--color-card-border)}.message-detail__meta-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.message-detail__meta-value{font-size:15px;font-weight:600;color:var(--color-text-primary)}.message-detail__body-section{display:flex;flex-direction:column;gap:12px}.message-detail__body-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.message-detail__body-content{background:#f9fafb;border:1px solid var(--color-card-border);border-radius:var(--radius-md);padding:24px;font-size:14.5px;color:var(--color-text-primary);line-height:1.75}.btn-delete{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;background:#ef4444;border:1px solid #ef4444;color:#fff;white-space:nowrap;flex-shrink:0}.btn-delete:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn-delete:disabled{opacity:.7;cursor:not-allowed}.btn-delete--loading{opacity:.8}.spinner--dark{border-color:#ffffff59;border-top-color:#fff}.messages-page{display:flex;flex:1;height:calc(90svh - var(--header-height));overflow:hidden;background:var(--color-white);border-top:1px solid var(--color-card-border)}@media(max-width:768px){.messages-page{flex-direction:column;height:auto;overflow:visible}.messages-page .message-list{width:100%;max-height:320px;border-right:none;border-bottom:1px solid var(--color-card-border)}.messages-page .message-detail{padding:20px}}.notification-bar{display:flex;align-items:center;justify-content:space-between;background:var(--color-green);padding:14px 28px;gap:16px}.notification-bar__left{display:flex;align-items:center;gap:10px;color:#fff}.notification-bar__text{font-size:14px;color:#fff;font-weight:500}.notification-bar__text strong{font-weight:800}.notification-bar__btn{padding:8px 20px;border-radius:8px;background:var(--color-accent);color:#fff;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all var(--transition-base);font-family:inherit;white-space:nowrap;letter-spacing:.03em}.notification-bar__btn:hover{background:#0f1e2e;box-shadow:0 4px 12px #0003}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}@media(max-width:640px){.field-grid{grid-template-columns:1fr}}.dash-field{display:flex;flex-direction:column;gap:8px}.dash-field__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted)}.dash-field__input{height:50px;padding:0 16px;border:1.5px solid var(--color-card-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text-primary);background:#fff;font-family:var(--font-body);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.dash-field__input::placeholder{color:var(--color-text-muted)}.dash-field__input:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #22c55e1a}.skeleton--input{height:50px;border-radius:var(--radius-md);width:100%}.select-wrap{position:relative;display:flex;align-items:center}.dash-field__select{width:100%;height:50px;padding:0 40px 0 16px;border:1.5px solid var(--color-card-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text-primary);background:#fff;font-family:var(--font-body);outline:none;appearance:none;cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.dash-field__select:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #22c55e1a}.select-chevron{position:absolute;right:14px;color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center}.dash-field__input--time{cursor:pointer}.dash-field__input--time::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.wpu-body{display:flex;flex-direction:column;gap:10px;padding-top:4px}.wpu-empty{font-size:13px;color:var(--color-text-muted);padding:20px 0;text-align:center}.wpu-add-row{display:flex;align-items:center;gap:8px;margin:0 0 12px}.wpu-add-input,.wpu-edit-input{flex:1;height:44px;padding:0 14px;border:1.5px solid var(--color-green);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-body);color:var(--color-text-primary);outline:none;box-shadow:0 0 0 3px #22c55e1a;background:#fff}.wpu-add-input::placeholder,.wpu-edit-input::placeholder{color:var(--color-text-muted)}.wpu-item{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--color-card-border);border-radius:var(--radius-md);background:#fff;transition:all var(--transition-base)}.wpu-item:hover{border-color:#22c55e40;background:#fafffe}.wpu-item--deleting{opacity:.45;pointer-events:none}.wpu-item__check-icon{flex-shrink:0;display:flex;align-items:center}.wpu-item__content{flex:1;font-size:14px;color:var(--color-text-primary);font-weight:500;line-height:1.5}.wpu-item__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.wpu-icon-btn{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-card-border);background:#fff;cursor:pointer;transition:all var(--transition-base);font-family:inherit}.wpu-icon-btn:disabled{opacity:.5;cursor:not-allowed}.wpu-icon-btn--edit{color:var(--color-text-muted)}.wpu-icon-btn--edit:hover:not(:disabled){border-color:var(--color-green);color:var(--color-green-dark);background:var(--color-green-light)}.wpu-icon-btn--delete{color:var(--color-text-muted)}.wpu-icon-btn--delete:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#ef44440f}.wpu-icon-btn--confirm{color:#fff;background:var(--color-green);border-color:var(--color-green)}.wpu-icon-btn--confirm:hover:not(:disabled){background:var(--color-green-dark)}.wpu-icon-btn--cancel{color:var(--color-text-secondary)}.wpu-icon-btn--cancel:hover{border-color:#ef4444;color:#ef4444}.wpu-skeleton{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--color-card-border);border-radius:var(--radius-md);background:#fff}.skeleton--circle{width:22px;height:22px;border-radius:50%;flex-shrink:0}.skeleton--wpu-text{flex:1;height:14px;border-radius:6px}.skeleton--wpu-actions{width:68px;height:28px;border-radius:7px}.btn-add-reason{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1.5px solid var(--color-green);color:var(--color-green-dark);font-size:13px;font-weight:600;background:var(--color-green-light);cursor:pointer;transition:all var(--transition-base);font-family:inherit;white-space:nowrap}.btn-add-reason:hover{background:var(--color-green);color:#fff}.spinner--sm{width:12px;height:12px;border-width:1.5px}.dashboard-page{display:flex;flex-direction:column;flex:1}.dashboard-page__content{padding:28px;display:flex;flex-direction:column;gap:24px}@media(max-width:768px){.dashboard-page__content{padding:16px}}.dashboard-card{background:var(--color-white);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-card)}.dashboard-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}.dashboard-card__header-left{display:flex;align-items:center;gap:12px}.dashboard-card__icon-wrap{width:36px;height:36px;border-radius:10px;background:var(--color-green-light);display:flex;align-items:center;justify-content:center;color:var(--color-green-dark);flex-shrink:0}.dashboard-card__icon-wrap--green{background:var(--color-green-light);color:var(--color-green-dark)}.dashboard-card__title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-text-primary)}.dashboard-card__footer{margin-top:24px;display:flex;justify-content:flex-start}.btn--dark{background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:#fff!important}.btn--dark:hover:not(:disabled){background:#0f1e2e!important;border-color:#0f1e2e!important;box-shadow:0 4px 12px #0003!important}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#f0f4f8 25%,#e2e8f0,#f0f4f8 75%);background-size:600px 100%;animation:shimmer 1.5s infinite;border-radius:6px}.login-page{min-height:100vh;background:#eef1f4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:24px;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:32px 32px}.login-page__inner{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:32px;position:relative;z-index:1}.login-page__blob{position:absolute;border-radius:50%;background:#cbd5e173;pointer-events:none}.login-page__blob--tl{width:340px;height:340px;top:-80px;left:-100px;background:#cbd5e159}.login-page__blob--br{width:280px;height:280px;bottom:-60px;right:-60px;background:#cbd5e166}.login-page__footer{text-align:center;display:flex;flex-direction:column;gap:10px}.login-page__copyright{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;font-weight:500}.login-page__links{display:flex;align-items:center;justify-content:center;gap:10px}.login-page__links button{font-size:12px;color:#94a3b8;background:none;border:none;cursor:pointer;font-family:var(--font-body);transition:color var(--transition-base);padding:0}.login-page__links button:hover{color:var(--color-text-secondary)}.login-page__link-sep{color:#cbd5e1;font-size:12px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:16px}.login-brand__icon{width:64px;height:64px;background:var(--color-accent);border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0f162140}.login-brand__name{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--color-accent);letter-spacing:-.01em;text-align:center}.login-card{width:100%;background:#fff;border-radius:20px;padding:40px 40px 32px;box-shadow:0 1px 3px #0000000a,0 8px 32px #0000000f,0 0 0 1px #00000008;display:flex;flex-direction:column;gap:24px}@media(max-width:480px){.login-card{padding:28px 20px 24px;border-radius:16px}}.login-card__header{text-align:center;display:flex;flex-direction:column;gap:6px}.login-card__title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--color-text-primary)}.login-card__subtitle{font-size:13.5px;color:var(--color-text-secondary);line-height:1.5}.login-card__footer{text-align:center;padding-top:4px;border-top:1px solid var(--color-card-border)}.login-card__footer-text{font-size:13.5px;color:var(--color-text-secondary)}.login-card__request-btn{font-size:13.5px;font-weight:700;color:var(--color-text-primary);background:none;border:none;cursor:pointer;font-family:inherit;padding:0;transition:color var(--transition-base)}.login-card__request-btn:hover{color:var(--color-green-dark)}.login-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;font-size:13px;color:#dc2626;font-weight:500}.login-form{display:flex;flex-direction:column;gap:20px}.login-field{display:flex;flex-direction:column;gap:8px}.login-field__top{display:flex;align-items:center;justify-content:space-between}.login-field__label{font-size:13.5px;font-weight:600;color:var(--color-text-primary)}.login-field__required{font-size:12px;color:var(--color-text-muted)}.login-field__forgot{font-size:12.5px;font-weight:600;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;padding:0;font-family:inherit;transition:color var(--transition-base)}.login-field__forgot:hover{color:var(--color-green-dark)}.login-field__input-wrap{position:relative;display:flex;align-items:center}.login-field__icon{position:absolute;left:16px;color:#94a3b8;display:flex;align-items:center;pointer-events:none}.login-field__input{width:100%;height:52px;padding:0 16px 0 44px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14.5px;color:var(--color-text-primary);background:#f8fafc;font-family:var(--font-body);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.login-field__input::placeholder{color:#94a3b8;font-size:14px}.login-field__input:focus{border-color:var(--color-green);background:#fff;box-shadow:0 0 0 3px #22c55e1a}.login-field__input--password{padding-right:48px}.login-field__toggle{position:absolute;right:16px;color:#94a3b8;background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:0;transition:color var(--transition-base)}.login-field__toggle:hover{color:var(--color-text-secondary)}.login-field__error-msg{font-size:12px;color:#dc2626;font-weight:500;display:flex;align-items:center;gap:4px}.login-field--error .login-field__input{border-color:#fca5a5;background:#fff7f7}.login-field--error .login-field__input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.login-remember{display:flex;align-items:center;gap:10px;cursor:pointer}.login-remember__checkbox{position:absolute;opacity:0;width:0;height:0}.login-remember__box{width:18px;height:18px;border:1.5px solid #cbd5e1;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-base);background:#fff}.login-remember__checkbox:checked+.login-remember__box{background:var(--color-green);border-color:var(--color-green)}.login-remember:hover .login-remember__box{border-color:var(--color-green)}.login-remember__label{font-size:13.5px;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.logo-text-login{color:#000!important}.login-submit{width:100%;height:52px;border-radius:12px;background:var(--color-green);border:none;color:#fff;font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-base);margin-top:4px}.login-submit:hover:not(:disabled){background:var(--color-green-dark);box-shadow:0 6px 20px #22c55e59;transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-submit--loading{opacity:.85}._page_bxxq9_1{font-family:Inter,DM Sans,system-ui,sans-serif;background:#f3f4f6;min-height:100vh;padding:clamp(1.25rem,3vw,2.5rem);display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,2rem);color:#111827;-webkit-font-smoothing:antialiased}._pageHeader_bxxq9_13{display:flex;flex-direction:column;gap:.3rem}._pageTitle_bxxq9_19{font-size:clamp(1.4rem,3vw,1.85rem);font-weight:700;color:#111827;margin:0}._pageDesc_bxxq9_26{font-size:clamp(.8rem,1.5vw,.9rem);color:#6b7280;margin:0}._card_bxxq9_32{background:#fff;border-radius:14px;border:1px solid #E5E7EB;padding:clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}._cardHeader_bxxq9_42{display:flex;align-items:center;gap:.75rem;padding-bottom:clamp(.75rem,1.5vw,1rem);border-bottom:1px solid #E5E7EB}._cardIcon_bxxq9_50{width:38px;height:38px;border-radius:6px;background:#dcfce7;color:#22c55e;display:flex;align-items:center;justify-content:center;flex-shrink:0}._cardTitle_bxxq9_62{font-size:clamp(.95rem,2vw,1.15rem);font-weight:700;color:#111827;margin:0}._topicRow_bxxq9_69{display:grid;grid-template-columns:1fr auto;gap:clamp(.75rem,1.5vw,1.25rem);align-items:flex-end}@media(max-width:560px){._topicRow_bxxq9_69{grid-template-columns:1fr}}._fieldGroup_bxxq9_81{display:flex;flex-direction:column;gap:.35rem}._label_bxxq9_87{font-size:.8rem;font-weight:600;color:#374151}._input_bxxq9_93{width:100%;padding:.65rem .9rem;border:1.5px solid #E5E7EB;border-radius:6px;font-family:Inter,DM Sans,system-ui,sans-serif;font-size:.88rem;color:#111827;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}._input_bxxq9_93::placeholder{color:#6b7280;opacity:.65}._input_bxxq9_93:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}._submitBtn_bxxq9_114{display:inline-flex;align-items:center;gap:.45rem;background:#22c55e;color:#fff;font-family:Inter,DM Sans,system-ui,sans-serif;font-size:.85rem;font-weight:600;padding:.68rem 1.35rem;border-radius:6px;border:none;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .2s ease,opacity .2s ease}._submitBtn_bxxq9_114:hover:not(:disabled){background:#1dab52;transform:translateY(-1px)}._submitBtn_bxxq9_114:disabled{opacity:.55;cursor:not-allowed}._topicMsg_bxxq9_139{font-size:.82rem;font-weight:500;padding:.5rem .9rem;border-radius:6px;margin:0}._msgOk_bxxq9_147{background:#dcfce7;color:#136e34}._msgErr_bxxq9_152{background:#fef2f2;color:#d41212}._stateMsg_bxxq9_157{font-size:.88rem;color:#6b7280;text-align:center;padding:2rem 0;margin:0}._stateErr_bxxq9_165{color:#ef4444}._empty_bxxq9_169{font-size:.88rem;color:#6b7280;padding:1.5rem 0;margin:0}._splitPane_bxxq9_176{display:grid;grid-template-columns:clamp(240px,35%,320px) 1fr;gap:0;border:1px solid #E5E7EB;border-radius:10px;overflow:hidden;min-height:clamp(300px,55vh,600px)}@media(max-width:700px){._splitPane_bxxq9_176{grid-template-columns:1fr;min-height:auto}}._listPane_bxxq9_192{border-right:1px solid #E5E7EB;overflow-y:auto}@media(max-width:700px){._listPane_bxxq9_192{border-right:none;border-bottom:1px solid #E5E7EB}._listPane_bxxq9_192._listHidden_bxxq9_201{display:none}}._list_bxxq9_192{list-style:none;margin:0;padding:0}._listItem_bxxq9_212{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:clamp(.75rem,1.5vw,1rem) clamp(.75rem,1.5vw,1.1rem);border-bottom:1px solid #E5E7EB;cursor:pointer;transition:background .2s ease}._listItem_bxxq9_212:last-child{border-bottom:none}._listItem_bxxq9_212._listItemRead_bxxq9_225{background:#fafafa}._listItem_bxxq9_212._listItemUnread_bxxq9_228{background:#f0fdf4}._listItem_bxxq9_212._listItemActive_bxxq9_231{background:#ecfdf5!important;border-left:3px solid #22C55E}._listItem_bxxq9_212:hover:not(._listItemActive_bxxq9_231){background:#edeff2}._listItemMain_bxxq9_239{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0}._listAvatar_bxxq9_247{width:clamp(34px,5vw,40px);height:clamp(34px,5vw,40px);border-radius:50%;background:#dcfce7;color:#17843f;font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}._listItemText_bxxq9_261{display:flex;flex-direction:column;gap:.18rem;min-width:0;position:relative}._listName_bxxq9_269{font-size:clamp(.82rem,1.5vw,.9rem);font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._listPosition_bxxq9_278{font-size:clamp(.72rem,1.3vw,.78rem);color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}._unreadDot_bxxq9_287{position:absolute;top:2px;right:-10px;width:7px;height:7px;border-radius:50%;background:#22c55e}._deleteBtn_bxxq9_297{background:none;border:none;color:#ef4444;cursor:pointer;padding:.3rem;border-radius:6px;display:flex;align-items:center;opacity:.55;transition:opacity .2s ease,background .2s ease;flex-shrink:0}._deleteBtn_bxxq9_297:hover:not(:disabled){opacity:1;background:#fef2f2}._deleteBtn_bxxq9_297:disabled{opacity:.25;cursor:not-allowed}._detailPane_bxxq9_319{overflow-y:auto;display:flex;flex-direction:column}@media(max-width:700px){._detailPane_bxxq9_319{display:none}._detailPane_bxxq9_319._detailVisible_bxxq9_328{display:flex}}._backBtn_bxxq9_333{display:none;align-items:center;gap:.4rem;background:none;border:none;border-bottom:1px solid #E5E7EB;padding:.75rem 1rem;font-family:Inter,DM Sans,system-ui,sans-serif;font-size:.8rem;font-weight:600;color:#22c55e;cursor:pointer;width:100%;text-align:left;transition:background .2s ease}._backBtn_bxxq9_333:hover{background:#dcfce7}@media(max-width:700px){._backBtn_bxxq9_333{display:flex}}._detailEmpty_bxxq9_359{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#6b7280;font-size:.88rem;padding:2rem;text-align:center}._detailEmptyIcon_bxxq9_372{color:#e5e7eb}._detail_bxxq9_319{padding:clamp(1rem,2.5vw,1.75rem);display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);flex:1}._detailHeader_bxxq9_384{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}._detailAvatar_bxxq9_391{width:clamp(44px,6vw,54px);height:clamp(44px,6vw,54px);border-radius:50%;background:#dcfce7;color:#17843f;font-size:1.3rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}._detailName_bxxq9_405{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;color:#111827;margin:0;line-height:1.2}._detailPosition_bxxq9_413{font-size:.8rem;color:#6b7280;text-transform:capitalize;display:block;margin-top:.15rem}._badge_bxxq9_421{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.22rem .7rem;border-radius:999px;margin-left:auto}._badgeRead_bxxq9_431{background:#f3f4f6;color:#6b7280}._badgeUnread_bxxq9_436{background:#dcfce7;color:#136e34}._detailGrid_bxxq9_441{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(160px,40%,220px),1fr));gap:clamp(.75rem,1.5vw,1.1rem)}._detailField_bxxq9_447{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem;background:#f3f4f6;border-radius:6px;border:1px solid #E5E7EB}._detailFieldLabel_bxxq9_457{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}._detailFieldValue_bxxq9_468{font-size:clamp(.82rem,1.5vw,.9rem);font-weight:500;color:#111827;word-break:break-word}._motivationBlock_bxxq9_475{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f3f4f6;border-radius:6px;border:1px solid #E5E7EB}._motivationText_bxxq9_485{font-size:clamp(.83rem,1.5vw,.92rem);color:#374151;line-height:1.7;margin:0;white-space:pre-wrap}._detailActions_bxxq9_493{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid #E5E7EB;margin-top:auto}._downloadBtn_bxxq9_503{display:inline-flex;align-items:center;gap:.45rem;background:#22c55e;color:#fff;font-family:Inter,DM Sans,system-ui,sans-serif;font-size:.82rem;font-weight:600;padding:.6rem 1.25rem;border-radius:6px;border:none;cursor:pointer;transition:background .2s ease,transform .2s ease}._downloadBtn_bxxq9_503:hover{background:#1dab52;transform:translateY(-1px)}._detailDeleteBtn_bxxq9_523{display:inline-flex;align-items:center;gap:.45rem;background:#fef2f2;color:#ef4444;font-family:Inter,DM Sans,system-ui,sans-serif;font-size:.82rem;font-weight:600;padding:.6rem 1.25rem;border-radius:6px;border:1.5px solid rgb(249.0492610837,185.4507389163,185.4507389163);cursor:pointer;transition:background .2s ease,color .2s ease}._detailDeleteBtn_bxxq9_523:hover:not(:disabled){background:#ef4444;color:#fff}._detailDeleteBtn_bxxq9_523:disabled{opacity:.45;cursor:not-allowed}._noDoc_bxxq9_547{font-size:.8rem;color:#6b7280;font-style:italic}._topicSpan_bxxq9_553{margin-right:5px;background-color:#22c55e;color:#fff;padding:5px 10px;border-radius:5px;font-weight:700}._topicSpan_bxxq9_553 button{background-color:#ef4444;color:#ecfdf5;padding:3px 5px;border:none;border-radius:5px;font-weight:700}:root{--green: #22C55E;--green-lt: #DCFCE7;--green-dk: #16A34A;--green-ring: rgba(34, 197, 94, .18);--green-border: rgba(34, 197, 94, .4);--red: #EF4444;--red-lt: #FEF2F2;--dark: #111827;--mid: #374151;--muted: #9CA3AF;--border: #E5E7EB;--bg: #F9FAFB;--white: #FFFFFF;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow: 0 1px 4px rgba(0, 0, 0, .07);--tr: .2s ease;--font: "Inter", system-ui, -apple-system, sans-serif}._card_avkei_23{font-family:var(--font);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:100%;box-sizing:border-box}._header_avkei_34{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:clamp(.85rem,2.5vw,1.25rem) clamp(1rem,3vw,1.5rem);border-bottom:1px solid var(--border);flex-wrap:wrap}._headerLeft_avkei_44{display:flex;align-items:center;gap:.65rem;min-width:0}._headerIcon_avkei_51{width:clamp(30px,5vw,36px);height:clamp(30px,5vw,36px);border-radius:var(--radius-sm);background:var(--green-lt);color:var(--green-dk);display:flex;align-items:center;justify-content:center;flex-shrink:0}._title_avkei_63{font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:700;color:var(--dark);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._addBtn_avkei_73{display:inline-flex;align-items:center;gap:.35rem;padding:clamp(.4rem,1vw,.5rem) clamp(.7rem,2vw,1rem);background:var(--white);color:var(--green-dk);border:1.5px solid var(--green-border);border-radius:var(--radius-sm);font-family:var(--font);font-size:clamp(.75rem,1.5vw,.82rem);font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--tr),border-color var(--tr)}._addBtn_avkei_73:hover{background:var(--green-lt);border-color:var(--green)}._list_avkei_96{display:flex;flex-direction:column}._row_avkei_101{border-bottom:1px solid var(--border)}._row_avkei_101:last-child{border-bottom:none}._rowOpen_avkei_109{background:var(--bg)}._rowHeader_avkei_113{width:100%;display:flex;align-items:center;gap:.65rem;padding:clamp(.8rem,2vw,1rem) clamp(1rem,3vw,1.5rem);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--tr);font-family:var(--font)}._rowHeader_avkei_113:hover{background:var(--bg)}._checkIcon_avkei_131{color:var(--green);flex-shrink:0;min-width:18px}._rowTitle_avkei_137{flex:1;min-width:0;font-size:clamp(.83rem,2vw,.95rem);font-weight:500;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){._rowTitle_avkei_137{white-space:normal;overflow:visible;text-overflow:unset;line-height:1.45}}._chevron_avkei_156{color:var(--muted);flex-shrink:0;transition:transform var(--tr);margin-left:auto}._chevronOpen_avkei_163{transform:rotate(180deg)}._rowBody_avkei_167{padding:0 clamp(1rem,3vw,1.5rem) clamp(1rem,2.5vw,1.25rem);padding-left:clamp(1rem,3vw,1.5rem)}._viewBody_avkei_172{display:flex;flex-direction:column;gap:.6rem;padding-left:clamp(1.5rem,4vw,2rem)}._viewDescription_avkei_179{font-size:clamp(.8rem,1.8vw,.88rem);color:var(--mid);line-height:1.65;margin:0}._viewDate_avkei_186{display:inline-block;font-size:.75rem;font-weight:600;color:var(--muted);background:var(--white);border:1px solid var(--border);border-radius:999px;padding:.18rem .65rem}._viewActions_avkei_197{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}._editBtn_avkei_205{display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .85rem;background:var(--white);color:var(--mid);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:.78rem;font-weight:600;cursor:pointer;transition:color var(--tr),border-color var(--tr),background var(--tr)}._editBtn_avkei_205:hover{color:var(--dark);border-color:#d1d5db;background:var(--bg)}._deleteBtn_avkei_227{display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .85rem;background:var(--white);color:var(--red);border:1.5px solid #FECACA;border-radius:var(--radius-sm);font-family:var(--font);font-size:.78rem;font-weight:600;cursor:pointer;transition:background var(--tr),color var(--tr)}._deleteBtn_avkei_227:hover:not(:disabled){background:var(--red-lt)}._deleteBtn_avkei_227:disabled{opacity:.5;cursor:not-allowed}._editForm_avkei_252{display:flex;flex-direction:column;gap:clamp(.65rem,2vw,.9rem)}._fieldGroup_avkei_258{display:flex;flex-direction:column;gap:.3rem}._fieldLabel_avkei_264{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}._fieldInput_avkei_272{width:100%;padding:clamp(.5rem,1.5vw,.6rem) clamp(.7rem,2vw,.85rem);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:clamp(.83rem,2vw,.9rem);color:var(--dark);background:var(--white);outline:none;box-sizing:border-box;transition:border-color var(--tr),box-shadow var(--tr)}._fieldInput_avkei_272:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-ring)}._textarea_avkei_291{width:100%;padding:clamp(.5rem,1.5vw,.6rem) clamp(.7rem,2vw,.85rem);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:clamp(.83rem,2vw,.9rem);color:var(--dark);background:var(--white);outline:none;resize:vertical;min-height:80px;line-height:1.6;box-sizing:border-box;transition:border-color var(--tr),box-shadow var(--tr)}._textarea_avkei_291:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-ring)}._editActions_avkei_313{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:.25rem}._saveBtn_avkei_321{display:inline-flex;align-items:center;gap:.35rem;padding:clamp(.42rem,1vw,.5rem) clamp(.9rem,2vw,1.1rem);background:var(--green);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:clamp(.78rem,1.5vw,.82rem);font-weight:600;cursor:pointer;transition:background var(--tr),opacity var(--tr)}._saveBtn_avkei_321:hover:not(:disabled){background:var(--green-dk)}._saveBtn_avkei_321:disabled{opacity:.5;cursor:not-allowed}._cancelBtn_avkei_346{display:inline-flex;align-items:center;gap:.35rem;padding:clamp(.42rem,1vw,.5rem) clamp(.9rem,2vw,1.1rem);background:var(--white);color:var(--mid);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:clamp(.78rem,1.5vw,.82rem);font-weight:600;cursor:pointer;transition:background var(--tr),color var(--tr)}._cancelBtn_avkei_346:hover{background:var(--bg);color:var(--dark)}._center_avkei_367{display:flex;align-items:center;justify-content:center;padding:clamp(2rem,6vw,3rem)}._empty_avkei_374{font-size:clamp(.8rem,2vw,.88rem);color:var(--muted);text-align:center;padding:clamp(1.5rem,5vw,2.5rem) 1.5rem;margin:0}:root{--color-bg: #0d1117;--color-sidebar-border: rgba(255, 255, 255, .06);--color-card: #ffffff;--color-card-border: #e8ecf0;--color-content-bg: #f4f6f9;--color-green: #22c55e;--color-green-dark: #16a34a;--color-green-light: rgba(34, 197, 94, .12);--color-accent: #1a2332;--color-text-primary: #0f1621;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-metric-label: #64748b;--color-white: #ffffff;--color-danger: #ef4444;--sidebar-width: 240px;--header-height: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 24px rgba(0, 0, 0, .1);--shadow-sidebar: 4px 0 24px rgba(0, 0, 0, .15);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-content-bg);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}a{text-decoration:none;color:inherit}svg{display:block}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}@media(max-width:768px){.main-content{margin-left:0}}.page-content{flex:1;padding:28px;display:flex;flex-direction:column;gap:24px}@media(max-width:768px){.page-content{padding:16px}}.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media(max-width:900px){.bottom-row{grid-template-columns:1fr}}.site-footer{text-align:center;padding:24px 28px;font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;border-top:1px solid var(--color-card-border)}.placeholder-page{background:#fff;border-radius:var(--radius-xl);padding:48px;text-align:center;border:1px solid var(--color-card-border)}.placeholder-page__title{font-family:var(--font-display);font-size:24px;margin-bottom:8px}.placeholder-page__sub{color:var(--color-text-secondary)}.metrics-section{background:var(--color-white);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-card)}@media(max-width:768px){.metrics-section{padding:20px}}.metrics-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.metrics-title-block{display:flex;flex-direction:column;gap:4px}.metrics-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-text-primary)}.info-badge{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--color-text-muted);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:help}.metrics-subtitle{font-size:13px;color:var(--color-text-secondary)}.sync-badge{display:flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--color-card-border);border-radius:10px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--color-text-muted)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}}.metrics-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-card-border);flex-wrap:wrap;gap:12px}@media(max-width:768px){.metrics-footer{flex-direction:column;align-items:flex-end}}.cache-notice{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--color-text-muted)}.footer-btns{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;border:none}.btn--secondary{background:transparent;border:1px solid var(--color-card-border);color:var(--color-text-secondary)}.btn--secondary:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger);background:#ef44440a}.btn--primary{background:var(--color-green);border:1px solid var(--color-green);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-green-dark);border-color:var(--color-green-dark);box-shadow:0 4px 12px #22c55e4d}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--loading{opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.toast-container{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;flex-direction:column;gap:8px}@keyframes slideIn{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}.toast{padding:12px 18px;border-radius:12px;font-size:13.5px;font-weight:500;box-shadow:0 8px 32px #0003;animation:slideIn .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;max-width:320px}.toast--success{background:#1a3a2a;color:#4ade80;border:1px solid #166534}.toast--error{background:#3a1a1a;color:#f87171;border:1px solid #991b1b}