:root{--smh-primary:var(--primary-color,#6366f1);--smh-text-primary:var(--text-primary,#1a1a2e);--smh-text-secondary:var(--text-secondary,#6b7280);--smh-border-color:var(--border-color,#e5e7eb);--smh-card-bg:var(--card-bg,#fff)}.smh-loading{justify-content:center;align-items:center;padding:2rem;display:flex}.smh-spinner{border-bottom:2px solid #2563eb;border-radius:9999px;width:2rem;height:2rem;animation:1s linear infinite smh-spin}@keyframes smh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.smh-empty{background:var(--smh-card-bg);text-align:center;color:var(--smh-text-secondary);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.smh-container{background:var(--smh-card-bg);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.smh-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.smh-title{color:#111827;font-size:1.5rem;font-weight:700;line-height:2rem}.smh-subtitle{color:#4b5563;margin-top:.25rem;font-size:.875rem}.smh-refresh-btn{color:#fff;cursor:pointer;font-size:inherit;background:#2563eb;border:none;border-radius:.5rem;padding:.5rem 1rem;transition:all .15s}.smh-refresh-btn:hover{background:#1d4ed8}.smh-legend{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.smh-legend__label{color:#374151;font-size:.875rem;font-weight:500}.smh-legend__item{align-items:center;gap:.5rem;display:flex}.smh-legend__swatch{border-radius:.25rem;width:1.5rem;height:1.5rem}.smh-legend__text{color:#4b5563;font-size:.875rem}.smh-proficiency--5{color:#fff;background:#166534}.smh-proficiency--4{color:#fff;background:#16a34a}.smh-proficiency--3{color:#000;background:#eab308}.smh-proficiency--2{color:#000;background:#fb923c}.smh-proficiency--1{color:#fff;background:#f87171}.smh-proficiency--0{color:var(--smh-text-secondary);background:#e5e7eb}.smh-table-wrapper{overflow-x:auto}.smh-table{border-collapse:collapse;min-width:100%}.smh-table__th{text-align:left;color:#374151;z-index:10;background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem 1rem;font-weight:600;position:sticky;left:0}.smh-table__th--skill{text-align:center;color:#374151;background:#f3f4f6;border:1px solid #d1d5db;min-width:120px;padding:.5rem 1rem;font-weight:600}.smh-table__row{transition:all .15s}.smh-table__row:hover{background:#f9fafb}.smh-table__td-user{color:#111827;background:var(--smh-card-bg);z-index:10;border:1px solid #d1d5db;padding:.5rem 1rem;font-weight:500;position:sticky;left:0}.smh-table__td-skill{text-align:center;border:1px solid #d1d5db;padding:.5rem 1rem;font-weight:600}.smh-stats{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;display:grid}@media (min-width:768px){.smh-stats{grid-template-columns:repeat(3,1fr)}}.smh-stats__card{border-radius:.5rem;padding:1rem}.smh-stats__card--blue{background:#eff6ff}.smh-stats__card--green{background:#f0fdf4}.smh-stats__card--purple{background:#faf5ff}.smh-stats__label{font-size:.875rem;font-weight:500}.smh-stats__label--blue{color:#1d4ed8}.smh-stats__label--green{color:#15803d}.smh-stats__label--purple{color:#7e22ce}.smh-stats__value{font-size:1.5rem;font-weight:700;line-height:2rem}.smh-stats__value--blue{color:#1e3a8a}.smh-stats__value--green{color:#14532d}.smh-stats__value--purple{color:#581c87}
:root{--usm-primary:var(--primary-color,#6366f1);--usm-primary-hover:#4f46e5;--usm-text-primary:var(--text-primary,#1a1a2e);--usm-text-secondary:var(--text-secondary,#6b7280);--usm-border-color:var(--border-color,#e5e7eb);--usm-card-bg:var(--card-bg,#fff)}.usm-loading{justify-content:center;align-items:center;padding:2rem;display:flex}.usm-loading__spinner{border-bottom:2px solid #2563eb;border-radius:9999px;width:2rem;height:2rem;animation:1s linear infinite usm-spin}@keyframes usm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.usm-container{background:var(--usm-card-bg);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.usm-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.usm-header__title{color:#111827;font-size:1.5rem;font-weight:700}.usm-header__add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;padding:.5rem 1rem;transition:all .15s}.usm-header__add-btn:hover{background:#1d4ed8}.usm-empty{text-align:center;color:var(--usm-text-secondary);padding:2rem 0}.usm-skills-list{flex-direction:column;gap:1.5rem;display:flex}.usm-category__title{color:#1f2937;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:600;display:flex}.usm-category__count{color:var(--usm-text-secondary);font-size:.875rem;font-weight:400}.usm-skills-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.usm-skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.usm-skills-grid{grid-template-columns:repeat(3,1fr)}}.usm-skill-card{border:1px solid var(--usm-border-color);border-radius:.5rem;padding:1rem;transition:all .15s}.usm-skill-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.usm-skill-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.usm-skill-card__name{color:#111827;font-weight:600}.usm-skill-card__actions{gap:.25rem;display:flex}.usm-skill-card__edit-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.875rem;transition:all .15s}.usm-skill-card__edit-btn:hover{color:#1e40af}.usm-skill-card__delete-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;font-size:.875rem;transition:all .15s}.usm-skill-card__delete-btn:hover{color:#991b1b}.usm-proficiency{margin-bottom:.5rem}.usm-proficiency__labels{color:#4b5563;justify-content:space-between;margin-bottom:.25rem;font-size:.75rem;display:flex}.usm-proficiency__track{background:#e5e7eb;border-radius:9999px;width:100%;height:.5rem}.usm-proficiency__bar{background:#2563eb;border-radius:9999px;height:.5rem;transition:all .15s}.usm-skill-card__details{color:#4b5563;font-size:.875rem}.usm-skill-card__last-used{margin-top:.25rem}.usm-modal-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.usm-modal{background:var(--usm-card-bg);border-radius:.5rem;width:100%;max-width:28rem;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.usm-modal__title{color:#111827;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.usm-modal__form{flex-direction:column;gap:1rem;display:flex}.usm-form-label{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.usm-form-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:.5rem .75rem;transition:all .15s}.usm-form-input:focus{border-color:#0000;box-shadow:0 0 0 2px #3b82f6}.usm-form-range{width:100%}.usm-form-range-labels{color:var(--usm-text-secondary);justify-content:space-between;margin-top:.25rem;font-size:.75rem;display:flex}.usm-modal__actions{gap:.75rem;margin-top:1.5rem;display:flex}.usm-btn--primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;flex:1;padding:.5rem 1rem;transition:all .15s}.usm-btn--primary:hover{background:#1d4ed8}.usm-btn--secondary{color:#374151;cursor:pointer;background:#d1d5db;border:none;border-radius:.5rem;flex:1;padding:.5rem 1rem;transition:all .15s}.usm-btn--secondary:hover{background:#9ca3af}
.pd-loading{justify-content:center;align-items:center;padding:2rem;display:flex}.pd-spinner{border-bottom:2px solid #2563eb;border-radius:9999px;width:2rem;height:2rem;animation:1s linear infinite pd-spin}@keyframes pd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pd-empty{background:var(--card-bg,#fff);text-align:center;color:var(--text-secondary,#6b7280);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.pd-container{background:var(--card-bg,#fff);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.pd-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.pd-title{color:var(--text-primary,#111827);font-size:1.5rem;font-weight:700;line-height:2rem}.pd-subtitle{color:#4b5563;margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.pd-meta{color:var(--text-secondary,#6b7280);margin-top:.25rem;font-size:.75rem;line-height:1rem}.pd-refresh-btn{color:#fff;cursor:pointer;font-size:inherit;background:#2563eb;border:none;border-radius:.5rem;padding:.5rem 1rem;transition:all .15s}.pd-refresh-btn:hover{background:#1d4ed8}.pd-summary-grid{grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (min-width:768px){.pd-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pd-summary-grid{grid-template-columns:repeat(4,1fr)}}.pd-card{border-radius:.5rem;padding:1rem}.pd-card--blue{background:#eff6ff}.pd-card--green{background:#f0fdf4}.pd-card--yellow{background:#fefce8}.pd-card--red{background:#fef2f2}.pd-card--purple{background:#faf5ff}.pd-card__label{font-size:.875rem;font-weight:500;line-height:1.25rem}.pd-card__label--blue{color:#1d4ed8}.pd-card__label--green{color:#15803d}.pd-card__label--purple{color:#7e22ce}.pd-card__value{font-size:1.875rem;font-weight:700;line-height:2.25rem}.pd-card__value--blue{color:#1e3a8a}.pd-card__value--green{color:#14532d}.pd-card__value--purple{color:#581c87}.pd-card__extra{margin-top:.25rem;font-size:.75rem;line-height:1rem}.pd-card__extra--blue{color:#2563eb}.pd-card__extra--green{color:#16a34a}.pd-card__extra--purple{color:#9333ea}.pd-quality-text--good{color:#16a34a}.pd-quality-text--medium{color:#ca8a04}.pd-quality-text--bad{color:#dc2626}.pd-details-grid{grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (min-width:768px){.pd-details-grid{grid-template-columns:repeat(3,1fr)}}.pd-detail-card{border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;padding:1rem}.pd-detail-card__title{color:var(--text-primary,#111827);margin-bottom:.75rem;font-weight:600}.pd-detail-card__list>*+*{margin-top:.5rem}.pd-stat-row{justify-content:space-between;font-size:.875rem;line-height:1.25rem;display:flex}.pd-stat-row__label{color:#4b5563}.pd-stat-row__value{font-weight:600}.pd-stat-row__value--green{color:#16a34a}.pd-stat-row__value--red{color:#dc2626}.pd-stat-row__value--blue{color:#2563eb}.pd-stat-row__value--orange{color:#ea580c}.pd-stat-row__value--purple{color:#9333ea}.pd-timeline{border-top:1px solid var(--border-color,#e5e7eb);padding-top:1.5rem}.pd-timeline__title{color:var(--text-primary,#111827);margin-bottom:1rem;font-weight:600}.pd-timeline__list>*+*{margin-top:.75rem}.pd-timeline-item{border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;padding:.75rem;transition:all .15s}.pd-timeline-item:hover{background:#f9fafb}.pd-timeline-item__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.pd-timeline-item__period{color:var(--text-primary,#111827);font-size:.875rem;font-weight:500;line-height:1.25rem}.pd-timeline-item__stats{gap:.75rem;font-size:.75rem;line-height:1rem;display:flex}.pd-timeline-item__stat{color:#4b5563}.pd-timeline-item__notes{color:#4b5563;margin-top:.5rem;font-size:.75rem;font-style:italic;line-height:1rem}.pd-progress-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.pd-progress__header{color:#4b5563;justify-content:space-between;margin-bottom:.25rem;font-size:.75rem;line-height:1rem;display:flex}.pd-progress__track{background:#e5e7eb;border-radius:9999px;width:100%;height:.5rem}.pd-progress__fill{border-radius:9999px;height:.5rem;transition:all .15s}.pd-progress__fill--green{background:#16a34a}.pd-progress__fill--yellow{background:#ca8a04}.pd-progress__fill--red{background:#dc2626}
:root{--oot-primary:var(--primary-color,#6366f1);--oot-text-primary:var(--text-primary,#1a1a2e);--oot-text-secondary:var(--text-secondary,#6b7280);--oot-border-color:var(--border-color,#e5e7eb);--oot-card-bg:var(--card-bg,#fff)}.oot-loading{justify-content:center;align-items:center;padding:2rem;display:flex}.oot-spinner{border-bottom:2px solid #2563eb;border-radius:9999px;width:2rem;height:2rem;animation:1s linear infinite oot-spin}@keyframes oot-spin{to{transform:rotate(360deg)}}.oot-container{background:var(--oot-card-bg);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.oot-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.oot-header__title{color:#111827;font-size:1.5rem;font-weight:700}.oot-header__create-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;padding:.5rem 1rem;transition:all .15s}.oot-header__create-btn:hover{background:#1d4ed8}.oot-filters{gap:.5rem;margin-bottom:1.5rem;display:flex}.oot-filters__btn{cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;transition:all .15s}.oot-filters__btn--active{color:#fff;background:#2563eb}.oot-filters__btn--inactive{color:#374151;background:#e5e7eb}.oot-filters__btn--inactive:hover{background:#d1d5db}.oot-empty{text-align:center;color:var(--oot-text-secondary);padding:2rem 0}.oot-meeting-list>*+*{margin-top:1rem}.oot-card{border:1px solid var(--oot-border-color);border-radius:.5rem;padding:1rem;transition:all .15s}.oot-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.oot-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.oot-card__name{color:#111827;font-size:1.125rem;font-weight:600}.oot-card__meta{color:#4b5563;font-size:.875rem}.oot-card__status-col{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.oot-card__mood{font-size:1.5rem}.oot-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.oot-badge--scheduled{color:#1e40af;background:#dbeafe}.oot-badge--completed{color:#166534;background:#dcfce7}.oot-badge--cancelled{color:#991b1b;background:#fee2e2}.oot-badge--rescheduled{color:#854d0e;background:#fef9c3}.oot-badge--default{color:#1f2937;background:#f3f4f6}.oot-section{margin-bottom:.5rem}.oot-section__label{color:#374151;font-size:.875rem;font-weight:500}.oot-section__text{color:#4b5563;font-size:.875rem}.oot-section__list{color:#4b5563;font-size:.875rem;list-style-type:disc;list-style-position:inside}.oot-notes{background:#f9fafb;border-radius:.25rem;margin-bottom:.5rem;padding:.75rem}.oot-notes__block{margin-bottom:.5rem}.oot-notes__block:last-child{margin-bottom:0}.oot-actions{gap:.5rem;margin-top:.75rem;display:flex}.oot-actions__btn{color:#fff;cursor:pointer;border:none;border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;transition:all .15s}.oot-actions__btn--complete{background:#16a34a}.oot-actions__btn--complete:hover{background:#15803d}.oot-actions__btn--cancel{background:#ca8a04}.oot-actions__btn--cancel:hover{background:#a16207}.oot-actions__btn--details{background:#2563eb}.oot-actions__btn--details:hover{background:#1d4ed8}.oot-actions__btn--delete{background:#dc2626}.oot-actions__btn--delete:hover{background:#b91c1c}.oot-modal-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.oot-modal{background:var(--oot-card-bg);border-radius:.5rem;width:100%;max-width:42rem;margin:1rem;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.oot-modal__title{color:#111827;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.oot-form{max-height:70vh;overflow-y:auto}.oot-form>*+*{margin-top:1rem}.oot-form__label{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.oot-form__input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:.5rem .75rem;transition:all .15s}.oot-form__input:focus{border-color:#0000;box-shadow:0 0 0 2px #3b82f6}.oot-form__textarea{resize:vertical;border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:.5rem .75rem;transition:all .15s}.oot-form__textarea:focus{border-color:#0000;box-shadow:0 0 0 2px #3b82f6}.oot-modal__footer{gap:.75rem;margin-top:1.5rem;display:flex}.oot-modal__btn{cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.5rem 1rem;transition:all .15s}.oot-modal__btn--submit{color:#fff;background:#2563eb}.oot-modal__btn--submit:hover{background:#1d4ed8}.oot-modal__btn--cancel{color:#374151;background:#d1d5db}.oot-modal__btn--cancel:hover{background:#9ca3af}
:root{--primary-color:#6366f1;--text-primary:#1a1a2e;--text-secondary:#6b7280;--border-color:#e5e7eb;--card-bg:#fff}.fb-container{background:var(--card-bg);border-radius:.5rem;max-width:56rem;margin-left:auto;margin-right:auto;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.fb-header{margin-bottom:1.5rem}.fb-header__title{color:#111827;font-size:1.5rem;font-weight:700}.fb-header__subtitle{color:#4b5563;margin-top:.25rem;font-size:.875rem}.fb-header__type{text-transform:capitalize;font-weight:500}.fb-progress{margin-top:1rem}.fb-progress__labels{color:#4b5563;justify-content:space-between;margin-bottom:.25rem;font-size:.75rem;display:flex}.fb-progress__track{background:#e5e7eb;border-radius:9999px;width:100%;height:.5rem}.fb-progress__fill{background:#2563eb;border-radius:9999px;height:.5rem;transition:all .15s}.fb-section{margin-bottom:1.5rem}.fb-section>*+*{margin-top:1.5rem}.fb-section__title{color:#111827;font-size:1.125rem;font-weight:600}.fb-rating-item{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.fb-rating-item__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.fb-rating-item__label{color:#111827;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.fb-rating-item__icon{font-size:1.25rem}.fb-rating-item__value{font-size:.875rem;font-weight:600}.fb-rating-item__value--green{color:#16a34a}.fb-rating-item__value--blue{color:#2563eb}.fb-rating-item__value--yellow{color:#ca8a04}.fb-rating-item__value--orange{color:#ea580c}.fb-rating-item__value--red{color:#dc2626}.fb-rating-item__value--gray{color:#9ca3af}.fb-rating-buttons{gap:.5rem;display:flex}.fb-rating-btn{border:2px solid var(--border-color);cursor:pointer;color:#374151;background:0 0;border-radius:.5rem;flex:1;padding:.75rem 1rem;font-weight:600;transition:all .15s}.fb-rating-btn:hover{border-color:#d1d5db}.fb-rating-btn--active{color:#1e3a8a;background:#eff6ff;border-color:#2563eb}.fb-rating-btn--active:hover{border-color:#2563eb}.fb-rating-scale{color:var(--text-secondary);justify-content:space-between;margin-top:.5rem;padding-left:.25rem;padding-right:.25rem;font-size:.75rem;display:flex}.fb-field__label{color:#111827;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.fb-field__textarea{width:100%;font-family:inherit;font-size:inherit;resize:vertical;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem .75rem;transition:all .15s}.fb-field__textarea:focus{border-color:#0000;outline:none;box-shadow:0 0 0 2px #3b82f6}.fb-actions{border-top:1px solid var(--border-color);gap:.75rem;padding-top:1.5rem;display:flex}.fb-btn-draft{color:#fff;cursor:pointer;font-size:inherit;background:#4b5563;border:none;border-radius:.5rem;padding:.75rem 1.5rem;transition:all .15s}.fb-btn-draft:hover{background:#374151}.fb-btn-draft:disabled{opacity:.5;cursor:not-allowed}.fb-btn-submit{color:#fff;cursor:pointer;font-weight:600;font-size:inherit;background:#2563eb;border:none;border-radius:.5rem;flex:1;padding:.75rem 1.5rem;transition:all .15s}.fb-btn-submit:hover{background:#1d4ed8}.fb-btn-submit:disabled{opacity:.5;cursor:not-allowed}.fb-validation{color:#ea580c;text-align:center;margin-top:.5rem;font-size:.875rem}
.ac-loading{justify-content:center;align-items:center;padding:2rem;display:flex}.ac-spinner{border-bottom:2px solid #2563eb;border-radius:9999px;width:2rem;height:2rem;animation:1s linear infinite ac-spin}@keyframes ac-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ac-container{background:var(--card-bg,#fff);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.ac-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.ac-title{color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:700}.ac-subtitle{color:var(--text-secondary,#6b7280);margin-top:.25rem;font-size:.875rem}.ac-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;padding:.5rem 1rem;transition:all .15s}.ac-btn-primary:hover{background:#1d4ed8}.ac-btn-nav{cursor:pointer;background:#e5e7eb;border:none;border-radius:.5rem;padding:.5rem 1rem;transition:all .15s}.ac-btn-nav:hover{background:#d1d5db}.ac-btn-approve{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;transition:all .15s}.ac-btn-approve:hover{background:#15803d}.ac-btn-reject{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;transition:all .15s}.ac-btn-reject:hover{background:#b91c1c}.ac-btn-delete{color:#fff;cursor:pointer;background:#4b5563;border:none;border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;transition:all .15s}.ac-btn-delete:hover{background:#374151}.ac-btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;flex:1;padding:.5rem 1rem;transition:all .15s}.ac-btn-submit:hover{background:#1d4ed8}.ac-btn-cancel{color:#374151;cursor:pointer;background:#d1d5db;border:none;border-radius:.5rem;flex:1;padding:.5rem 1rem;transition:all .15s}.ac-btn-cancel:hover{background:#9ca3af}.ac-month-nav{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.ac-month-title{color:var(--text-primary,#1a1a2e);font-size:1.25rem;font-weight:600}.ac-legend{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.ac-legend__item{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.ac-legend__color{border-radius:.25rem;width:1rem;height:1rem}.ac-legend__label{color:#374151}.ac-type--vacation{background:#3b82f6}.ac-type--sick-leave{background:#ef4444}.ac-type--time-off{background:#22c55e}.ac-type--business-trip{background:#a855f7}.ac-type--remote-work{background:#eab308}.ac-type--unavailable{background:#6b7280}.ac-calendar{grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.ac-calendar__day-header{text-align:center;color:#374151;padding:.5rem 0;font-weight:600}.ac-calendar__empty-cell{aspect-ratio:1}.ac-calendar__day{aspect-ratio:1;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;padding:.5rem;position:relative}.ac-calendar__day--today{border-width:2px;border-color:#2563eb}.ac-calendar__day--has-event{cursor:pointer}.ac-calendar__day--has-event:hover{box-shadow:0 4px 6px -1px #0000001a}.ac-calendar__day-number{color:var(--text-primary,#1a1a2e);font-size:.875rem;font-weight:500}.ac-calendar__event-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:1.5rem .5rem .5rem}.ac-calendar__event-badge{color:#fff;border-radius:.25rem;padding:.125rem .25rem;font-size:.75rem;font-weight:700}.ac-list{border-top:1px solid var(--border-color,#e5e7eb);padding-top:1.5rem}.ac-list__title{color:var(--text-primary,#1a1a2e);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.ac-list__empty{text-align:center;color:var(--text-secondary,#6b7280);padding:1rem 0}.ac-list__items>*+*{margin-top:.75rem}.ac-list__card{border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;padding:1rem}.ac-list__card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.ac-list__card-info{align-items:center;gap:.5rem;display:flex}.ac-list__card-icon{font-size:1.25rem}.ac-list__card-type{color:var(--text-primary,#1a1a2e);font-weight:600}.ac-list__card-dates{color:var(--text-secondary,#6b7280);font-size:.875rem}.ac-status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.ac-status--pending{color:#854d0e;background:#fef9c3}.ac-status--approved{color:#166534;background:#dcfce7}.ac-status--rejected{color:#991b1b;background:#fee2e2}.ac-status--cancelled{color:#1f2937;background:#f3f4f6}.ac-list__card-reason{color:#374151;margin-bottom:.5rem;font-size:.875rem}.ac-list__card-reason-label{font-weight:500}.ac-list__card-notes{color:var(--text-secondary,#6b7280);font-size:.875rem;font-style:italic}.ac-list__card-approver{color:var(--text-secondary,#6b7280);margin-top:.5rem;font-size:.75rem}.ac-list__card-actions{gap:.5rem;margin-top:.75rem;display:flex}.ac-modal-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ac-modal{background:var(--card-bg,#fff);border-radius:.5rem;width:100%;max-width:28rem;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.ac-modal__title{color:var(--text-primary,#1a1a2e);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.ac-modal__form>*+*{margin-top:1rem}.ac-modal__actions{gap:.75rem;margin-top:1.5rem;display:flex}.ac-form__label{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.ac-form__input,.ac-form__select,.ac-form__textarea{width:100%;font-size:inherit;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem .75rem;transition:all .15s}.ac-form__input:focus,.ac-form__select:focus,.ac-form__textarea:focus{border-color:#0000;outline:none;box-shadow:0 0 0 2px #3b82f6}.ac-form__row{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.ac-form__checkbox-wrapper{cursor:pointer;align-items:center;gap:.5rem;display:flex}.ac-form__checkbox{accent-color:#2563eb;width:1rem;height:1rem}.ac-form__checkbox-text{color:#374151;font-size:.875rem}
.collaboration-page{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.collaboration-header{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-bottom:3px solid #0ea5e9;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 6rem 1.5rem 2rem;animation:.5s ease-in fadeIn;display:flex;box-shadow:0 2px 8px #0000001a}.collaboration-header-content{align-items:center;gap:1rem;display:flex}.collaboration-header-icon{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-radius:.375rem;justify-content:center;align-items:center;padding:.875rem;display:flex}.collaboration-header-icon svg{color:#fff;width:1.5rem;height:1.5rem}.collaboration-header-text h1{color:#fff;letter-spacing:-.025em;margin:0;font-size:1.875rem;font-weight:700}.collaboration-header-text p{color:#cbd5e1;margin:.25rem 0 0;font-size:.875rem;font-weight:400}.collaboration-content{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.collaboration-tabs{border-bottom:1px solid #e5e7eb;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tab-button{white-space:nowrap;color:#6b7280;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d}.tab-button:hover{color:#374151;background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.tab-button-active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.tab-button-active:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.tab-icon{font-size:1.25rem}.collaboration-content-area{flex:1;overflow-y:auto}.feedback-section{max-width:900px;margin:0 auto}.feedback-info{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.feedback-info h3{color:#1e40af;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.25rem;font-weight:700;display:flex}.feedback-info p{color:#1e40af;margin:0;font-size:.95rem;line-height:1.6}@media (max-width:768px){.collaboration-container{padding:1rem}.collaboration-header{flex-direction:column;align-items:flex-start;gap:1rem}.collaboration-header .header-icon{width:48px;height:48px}.collaboration-header .header-icon svg{width:28px;height:28px}.collaboration-header h1{font-size:1.5rem}.collaboration-tabs{gap:.5rem}.tab-button{padding:.75rem 1.25rem;font-size:.875rem}.collaboration-content{padding:1.5rem}}.collaboration-tabs::-webkit-scrollbar{height:6px}.collaboration-tabs::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.collaboration-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.collaboration-tabs::-webkit-scrollbar-thumb:hover{background:#94a3b8}