@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap";.card{background:var(--color-bg-secondary, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--color-border, #e2e8f0);overflow:hidden;transition:box-shadow var(--transition-base, .2s ease)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card__header{padding:var(--spacing-lg, 24px);border-bottom:1px solid var(--color-border, #e2e8f0)}.card__title{font-family:var(--font-display, sans-serif);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 600);color:var(--color-text-primary, #1e293b);margin:0}.card__content{padding:var(--spacing-lg, 24px)}.card__footer{padding:var(--spacing-lg, 24px);border-top:1px solid var(--color-border, #e2e8f0);background:var(--color-bg-tertiary, #f8fafc)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);position:relative;overflow:hidden}.auth-layout__background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.auth-layout__gradient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.auth-layout__gradient--1{width:500px;height:500px;background:var(--color-blue-primary);top:-200px;left:-200px;animation-delay:0s}.auth-layout__gradient--2{width:400px;height:400px;background:var(--color-red-primary);bottom:-150px;right:-150px;animation-delay:5s}.auth-layout__pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.02) 1px,transparent 0);background-size:40px 40px}.auth-layout__content{position:relative;z-index:1;width:100%;max-width:440px}.auth-layout__card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@media (max-width: 640px){.auth-layout__card{padding:var(--spacing-xl)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem);width:100%}.input__label{font-family:var(--font-primary, sans-serif);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #1e293b);display:flex;align-items:center;gap:4px}.input__required{color:var(--color-red-primary, #ef4444)}.input{width:100%;padding:var(--spacing-sm, .5rem) var(--spacing-md, .75rem);font-family:var(--font-primary, sans-serif);font-size:var(--font-size-base, 1rem);color:var(--color-text-primary, #1e293b);background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);transition:all var(--transition-base, .2s ease)}.input:focus{outline:none;border-color:var(--color-blue-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.input:disabled{background:var(--color-bg-tertiary, #f8fafc);cursor:not-allowed;opacity:.7}.input--error{border-color:var(--color-red-primary, #ef4444)}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input__error{font-size:var(--font-size-sm, .875rem);color:var(--color-red-primary, #ef4444)}.input__helper{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #64748b)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-primary);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:32px}.btn--md{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);min-height:40px}.btn--lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);min-height:48px}.btn--primary{background:linear-gradient(135deg,var(--color-blue-primary),var(--color-blue-light));color:var(--color-white);box-shadow:0 4px 12px #2563eb4d;border:none}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-blue-hover),var(--color-blue-primary));box-shadow:0 6px 16px #2563eb66;transform:translateY(-1px)}.btn--secondary{background:linear-gradient(135deg,var(--color-red-primary),var(--color-red-light));color:var(--color-white);box-shadow:0 4px 12px #6366f14d;border:none}.btn--secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-red-hover),var(--color-red-primary));box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--color-blue-primary);border:2px solid var(--color-blue-primary)}.btn--outline:hover:not(:disabled){background:var(--color-blue-primary);color:var(--color-white)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn__text{opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.auth-form{width:100%}.auth-form__header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-form__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.auth-form__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.auth-form__error-message{padding:var(--spacing-md);background:#6366f11a;border:1px solid var(--color-red-primary);border-radius:var(--radius-lg);color:var(--color-red-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);text-align:center}.auth-form__fields{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.auth-form__submit{width:100%;margin-bottom:var(--spacing-lg)}.auth-form__footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.auth-form__footer-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-form__link{background:none;border:none;color:var(--color-blue-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:0;text-decoration:underline;transition:color var(--transition-base)}.auth-form__link:hover{color:var(--color-blue-hover)}.switch-wrapper{display:flex;align-items:center;gap:var(--spacing-md)}.switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.switch__input{opacity:0;width:0;height:0}.switch__slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);border-radius:var(--radius-full);transition:background-color var(--transition-base);cursor:pointer}.switch__slider:hover{background-color:var(--color-border-hover)}.switch__input:checked+.switch__slider{background-color:var(--color-blue-primary)}.switch__thumb{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}.switch__label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.switch__label--left{order:-1}.switch__label--right{order:1}.company-switch{display:flex;justify-content:flex-start}.company-switch__labels{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs);background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.company-switch__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.company-switch__label:hover{color:var(--color-text-primary)}.company-switch__label--active{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);background:var(--color-white);box-shadow:var(--shadow-sm)}.company-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);position:relative;min-height:180px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);overflow:hidden}.company-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-blue-primary),var(--color-blue-light));opacity:0;transition:opacity var(--transition-base)}.company-card:hover{border-color:var(--color-blue-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.company-card:hover:before{opacity:1}.company-card--draggable{cursor:grab}.company-card--draggable:active{cursor:grabbing}.company-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.company-card__icon{width:56px;height:56px;background:linear-gradient(135deg,var(--color-blue-primary),var(--color-blue-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-white);box-shadow:0 4px 12px #2563eb33;transition:transform var(--transition-base)}.company-card:hover .company-card__icon{transform:scale(1.05) rotate(5deg)}.company-card__drag-handle{color:var(--color-text-tertiary);opacity:0;transition:all var(--transition-base);padding:var(--spacing-xs);border-radius:var(--radius-sm)}.company-card:hover .company-card__drag-handle{opacity:1;background:var(--color-bg-secondary)}.company-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.company-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);flex:1;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.company-card__badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#2563eb1a,#3b82f61a);color:var(--color-blue-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:auto;width:fit-content;border:1px solid rgba(37,99,235,.2)}.company-card__badge:before{content:"✓";font-size:10px}.holding-card{background:var(--color-white);border:2px solid var(--color-red-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);position:relative;min-height:300px;display:flex;flex-direction:column;max-width:100%}.holding-card:hover{border-color:var(--color-red-hover);box-shadow:0 0 0 4px #6366f11a}.holding-card--drag-over{border-color:var(--color-blue-primary);background:#2563eb0d;border-style:dashed}.holding-card--drag-over .holding-card__companies-container{background:#2563eb1a}.holding-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.holding-card__icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-red-primary),var(--color-red-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-white)}.holding-card__count{width:32px;height:32px;background:var(--color-red-primary);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.holding-card__content{margin-bottom:var(--spacing-lg)}.holding-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);line-height:var(--line-height-tight)}.holding-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.holding-card__companies-container{margin-top:auto;flex:1;display:flex;flex-direction:column;min-height:0}.holding-card__companies-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.holding-card__companies-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.holding-card__companies{flex:1;overflow-y:auto;min-height:120px;max-height:400px;padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:2px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.holding-card__company-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:default}.holding-card__company-item:hover{border-color:var(--color-blue-primary);box-shadow:var(--shadow-sm);transform:translate(4px)}.holding-card__company-icon{width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,var(--color-blue-primary),var(--color-blue-light));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-white);flex-shrink:0}.holding-card__company-icon svg{width:16px;height:16px}.holding-card__company-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.holding-card__company-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.holding-card__company-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.holding-card__company-remove{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.holding-card__company-remove:hover{background:#6366f11a;color:var(--color-red-primary)}.holding-card__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:transparent;min-height:120px;gap:var(--spacing-md)}.holding-card__empty svg{color:var(--color-text-tertiary);opacity:.5}.holding-card__empty p{margin:0;font-weight:var(--font-weight-medium)}.holding-card__companies::-webkit-scrollbar{width:6px}.holding-card__companies::-webkit-scrollbar-track{background:transparent}.holding-card__companies::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.holding-card__companies::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.progress-bar{margin-bottom:var(--spacing-xl)}.progress-bar__track{width:100%;height:4px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-md)}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-blue-primary),var(--color-blue-light));border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-bar__steps{display:flex;justify-content:space-between;position:relative}.progress-bar__step{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-bg-secondary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);transition:all var(--transition-base);position:relative;z-index:1}.progress-bar__step--active{background:var(--color-blue-primary);border-color:var(--color-blue-primary);color:var(--color-white)}.create-form{width:100%;max-width:600px;margin:0 auto}.create-form__step{min-height:300px}.create-form__step-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.create-form__step-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}.create-form__holdings-list,.create-form__companies-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto;padding:var(--spacing-sm)}.create-form__holding-option,.create-form__company-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.create-form__holding-option:hover,.create-form__company-option:hover{border-color:var(--color-blue-primary);background:#2563eb0d}.create-form__holding-option input[type=radio],.create-form__company-option input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-blue-primary)}.create-form__holding-option span,.create-form__company-option span{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.create-form__company-option--selected{border-color:var(--color-blue-primary);background:#2563eb1a}.create-form__empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.create-form__summary{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:2px solid var(--color-border)}.create-form__summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.create-form__summary-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.create-form__summary-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.create-form__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-border)}.dashboard{min-height:100vh;background:var(--color-bg-primary);position:relative}.dashboard:before{content:"";position:fixed;top:0;left:0;right:0;height:400px;background:linear-gradient(135deg,#2563eb08,#6366f108);pointer-events:none;z-index:0}.dashboard__header{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:var(--spacing-xl) 0;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:0 1px 3px #0000000d}.dashboard__header-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl)}.dashboard__header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.dashboard__logo{width:48px;height:48px;background:linear-gradient(135deg,var(--color-blue-primary),var(--color-red-primary));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-white);box-shadow:var(--shadow-md)}.dashboard__header-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dashboard__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-blue-primary),var(--color-red-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:var(--line-height-tight)}.dashboard__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.dashboard__header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.dashboard__user{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.dashboard__user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-blue-primary),var(--color-blue-light));display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0}.dashboard__user-info{display:flex;flex-direction:column;gap:2px}.dashboard__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2}.dashboard__user-email{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.2}.dashboard__main{max-width:1400px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl);position:relative;z-index:1}.dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.dashboard__stat-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.dashboard__stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.dashboard__stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard__stat-icon--blue{background:linear-gradient(135deg,#2563eb1a,#3b82f61a);color:var(--color-blue-primary)}.dashboard__stat-icon--red{background:linear-gradient(135deg,#6366f11a,#818cf81a);color:var(--color-red-primary)}.dashboard__stat-icon--purple{background:linear-gradient(135deg,#9333ea1a,#a855f71a);color:#9333ea}.dashboard__stat-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.dashboard__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.dashboard__stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.dashboard__toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.dashboard__toolbar-left{flex:1}.dashboard__toolbar-right{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.dashboard__toolbar-right .btn{display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard__content{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.dashboard__section{width:100%}.dashboard__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.dashboard__section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.dashboard__section-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.dashboard__grid--holdings{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.dashboard__empty{padding:var(--spacing-3xl);text-align:center;background:var(--color-white);border:2px dashed var(--color-border);border-radius:var(--radius-2xl);color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.dashboard__empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.dashboard__empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.dashboard__empty-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;max-width:400px}.dashboard__modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.dashboard__modal-content{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}@media (max-width: 1024px){.dashboard__header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.dashboard__header-right{width:100%;justify-content:space-between}.dashboard__stats{grid-template-columns:1fr}.dashboard__toolbar{flex-direction:column;align-items:stretch}.dashboard__toolbar-right{width:100%}.dashboard__toolbar-right .btn{flex:1}}@media (max-width: 768px){.dashboard__main{padding:var(--spacing-xl) var(--spacing-lg)}.dashboard__grid,.dashboard__grid--holdings{grid-template-columns:1fr}.dashboard__user-info{display:none}}.company-layout{display:flex;min-height:100vh;background:var(--color-bg-primary)}.company-layout__sidebar{width:80px;background:var(--color-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;transition:width .3s ease}.company-layout__sidebar:hover{width:240px}.company-layout__sidebar-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);display:flex;justify-content:center;align-items:center}.company-layout__logo{width:40px;height:40px;background:linear-gradient(135deg,var(--color-blue-primary),var(--color-red-primary));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-white);box-shadow:var(--shadow-md);flex-shrink:0}.company-layout__nav{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center}.company-layout__sidebar:hover .company-layout__nav{align-items:stretch}.company-layout__nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-base);color:#4a5568;font-size:14px;font-weight:400;font-family:var(--font-primary);width:100%;min-height:44px;position:relative}.company-layout__sidebar:hover .company-layout__nav-item{flex-direction:row;justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md)}.company-layout__nav-item:hover{background:#f7fafc;color:#2d3748}.company-layout__nav-item--active{background:transparent;color:#2563eb;font-weight:500}.company-layout__nav-icon{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;color:#4a5568;transition:all var(--transition-base);flex-shrink:0;position:relative}.company-layout__nav-item--active .company-layout__nav-icon{color:#2563eb}.company-layout__nav-item--active .company-layout__nav-icon:before{content:"";position:absolute;width:44px;height:44px;border-radius:50%;background:var(--color-white);box-shadow:0 2px 6px #00000014,0 1px 2px #0000000a;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%)}.company-layout__nav-icon--profile{border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:14px;color:#4a5568;background:#e2e8f0;width:32px;height:32px;min-width:32px;position:relative}.company-layout__nav-item--active .company-layout__nav-icon--profile{background:#2563eb;color:var(--color-white)}.company-layout__nav-item--active .company-layout__nav-icon--profile:before{width:44px;height:44px}.company-layout__nav-label{opacity:0;width:0;overflow:hidden;white-space:nowrap;transition:all var(--transition-base);font-size:14px;text-transform:none;letter-spacing:0}.company-layout__sidebar:hover .company-layout__nav-label{opacity:1;width:auto;flex:1}.company-layout__sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;justify-content:center;align-items:center}.company-layout__sidebar:hover .company-layout__sidebar-footer{justify-content:flex-start}.company-layout__back-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-base);color:#4a5568;font-size:14px;font-weight:400;font-family:var(--font-primary)}.company-layout__sidebar:hover .company-layout__back-btn{justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md)}.company-layout__back-btn span{opacity:0;width:0;overflow:hidden;white-space:nowrap;transition:all var(--transition-base)}.company-layout__sidebar:hover .company-layout__back-btn span{opacity:1;width:auto}.company-layout__back-btn:hover{background:#f7fafc;color:#2d3748}.company-layout__main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.company-layout__module{flex:1;display:flex;flex-direction:column;min-height:100vh}.company-layout__sidebar::-webkit-scrollbar{width:6px}.company-layout__sidebar::-webkit-scrollbar-track{background:transparent}.company-layout__sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.company-layout__sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}@media (max-width: 768px){.company-layout__sidebar,.company-layout__sidebar:hover{width:80px}.company-layout__nav-label,.company-layout__back-btn span{display:none}}.company-module{min-height:100vh;background:var(--color-bg-primary);display:flex;flex-direction:column}.company-module__header{background:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.company-module__tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);overflow-x:auto}.company-module__tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-primary);white-space:nowrap;position:relative}.company-module__tab:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.company-module__tab--active{background:linear-gradient(135deg,#2563eb1a,#6366f11a);color:var(--color-blue-primary);font-weight:var(--font-weight-semibold)}.company-module__tab--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-blue-primary),var(--color-red-primary));border-radius:var(--radius-full) var(--radius-full) 0 0}.company-module__tab-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.company-module__tab-label{flex:1}.company-module__content{flex:1;overflow-y:auto}.company-module__page{min-height:100%}.company-module__tabs::-webkit-scrollbar{height:4px}.company-module__tabs::-webkit-scrollbar-track{background:transparent}.company-module__tabs::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}@media (max-width: 768px){.company-module__tabs{padding:var(--spacing-md)}.company-module__tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.company-module__tab-label{display:none}}.tasks-module{min-height:100vh;background:var(--color-bg-primary);display:flex;flex-direction:column}.tasks-module__header{background:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm);padding:var(--spacing-md) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.tasks-module__tabs{display:flex;gap:var(--spacing-xs)}.tasks-module__tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-primary);white-space:nowrap;position:relative}.tasks-module__tab:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.tasks-module__tab--active{background:linear-gradient(135deg,#2563eb1a,#6366f11a);color:var(--color-blue-primary);font-weight:var(--font-weight-semibold)}.tasks-module__tab--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-blue-primary),var(--color-red-primary));border-radius:var(--radius-full) var(--radius-full) 0 0}.tasks-module__tab-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.tasks-module__tab-label{flex:1}.tasks-module__date{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize}.tasks-module__content{flex:1;overflow-y:auto}.tasks-module__page{min-height:100%}@media (max-width: 768px){.tasks-module__header{flex-direction:column;align-items:stretch}.tasks-module__tabs{overflow-x:auto}.tasks-module__tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.tasks-module__tab-label{display:none}.tasks-module__date{justify-content:center}}.profile-module{min-height:100vh;background:var(--color-bg-primary)}.profile-module__header{padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:var(--color-white);border-bottom:1px solid var(--color-border)}.profile-module__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.profile-module__content{padding:var(--spacing-2xl);max-width:800px;margin:0 auto;width:100%}.profile-module__card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl);text-align:center;box-shadow:var(--shadow-sm)}.profile-module__avatar{width:120px;height:120px;margin:0 auto var(--spacing-xl);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-blue-primary),var(--color-red-primary));display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg)}.profile-module__name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.profile-module__email{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.structure-page{min-height:100vh;background:var(--color-bg-primary)}.structure-page__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-white);border-bottom:1px solid var(--color-border)}.structure-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.structure-page__toolbar-actions{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.structure-page__toolbar-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.structure-page__toolbar-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.structure-page__zoom{display:flex;align-items:center;gap:var(--spacing-xs)}.structure-page__zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.structure-page__zoom-btn:hover{background:var(--color-bg-tertiary)}.structure-page__zoom-value{min-width:3rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center}.structure-page__mode{display:flex;align-items:center;gap:var(--spacing-xs)}.structure-page__mode-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-right:var(--spacing-xs)}.structure-page__mode-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.structure-page__mode-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.structure-page__mode-btn--active{color:var(--color-blue-primary);border-color:var(--color-blue-primary);background:#2563eb14}.structure-page__content{padding:var(--spacing-2xl);transition:transform var(--transition-base)}.structure-page__tree{display:flex;flex-direction:column;gap:var(--spacing-xl)}.structure-department{position:relative}.structure-department__card{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.structure-department__card:hover{border-color:var(--color-blue-primary);box-shadow:var(--shadow-md)}.structure-department__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.structure-department__header-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.structure-department__action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;background:#ffffffb3;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.structure-department__action:hover{background:var(--color-white);color:var(--color-text-primary)}.structure-department__action--delete:hover{color:var(--color-red-primary);border-color:var(--color-red-primary)}.structure-department__info{flex:1;min-width:0}.structure-department__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.structure-department__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-weight:var(--font-weight-medium)}.structure-department__tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:#fbbf241a;color:#f59e0b;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.structure-department__result{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.structure-department__result-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.structure-department__result-value{display:block;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.structure-department__employees{margin-top:var(--spacing-md)}.structure-department__employees-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.structure-department__empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.structure-employee{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-base);min-width:0}.structure-employee:hover{background:var(--color-bg-tertiary);transform:translate(4px)}.structure-employee__avatar{width:40px;height:40px;min-width:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-blue-primary),var(--color-red-primary));display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);overflow:hidden}.structure-employee__avatar img{width:100%;height:100%;object-fit:cover}.structure-employee__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.structure-employee__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.structure-employee__position{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.structure-employee__remove{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-base);flex-shrink:0}.structure-employee__remove:hover{color:var(--color-red-primary);background:#ef44441a}.structure-department__add-employee{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-blue-primary);background:transparent;border:1px dashed var(--color-blue-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.structure-department__add-employee:hover{background:#2563eb14}.structure-page__loading{padding:var(--spacing-3xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base)}.structure-page__add-dept{margin-top:var(--spacing-lg)}.structure-page__add-dept-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-blue-primary);background:transparent;border:2px dashed var(--color-blue-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base)}.structure-page__add-dept-btn:hover{background:#2563eb14}.structure-page__empty{padding:var(--spacing-3xl);text-align:center;background:var(--color-white);border:2px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-secondary)}.structure-page__empty .structure-page__add-dept-btn{margin-top:var(--spacing-lg)}.structure-department__children{margin-top:var(--spacing-lg);padding-left:var(--spacing-xl);border-left:2px solid var(--color-border);margin-left:var(--spacing-lg)}.structure-chart{display:flex;flex-direction:column;align-items:center;gap:0;padding:var(--spacing-xl) 0}.structure-chart__level{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--spacing-lg);width:100%}.structure-chart__level--root{margin-bottom:0}.structure-chart__node{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.structure-chart__connector{flex-shrink:0;background:var(--color-text-primary)}.structure-chart__connector--vertical{width:2px;min-height:24px;margin:var(--spacing-sm) 0}.structure-chart__children{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--spacing-lg);margin-top:0;padding-top:0}.structure-department__card--chart{min-width:200px;max-width:280px;border-width:2px}.structure-department__subtitle--role{margin-bottom:var(--spacing-xs)}.structure-department__person{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);min-width:0}.structure-department__person-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.structure-department__person .structure-employee__remove{flex-shrink:0;margin-left:auto}.structure-department__result--chart{margin-top:var(--spacing-md);margin-bottom:0}.structure-department__head{margin-top:var(--spacing-md);min-width:0}.structure-department__head-label{display:flex;flex-direction:column;gap:var(--spacing-xs)}.structure-department__head-label-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.structure-department__head-select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-text-primary);font-family:inherit;min-width:0}.structure-department__head-select:focus{outline:none;border-color:var(--color-blue-primary)}.structure-department__head-badge{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.structure-employee--head{background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.structure-department__employees--chart{margin-top:var(--spacing-sm)}.structure-department__employees--chart .structure-department__employees-list{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs)}.structure-department__add-employee--chart{margin-top:var(--spacing-sm)}.structure-employee__avatar--sm{width:28px;height:28px;min-width:28px;font-size:var(--font-size-xs)}.structure-employee--compact{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.structure-employee--compact .structure-employee__info{gap:0}.structure-employee--compact .structure-employee__name,.structure-employee--compact .structure-employee__position{font-size:var(--font-size-xs)}.structure-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;padding:var(--spacing-lg)}.structure-modal{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.structure-modal--narrow{max-width:360px}.structure-modal__title{margin:0 0 var(--spacing-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.structure-modal__error{margin:0 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-red-primary, #dc2626);background:#ef444414;border-radius:var(--radius-lg)}.structure-modal__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.structure-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.structure-modal__input{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:inherit}.structure-modal__input:focus{outline:none;border-color:var(--color-blue-primary)}.structure-modal__colors{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.structure-modal__color-swatch{width:28px;height:28px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base)}.structure-modal__color-swatch:hover{transform:scale(1.1)}.structure-modal__color-swatch--active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-white)}.structure-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.structure-modal__btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-family:inherit}.structure-modal__btn--ghost{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.structure-modal__btn--ghost:hover{background:var(--color-bg-tertiary)}.structure-modal__btn--primary{background:var(--color-blue-primary);border:none;color:var(--color-white)}.structure-modal__btn--primary:hover{filter:brightness(1.05)}.structure-modal__employee-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:280px;overflow-y:auto;margin-bottom:var(--spacing-md)}.structure-modal__employee-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:left;background:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-family:inherit;width:100%}.structure-modal__employee-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.structure-modal__employee-avatar{width:36px;height:36px;min-width:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-blue-primary),var(--color-red-primary));display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);overflow:hidden}.structure-modal__employee-avatar img{width:100%;height:100%;object-fit:cover}.structure-modal__employee-name{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.structure-modal__employee-position{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.structure-modal__empty{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media print{.structure-page__toolbar,.structure-department__header-actions,.structure-department__action,.structure-employee__remove,.structure-department__add-employee,.structure-page__add-dept,.structure-page__add-dept-btn,.structure-modal-overlay{display:none!important}.structure-page{background:#fff}.structure-page__content{transform:none!important}}.create-employee-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-employee-modal__content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000026}.create-employee-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.create-employee-modal__title{font-size:20px;font-weight:600;color:#111827;margin:0}.create-employee-modal__close{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:color .2s;display:flex;align-items:center;justify-content:center}.create-employee-modal__close:hover{color:#111827}.create-employee-modal__form{padding:24px}.create-employee-modal__error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.create-employee-modal__field{margin-bottom:20px}.create-employee-modal__field--email{position:relative}.create-employee-modal__suggestions-loading{position:absolute;top:100%;left:0;right:0;padding:8px 12px;font-size:13px;color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;z-index:2}.create-employee-modal__suggestions{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.create-employee-modal__suggestion{padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background .15s}.create-employee-modal__suggestion:hover,.create-employee-modal__suggestion:focus{background:#f3f4f6;outline:none}.create-employee-modal__suggestion-email{font-size:14px;color:#111827}.create-employee-modal__suggestion-name{font-size:12px;color:#6b7280}.create-employee-modal__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.create-employee-modal__select{width:100%;padding:10px 12px;font-size:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827}.create-employee-modal__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.create-employee-modal__form--readonly-fields .create-employee-modal__field{margin-bottom:12px}.create-employee-modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.employees-page{min-height:100vh;background:var(--color-bg-primary)}.employees-page__header{padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.employees-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.employees-page__content{padding:var(--spacing-2xl)}.employees-page__table-wrapper{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);overflow-x:auto}.employees-table{width:100%;border-collapse:collapse;min-width:1200px}.employees-table__header{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap;position:relative}.employees-table__header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-base)}.employees-table__header--sortable:hover{background:var(--color-bg-tertiary)}.employees-table__sort-icon{margin-left:var(--spacing-xs);color:var(--color-blue-primary);font-weight:var(--font-weight-bold)}.employees-table__row{border-bottom:1px solid var(--color-border);transition:background var(--transition-base)}.employees-table__row:hover{background:var(--color-bg-secondary)}.employees-table__row:last-child{border-bottom:none}.employees-table__row td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap}.employees-table__employee{display:flex;align-items:center;gap:var(--spacing-md)}.employees-table__avatar{width:32px;height:32px;min-width:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-blue-primary),var(--color-red-primary));display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);overflow:hidden}.employees-table__avatar img{width:100%;height:100%;object-fit:cover}.employees-table__status{display:flex;align-items:center;gap:var(--spacing-sm)}.employees-status{width:8px;height:8px;border-radius:var(--radius-full)}.employees-status--active{background:#10b981}.employees-status--inactive{background:var(--color-text-tertiary)}.employees-table__header--actions{width:1%;white-space:nowrap;text-align:center;cursor:default}.employees-table__actions{padding:var(--spacing-sm) var(--spacing-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.employees-table__action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.employees-table__action:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.employees-table__action--edit:hover{color:var(--color-blue-primary)}.employees-table__action--delete:hover{color:var(--color-red-primary)}.employees-table__empty{padding:var(--spacing-3xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base)}.employees-page__confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.employees-page__confirm-modal{background:var(--color-white);border-radius:var(--radius-xl);padding:24px;max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.employees-page__confirm-title{margin:0 0 12px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.employees-page__confirm-text{margin:0 0 24px;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.employees-page__confirm-text strong{color:var(--color-text-primary)}.employees-page__confirm-actions{display:flex;gap:12px;justify-content:flex-end}.employees-page__confirm-delete{background:var(--color-red-primary);color:#fff}.employees-page__confirm-delete:hover:not(:disabled){background:#b91c1c;color:#fff}@media (max-width: 1024px){.employees-page__header{flex-direction:column;align-items:flex-start}.employees-page__table-wrapper{border-radius:var(--radius-lg)}}.attendance-page{min-height:100vh;background:var(--color-bg-primary)}.attendance-page__header{padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:var(--color-white);border-bottom:1px solid var(--color-border)}.attendance-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.attendance-page__filters{padding:var(--spacing-xl);background:var(--color-white);border-bottom:1px solid var(--color-border)}.attendance-page__filters-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg)}.attendance-page__filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);align-items:end}.attendance-page__filter-select{display:flex;flex-direction:column;gap:var(--spacing-xs)}.attendance-page__filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.attendance-page__select{padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);outline:none}.attendance-page__select:hover{border-color:var(--color-border-hover)}.attendance-page__select:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.attendance-page__filter-btn{height:fit-content}.attendance-page__calendar{padding:var(--spacing-2xl)}.attendance-page__calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.attendance-page__calendar-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;flex:1;text-align:center}.attendance-page__nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.attendance-page__nav-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.attendance-page__legend{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.attendance-page__legend-item{display:flex;align-items:center;gap:var(--spacing-sm)}.attendance-page__legend-color{width:24px;height:24px;border-radius:var(--radius-sm);flex-shrink:0}.attendance-page__legend-color--empty{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.attendance-page__legend-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.attendance-page__table-wrapper{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow-x:auto;box-shadow:var(--shadow-sm)}.attendance-table{width:100%;border-collapse:collapse;min-width:800px}.attendance-table__employee-header{width:200px;padding:var(--spacing-md);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);position:sticky;left:0;z-index:10}.attendance-table__days-header{padding:var(--spacing-md);background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border)}.attendance-table__day-header{display:inline-block;width:40px;text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase}.attendance-table__dates-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;gap:0}.attendance-table__date-header{width:40px;text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);flex-shrink:0}.attendance-table__employee-cell{padding:var(--spacing-md);background:var(--color-white);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);position:sticky;left:0;z-index:5}.attendance-table__employee{display:flex;align-items:center;gap:var(--spacing-md)}.attendance-table__employee-indicator{width:4px;height:40px;background:var(--color-red-primary);border-radius:var(--radius-full);flex-shrink:0}.attendance-table__employee-info{display:flex;flex-direction:column;gap:2px;min-width:0}.attendance-table__employee-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-table__employee-position{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-table__days-cell{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border);display:flex;gap:0}.attendance-table__day-cell{width:40px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex-shrink:0;margin:0 2px;background:var(--color-white)}.attendance-table__day-cell:hover{transform:scale(1.1);box-shadow:var(--shadow-md);z-index:1;position:relative}.attendance-table__day-cell--empty{background:transparent;border:none;cursor:default}.attendance-table__day-cell--empty:hover{transform:none;box-shadow:none}.attendance-table__day-cell--filled{color:var(--color-white)}.attendance-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.attendance-modal__content{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.attendance-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.attendance-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.attendance-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.attendance-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.attendance-modal__body{display:flex;flex-direction:column;gap:var(--spacing-xl)}.attendance-modal__date{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.attendance-modal__hours{display:flex;flex-direction:column;gap:var(--spacing-sm)}.attendance-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.attendance-modal__hours-input{padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);outline:none;width:100%}.attendance-modal__hours-input:hover{border-color:var(--color-border-hover)}.attendance-modal__hours-input:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.attendance-modal__statuses{display:flex;flex-direction:column;gap:var(--spacing-md)}.attendance-modal__status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}.attendance-modal__status-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-family:var(--font-primary)}.attendance-modal__status-btn:hover{background:var(--color-bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.attendance-modal__status-btn--active,.attendance-modal__status-btn--selected{background:var(--color-bg-secondary);border-width:3px}.attendance-modal__status-color{width:20px;height:20px;border-radius:var(--radius-sm);flex-shrink:0}.attendance-modal__footer{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}@media (max-width: 768px){.attendance-page__filters-grid,.attendance-modal__status-grid{grid-template-columns:1fr}}.news-page{min-height:100vh;background:var(--color-bg-primary)}.news-page__header{padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.news-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.news-page__content{padding:var(--spacing-2xl);max-width:800px;margin:0 auto;width:100%}.news-page__create-post{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.news-page__create-header{margin-bottom:var(--spacing-lg)}.news-page__create-author{display:flex;align-items:center;gap:var(--spacing-md)}.news-page__author-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-blue-primary),var(--color-red-primary));display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0;overflow:hidden}.news-page__author-avatar img{width:100%;height:100%;object-fit:cover}.news-page__author-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.news-page__create-textarea{width:100%;padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);resize:vertical;min-height:120px;transition:all var(--transition-base);outline:none;margin-bottom:var(--spacing-lg)}.news-page__create-textarea:hover{border-color:var(--color-border-hover)}.news-page__create-textarea:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.news-page__create-textarea::placeholder{color:var(--color-text-tertiary)}.news-page__create-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.news-page__image-preview{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-border)}.news-page__image-preview img{width:100%;height:100%;object-fit:cover}.news-page__image-remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--color-white);transition:all var(--transition-base)}.news-page__image-remove:hover{background:#dc2626cc;transform:scale(1.1)}.news-page__create-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.news-page__upload-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-primary)}.news-page__upload-label:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.news-page__upload-input{display:none}.news-page__create-buttons{display:flex;gap:var(--spacing-md)}.news-page__feed{display:flex;flex-direction:column;gap:var(--spacing-xl)}.news-page__post{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.news-page__post:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.news-page__post-header{margin-bottom:var(--spacing-lg)}.news-page__post-author{display:flex;align-items:center;gap:var(--spacing-md)}.news-page__post-author-info{display:flex;flex-direction:column;gap:2px}.news-page__post-author-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.news-page__post-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.news-page__post-content{margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);white-space:pre-wrap}.news-page__post-content p{margin:0 0 var(--spacing-sm)}.news-page__post-content p:last-child{margin-bottom:0}.news-page__post-images{display:grid;gap:var(--spacing-sm);border-radius:var(--radius-lg);overflow:hidden}.news-page__post-images--single{grid-template-columns:1fr}.news-page__post-images:not(.news-page__post-images--single){grid-template-columns:repeat(2,1fr)}.news-page__post-image{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.news-page__post-image img{width:100%;height:100%;object-fit:cover}.news-page__empty{padding:var(--spacing-3xl);text-align:center;background:var(--color-white);border:2px dashed var(--color-border);border-radius:var(--radius-2xl)}.news-page__empty-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-full);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.news-page__empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.news-page__empty-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.news-page__header{flex-direction:column;align-items:flex-start}.news-page__create-images{grid-template-columns:repeat(2,1fr)}.news-page__post-images:not(.news-page__post-images--single){grid-template-columns:1fr}.news-page__create-actions{flex-direction:column;align-items:stretch}.news-page__create-buttons{width:100%}.news-page__create-buttons .btn{flex:1}}.planner-page{min-height:100vh;background:var(--color-bg-primary)}.planner-page--embedded{min-height:auto;background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.planner-page__header{padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.planner-page__header-left{display:flex;align-items:center;gap:var(--spacing-md)}.planner-page__back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.planner-page__back-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.planner-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.planner-page__header-actions{display:flex;gap:var(--spacing-md)}.planner-page__date-nav{padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl)}.planner-page__month{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;min-width:200px;text-align:center}.planner-page__nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.planner-page__nav-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.planner-page__content{display:flex;min-height:calc(100vh - 200px);background:var(--color-white)}.planner-page--embedded .planner-page__content{min-height:600px;max-height:calc(100vh - 300px);overflow-y:auto}.planner-page__day-indicator{width:120px;padding:var(--spacing-xl);background:linear-gradient(135deg,#2563eb0d,#6366f10d);border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);position:sticky;left:0;z-index:10}.planner-page__day-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.planner-page__day-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.planner-page__timeline{flex:1;display:flex;flex-direction:column;min-width:0}.planner-slot{min-height:80px;border-bottom:1px solid var(--color-border);display:flex;position:relative;transition:background var(--transition-base)}.planner-slot:hover{background:var(--color-bg-secondary)}.planner-slot--drag-over{background:#2563eb1a;border-color:var(--color-blue-primary)}.planner-slot__time{width:80px;padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);flex-shrink:0;border-right:1px solid var(--color-border);display:flex;align-items:flex-start}.planner-slot__content{flex:1;position:relative;padding:var(--spacing-xs);min-height:80px}.planner-event{position:absolute;left:var(--spacing-sm);right:var(--spacing-sm);background:linear-gradient(135deg,var(--color-blue-primary),var(--color-blue-light));border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.2);color:var(--color-white);overflow:hidden;z-index:5;transition:all var(--transition-base)}.planner-event:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.planner-event--completed{opacity:.6;background:linear-gradient(135deg,var(--color-text-tertiary),var(--color-text-secondary))}.planner-event__time{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);opacity:.9;margin-bottom:2px}.planner-event__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.planner-event__description{font-size:var(--font-size-xs);opacity:.8;line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.planner-page__header{flex-direction:column;align-items:flex-start}.planner-page__header-actions{width:100%}.planner-page__header-actions .btn{flex:1}.planner-page__day-indicator{width:80px;padding:var(--spacing-md)}.planner-page__day-number{font-size:var(--font-size-2xl)}.planner-slot__time{width:60px;padding:var(--spacing-sm);font-size:var(--font-size-xs)}}.tasks-page{min-height:100vh;background:var(--color-bg-primary)}.tasks-page__layout{display:flex;min-height:100vh}.tasks-page__sidebar{width:280px;background:var(--color-white);border-right:1px solid var(--color-border);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);position:sticky;top:0;height:100vh;overflow-y:auto}.tasks-page__add-btn{width:100%}.tasks-page__planner-btn{width:100%;margin-top:var(--spacing-md)}.tasks-page__nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tasks-page__nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-primary);position:relative}.tasks-page__nav-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.tasks-page__nav-item--active{background:linear-gradient(135deg,#2563eb1a,#6366f11a);color:var(--color-blue-primary);font-weight:var(--font-weight-semibold)}.tasks-page__nav-item svg{width:20px;height:20px;flex-shrink:0}.tasks-page__nav-item span:first-of-type{flex:1}.tasks-page__nav-count{background:var(--color-bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.tasks-page__nav-item--active .tasks-page__nav-count{background:#2563eb33;color:var(--color-blue-primary)}.tasks-page__main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.tasks-page__planner-container{flex:1;padding:var(--spacing-xl);overflow-y:auto}.tasks-page__header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-border)}.tasks-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.tasks-page__content{flex:1;padding:var(--spacing-xl);max-width:1200px;width:100%;margin:0 auto}.tasks-page__add-input{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.tasks-page__add-input:hover{border-color:var(--color-blue-primary);background:var(--color-bg-secondary);color:var(--color-text-primary)}.tasks-page__tasks{display:flex;flex-direction:column;gap:var(--spacing-md)}.tasks-page__task{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative}.tasks-page__task[draggable=true]{cursor:grab}.tasks-page__task[draggable=true]:active{cursor:grabbing}.tasks-page__task:hover{border-color:var(--color-blue-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tasks-page__task-checkbox{flex-shrink:0;margin-top:2px}.tasks-page__task-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-blue-primary)}.tasks-page__task-content{flex:1;min-width:0}.tasks-page__task-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs);line-height:var(--line-height-tight)}.tasks-page__task-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tasks-page__task-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.tasks-page__task-deadline,.tasks-page__task-assignee{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.tasks-page__task-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.tasks-page__task-delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-tertiary);opacity:0;flex-shrink:0}.tasks-page__task:hover .tasks-page__task-delete{opacity:1}.tasks-page__task-delete:hover{background:#dc26261a;color:var(--color-red-primary)}.tasks-page__empty{padding:var(--spacing-3xl);text-align:center;background:var(--color-white);border:2px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-secondary)}.tasks-page__empty p{margin:0;font-size:var(--font-size-base)}@media (max-width: 1024px){.tasks-page__sidebar{width:240px}}@media (max-width: 768px){.tasks-page__layout{flex-direction:column}.tasks-page__sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)}.tasks-page__nav{flex-direction:row;overflow-x:auto}.tasks-page__nav-item{white-space:nowrap}}.workspace-view{min-height:100vh;background:var(--color-bg-primary)}.workspace-view__header{padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-lg)}.workspace-view__back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.workspace-view__back-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.workspace-view__header-content{flex:1}.workspace-view__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.workspace-view__description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.workspace-view__create-board{margin:var(--spacing-xl) var(--spacing-2xl);padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.workspace-view__board-name-input{padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base)}.workspace-view__board-name-input:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.workspace-view__board-type-select{padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;outline:none}.workspace-view__create-actions{display:flex;gap:var(--spacing-md)}.workspace-view__boards{padding:var(--spacing-2xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-xl)}.workspace-view__default-board-prompt{grid-column:1 / -1;padding:var(--spacing-3xl);text-align:center;background:var(--color-white);border:2px dashed var(--color-border);border-radius:var(--radius-xl)}.workspace-view__default-board-prompt p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg)}.workspace-view__board-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;text-align:center}.workspace-view__board-card:hover{border-color:var(--color-blue-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.workspace-view__board-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb1a,#6366f11a);border-radius:var(--radius-xl);color:var(--color-blue-primary)}.workspace-view__board-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.workspace-view__board-type{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.column-edit-modal__backdrop{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:var(--z-modal);padding:var(--spacing-xl)}.column-edit-modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;overflow:hidden;border:1px solid var(--color-border)}.column-edit-modal__header{padding:var(--spacing-2xl);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.column-edit-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.column-edit-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base);flex-shrink:0}.column-edit-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.column-edit-modal__form{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.column-edit-modal__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.column-edit-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.column-edit-modal__input{width:100%}.column-edit-modal__colors{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm)}.column-edit-modal__color-option{aspect-ratio:1;border:3px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background:transparent;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center}.column-edit-modal__color-option:hover{transform:scale(1.1)}.column-edit-modal__color-option--active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-text-primary)}.column-edit-modal__color-preview{width:100%;height:100%;border-radius:var(--radius-md);background:var(--color)}.column-edit-modal__actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.column-edit-modal__actions-right{display:flex;gap:var(--spacing-md)}.column-edit-modal__delete-btn{color:#ef4444}.column-edit-modal__delete-btn:hover{background:#ef44441a;color:#ef4444}.kanban-board{min-height:100vh;background:var(--color-bg-primary);display:flex;flex-direction:column}.kanban-board__header{padding:var(--spacing-xl) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-lg);position:sticky;top:0;z-index:var(--z-sticky)}.kanban-board__header-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.kanban-board__header-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.kanban-board__header-action:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.kanban-board__back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.kanban-board__back-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.kanban-board__header-content{flex:1}.kanban-board__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.kanban-board__description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.kanban-board__columns{flex:1;padding:var(--spacing-xl);display:flex;gap:var(--spacing-lg);overflow-x:auto;overflow-y:hidden;min-height:calc(100vh - 200px)}.kanban-column{min-width:300px;max-width:300px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:all var(--transition-base)}.kanban-column--drag-over{background:#2563eb1a;border:2px dashed var(--color-blue-primary)}.kanban-column__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.kanban-column__header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.kanban-column__color-indicator{width:4px;height:20px;border-radius:var(--radius-full);flex-shrink:0}.kanban-column__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-column__header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.kanban-column__menu-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-base)}.kanban-column__menu-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.kanban-column__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.kanban-column__count{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.kanban-column__tasks{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:200px;max-height:calc(100vh - 350px);overflow-y:auto;padding:var(--spacing-xs)}.kanban-task{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.kanban-task__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.kanban-task:hover{border-color:var(--color-blue-primary);box-shadow:var(--shadow-md)}.kanban-task__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs);line-height:var(--line-height-tight)}.kanban-task__remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.kanban-task__remove-btn:hover{background:var(--color-bg-secondary);color:var(--color-danger, #ef4444)}.kanban-task__description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-task__assignee{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.kanban-column__add-btn{width:100%;justify-content:flex-start;margin-top:var(--spacing-sm)}.kanban-board__add-column{min-width:280px;display:flex;align-items:flex-start;padding-top:var(--spacing-lg)}.kanban-board__add-column-btn{width:100%;padding:var(--spacing-md);background:#fff9;border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-primary)}.kanban-board__add-column-btn:hover{background:#fffc;border-color:var(--color-blue-primary);color:var(--color-blue-primary)}.kanban-board__add-column-form{width:100%;padding:var(--spacing-md);background:var(--color-white);border:2px solid var(--color-blue-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);box-shadow:var(--shadow-md)}.kanban-board__add-column-input{width:100%}.kanban-board__add-column-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.create-workspace-modal__backdrop{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:var(--z-modal);padding:var(--spacing-xl)}.create-workspace-modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;overflow:hidden;border:1px solid var(--color-border)}.create-workspace-modal__header{padding:var(--spacing-2xl);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-md);position:relative}.create-workspace-modal__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:var(--radius-xl);color:var(--color-white);flex-shrink:0}.create-workspace-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;flex:1}.create-workspace-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base);flex-shrink:0}.create-workspace-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.create-workspace-modal__form{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-workspace-modal__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-workspace-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.create-workspace-modal__input{width:100%}.create-workspace-modal__textarea{width:100%;padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base);resize:vertical;min-height:80px}.create-workspace-modal__textarea:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.create-workspace-modal__textarea::placeholder{color:var(--color-text-tertiary)}.create-workspace-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.create-board-modal__backdrop{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:var(--z-modal);padding:var(--spacing-xl)}.create-board-modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;overflow:hidden;border:1px solid var(--color-border)}.create-board-modal__header{padding:var(--spacing-2xl);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-md);position:relative}.create-board-modal__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:var(--radius-xl);color:var(--color-white);flex-shrink:0}.create-board-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;flex:1}.create-board-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base);flex-shrink:0}.create-board-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.create-board-modal__form{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-board-modal__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-board-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.create-board-modal__input{width:100%}.create-board-modal__type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.create-board-modal__type-option{padding:var(--spacing-lg);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-primary)}.create-board-modal__type-option:hover{border-color:var(--color-blue-primary);background:var(--color-bg-tertiary);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.create-board-modal__type-option--active{border-color:var(--color-indigo-primary);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:var(--color-indigo-primary);box-shadow:var(--shadow-md)}.create-board-modal__type-option svg{width:32px;height:32px}.create-board-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.participants-modal__backdrop{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:var(--z-modal);padding:var(--spacing-xl)}.participants-modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:80vh;overflow:hidden;border:1px solid var(--color-border);display:flex;flex-direction:column}.participants-modal__header{padding:var(--spacing-2xl);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-md);position:relative;flex-shrink:0}.participants-modal__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:var(--radius-xl);color:var(--color-white);flex-shrink:0}.participants-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;flex:1}.participants-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base);flex-shrink:0}.participants-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.participants-modal__content{padding:var(--spacing-2xl);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.participants-modal__add-section{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.participants-modal__add-form{display:flex;gap:var(--spacing-sm);align-items:flex-start}.participants-modal__email-input{flex:1}.participants-modal__role-select{padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;outline:none;min-width:140px}.participants-modal__role-select:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.participants-modal__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.participants-modal__item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.participants-modal__item:hover{background:var(--color-bg-tertiary)}.participants-modal__item-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.participants-modal__avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);flex-shrink:0}.participants-modal__avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.participants-modal__item-details{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.participants-modal__item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.participants-modal__owner-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-blue-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.participants-modal__item-email{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.participants-modal__item-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.participants-modal__role-select-small{padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-primary);font-size:var(--font-size-xs);color:var(--color-text-primary);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;outline:none}.participants-modal__role-select-small:focus{border-color:var(--color-blue-primary)}.participants-modal__remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.participants-modal__remove-btn:hover{background:#ef44441a;color:#ef4444}.boards-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--spacing-2xl)}.boards-page__section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin:0 0 var(--spacing-3xl);text-transform:uppercase;letter-spacing:.5px}.boards-page__workspaces{display:flex;flex-direction:column;gap:var(--spacing-2xl);max-width:1400px;margin:0 auto}.boards-page__workspace-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.boards-page__workspace-card:hover{box-shadow:var(--shadow-md)}.boards-page__workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.boards-page__workspace-left{display:flex;align-items:center;gap:var(--spacing-lg)}.boards-page__workspace-icon-large{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:var(--radius-xl);color:var(--color-white);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.boards-page__workspace-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.boards-page__workspace-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.boards-page__workspace-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-blue-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);width:fit-content}.boards-page__workspace-actions{display:flex;align-items:center;gap:var(--spacing-md)}.boards-page__workspace-action{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.boards-page__workspace-action:hover{color:var(--color-text-primary)}.boards-page__workspace-action svg{width:24px;height:24px}.boards-page__workspace-upgrade{margin-left:var(--spacing-md);background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none}.boards-page__workspace-upgrade:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.boards-page__workspace-boards{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.boards-page__board-preview{width:200px;height:120px;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);background:var(--color-white)}.boards-page__board-preview:hover{border-color:var(--color-blue-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.boards-page__board-preview--create{border:2px dashed var(--color-border);background:var(--color-bg-secondary)}.boards-page__board-preview--create:hover{border-color:var(--color-blue-primary);background:var(--color-bg-tertiary)}.boards-page__board-preview-image{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb1a,#6366f11a);border-radius:var(--radius-lg);color:var(--color-blue-primary)}.boards-page__board-preview-image--create{background:transparent;color:var(--color-text-secondary)}.boards-page__board-preview-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center}.boards-page__footer{display:flex;justify-content:center;margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl)}.goal-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-md)}.goal-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-border-hover)}.goal-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.goal-card__header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.goal-card__color-dot{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.goal-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-card__delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base);flex-shrink:0}.goal-card__delete:hover{background:#ef44441a;color:#ef4444}.goal-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.goal-card__tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.goal-card__tag{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:transparent}.goal-card__progress{display:flex;flex-direction:column;gap:var(--spacing-xs)}.goal-card__progress-header{display:flex;justify-content:space-between;align-items:center}.goal-card__progress-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.goal-card__progress-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.goal-card__progress-bar{width:100%;height:8px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden}.goal-card__progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.goal-card__metrics{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border)}.goal-card__metrics-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.goal-card__metrics-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.goal-card__dates{padding-top:var(--spacing-xs);border-top:1px solid var(--color-border)}.goal-card__date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.goal-modal__backdrop{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:var(--z-modal);padding:var(--spacing-xl);overflow-y:auto}.goal-modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:1200px;max-height:90vh;overflow:hidden;border:1px solid var(--color-border);margin:auto}.goal-modal__container{display:grid;grid-template-columns:1fr 360px;max-height:90vh;overflow:hidden}.goal-modal__main{padding:var(--spacing-2xl);overflow-y:auto;max-height:90vh}.goal-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.goal-modal__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.goal-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.goal-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.goal-modal__form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.goal-modal__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.goal-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.goal-modal__required{color:#ef4444}.goal-modal__input,.goal-modal__select,.goal-modal__textarea{width:100%;padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base)}.goal-modal__input:focus,.goal-modal__select:focus,.goal-modal__textarea:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.goal-modal__textarea{resize:vertical;min-height:80px;font-family:var(--font-primary)}.goal-modal__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.goal-modal__slider{width:100%;height:8px;border-radius:var(--radius-full);background:var(--color-bg-secondary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.goal-modal__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color);cursor:pointer;box-shadow:0 2px 4px #0003}.goal-modal__slider::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.goal-modal__colors{display:flex;gap:var(--spacing-sm)}.goal-modal__color-option{width:40px;height:40px;border:3px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);background:transparent;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center}.goal-modal__color-option:hover{transform:scale(1.1)}.goal-modal__color-option--active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-text-primary)}.goal-modal__color-preview{width:100%;height:100%;border-radius:var(--radius-full);background:var(--color)}.goal-modal__tracking-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.goal-modal__tracking-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.goal-modal__tracking-option:hover{border-color:var(--color-blue-primary);background:var(--color-bg-secondary)}.goal-modal__tracking-option input[type=radio]{margin-top:2px;cursor:pointer}.goal-modal__tracking-option input[type=radio]:checked+.goal-modal__tracking-content{color:var(--color-text-primary)}.goal-modal__tracking-option input[type=radio]:checked~.goal-modal__tracking-content,.goal-modal__tracking-option:has(input[type=radio]:checked){border-color:var(--color-blue-primary);background:linear-gradient(135deg,#2563eb0d,#6366f10d)}.goal-modal__tracking-content{flex:1}.goal-modal__tracking-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.goal-modal__tracking-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.goal-modal__metrics{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.goal-modal__metrics-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.goal-modal__attached-tasks{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.goal-modal__attached-header{display:flex;justify-content:space-between;align-items:center}.goal-modal__attached-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.goal-modal__attached-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.goal-modal__attached-content{min-height:200px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.goal-modal__attached-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);height:100%;min-height:150px;color:var(--color-text-tertiary);text-align:center}.goal-modal__attached-empty svg{opacity:.5}.goal-modal__attached-empty p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.goal-modal__attached-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.goal-modal__attached-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.goal-modal__attached-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}.goal-modal__attached-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.goal-modal__attached-remove:hover{background:#ef44441a;color:#ef4444}.goal-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.goal-modal__preview{padding:var(--spacing-2xl);background:var(--color-bg-secondary);border-left:1px solid var(--color-border);overflow-y:auto;max-height:90vh}.goal-modal__preview-header{margin-bottom:var(--spacing-xl)}.goal-modal__preview-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.goal-modal__preview-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.goal-modal__preview-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.goal-modal__preview-header-card{display:flex;align-items:center;gap:var(--spacing-sm)}.goal-modal__preview-dot{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.goal-modal__preview-name{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.goal-modal__preview-priority{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:transparent}.goal-modal__preview-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.goal-modal__preview-status-dot{width:8px;height:8px;border-radius:var(--radius-full)}.goal-modal__preview-tip{padding:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.goal-modal__preview-tip svg{width:20px;height:20px;color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px}.goal-modal__preview-tip p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.goal-modal__preview-mode{padding:var(--spacing-md);background:linear-gradient(135deg,#2563eb1a,#6366f11a);border:1px solid var(--color-blue-primary);border-radius:var(--radius-lg)}.goal-modal__preview-mode-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-blue-primary);margin-bottom:var(--spacing-xs)}.goal-modal__preview-mode-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.goals-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--spacing-2xl)}.goals-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-xl)}.goals-page__header-left{flex:1}.goals-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.goals-page__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.goals-page__header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.goals-page__dashboard-toggle{display:flex;align-items:center;gap:var(--spacing-sm)}.goals-page__toggle-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.goals-page__view-modes{display:flex;gap:var(--spacing-xs);background:var(--color-bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-lg)}.goals-page__view-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.goals-page__view-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.goals-page__view-btn--active{background:var(--color-white);color:var(--color-blue-primary);box-shadow:var(--shadow-sm)}.goals-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.goals-page__stat-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);transition:all var(--transition-base)}.goals-page__stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.goals-page__stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);flex-shrink:0}.goals-page__stat-icon--blue{background:linear-gradient(135deg,#2563eb1a,#6366f11a);color:var(--color-blue-primary)}.goals-page__stat-icon--indigo{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:var(--color-indigo-primary)}.goals-page__stat-icon--green{background:linear-gradient(135deg,#22c55e1a,#10b9811a);color:#22c55e}.goals-page__stat-icon--purple{background:linear-gradient(135deg,#8b5cf61a,#a855f71a);color:#8b5cf6}.goals-page__stat-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.goals-page__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.goals-page__stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.goals-page__goals{display:grid;gap:var(--spacing-xl)}.goals-page__goals--grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.goals-page__goals--list{grid-template-columns:1fr}.goals-page__empty{grid-column:1 / -1;padding:var(--spacing-3xl);text-align:center;background:var(--color-white);border:2px dashed var(--color-border);border-radius:var(--radius-xl)}.goals-page__empty-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);color:var(--color-text-tertiary)}.goals-page__empty p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg)}.calendar-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--spacing-2xl)}.calendar-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);gap:var(--spacing-xl);flex-wrap:wrap}.calendar-page__header-left{display:flex;align-items:center;gap:var(--spacing-xl)}.calendar-page__month-year{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;min-width:200px}.calendar-page__navigation{display:flex;align-items:center;gap:var(--spacing-sm)}.calendar-page__nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.calendar-page__nav-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.calendar-page__view-switcher{display:flex;gap:var(--spacing-xs);background:var(--color-bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-lg)}.calendar-page__view-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base);font-family:var(--font-primary)}.calendar-page__view-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.calendar-page__view-btn--active{background:var(--color-white);color:var(--color-blue-primary);box-shadow:var(--shadow-sm)}.calendar-page__content{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.calendar-page__grid{display:flex;flex-direction:column}.calendar-page__weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.calendar-page__weekday{padding:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase}.calendar-page__days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-page__day{min-height:120px;border:1px solid var(--color-border);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-xs);background:var(--color-white)}.calendar-page__day:hover{background:var(--color-bg-secondary)}.calendar-page__day--other-month{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.calendar-page__day--today{background:linear-gradient(135deg,#2563eb0d,#6366f10d);border-color:var(--color-blue-primary)}.calendar-page__day--today .calendar-page__day-number{background:var(--color-blue-primary);color:var(--color-white);border-radius:var(--radius-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold)}.calendar-page__day--empty{border:none;cursor:default}.calendar-page__day-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.calendar-page__day--other-month .calendar-page__day-number{color:var(--color-text-tertiary)}.calendar-page__day-events{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;overflow:hidden}.calendar-page__event{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-white);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;gap:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.calendar-page__event:hover{opacity:1;transform:translate(2px);box-shadow:var(--shadow-sm)}.calendar-page__event-time{font-size:10px;opacity:.9;font-weight:var(--font-weight-medium)}.calendar-page__event-title{font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-page__event-more{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--spacing-xs);text-align:center;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base)}.calendar-page__event-more:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.oko-module{display:flex;flex-direction:column;height:100%;background:#fff}.oko-module__header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#fff}.oko-module__tabs{display:flex;gap:.5rem}.oko-module__tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .2s}.oko-module__tab:hover{background:#f3f4f6;color:#374151}.oko-module__tab--active{background:#eff6ff;color:#2563eb}.oko-module__tab-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.oko-module__tab-label{white-space:nowrap}.oko-module__content{flex:1;overflow-y:auto;padding:2rem}.oko-module__page{width:100%;height:100%}.oko-dashboard{padding:2rem}.oko-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.oko-dashboard__stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.oko-dashboard__stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.5rem;flex-shrink:0}.oko-dashboard__stat-icon--blue{background:#dbeafe;color:#2563eb}.oko-dashboard__stat-icon--green{background:#d1fae5;color:#10b981}.oko-dashboard__stat-icon--red{background:#fee2e2;color:#ef4444}.oko-dashboard__stat-icon--purple{background:#ede9fe;color:#8b5cf6}.oko-dashboard__stat-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.oko-dashboard__stat-value{font-size:1.5rem;font-weight:700;color:#111827}.oko-dashboard__stat-label{font-size:.875rem;color:#6b7280}.oko-dashboard__stat-breakdown{display:flex;gap:.75rem;margin-top:.5rem;font-size:.75rem}.oko-dashboard__stat-breakdown-item{display:flex;align-items:center;gap:.25rem}.oko-dashboard__stat-breakdown-item--critical:before{content:"";width:8px;height:8px;border-radius:50%;background:#ef4444}.oko-dashboard__stat-breakdown-item--medium:before{content:"";width:8px;height:8px;border-radius:50%;background:#f59e0b}.oko-dashboard__stat-breakdown-item--low:before{content:"";width:8px;height:8px;border-radius:50%;background:#eab308}.oko-dashboard__stat-progress{width:100%;height:8px;background:#e5e7eb;border-radius:4px;margin-top:.5rem;overflow:hidden}.oko-dashboard__stat-progress-bar{height:100%;background:#10b981;border-radius:4px;transition:width .3s}.oko-dashboard__quick-access{margin-top:2rem}.oko-dashboard__quick-access-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1rem}.oko-dashboard__quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.oko-dashboard__quick-access-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .2s}.oko-dashboard__quick-access-card:hover{border-color:#2563eb;box-shadow:0 4px 6px -1px #0000001a}.oko-dashboard__quick-access-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border-radius:.5rem;color:#6b7280;flex-shrink:0}.oko-dashboard__quick-access-text{flex:1;font-size:.875rem;font-weight:500;color:#374151}.oko-dashboard__quick-access-card svg:last-child{color:#9ca3af;flex-shrink:0}.oko-realtime-transcription{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:1.5rem;max-height:400px;overflow-y:auto;scroll-behavior:smooth}.oko-realtime-transcription__segment{padding:1rem;margin-bottom:1rem;border-left:3px solid var(--color-primary);background:var(--color-background);border-radius:8px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.oko-realtime-transcription__segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.oko-realtime-transcription__segment-time{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.oko-realtime-transcription__segment-confidence{font-size:.75rem;color:var(--color-primary);font-weight:600}.oko-realtime-transcription__segment-text{font-size:1rem;line-height:1.6;color:var(--color-text-primary);margin:0}.oko-realtime-transcription__empty{text-align:center;padding:3rem 2rem;color:var(--color-text-secondary);font-style:italic}.oko-realtime-transcription::-webkit-scrollbar{width:8px}.oko-realtime-transcription::-webkit-scrollbar-track{background:var(--color-surface);border-radius:4px}.oko-realtime-transcription::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.oko-realtime-transcription::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.oko-realtime-violations{display:flex;flex-direction:column;gap:1rem}.oko-realtime-violations__violation{padding:1.25rem;border-left:4px solid;margin-bottom:12px;padding:16px;border-radius:8px;background-color:var(--color-surface, #ffffff);box-shadow:0 2px 4px #0000000d;border:1px solid var(--border-color, #e5e7eb);border-left-width:4px;animation:violationAppear .4s ease-out}@keyframes violationAppear{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.oko-realtime-violations__violation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.oko-realtime-violations__violation-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #111827);flex:1}.oko-realtime-violations__violation-severity{font-size:11px;font-weight:700;padding:2px 8px;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.oko-realtime-violations__violation-description{margin:0 0 8px;font-size:14px;color:var(--text-secondary, #4b5563);line-height:1.5}.oko-realtime-violations__violation-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--color-text-secondary)}.oko-realtime-violations__violation-type{font-weight:500}.oko-realtime-violations__empty{text-align:center;padding:2rem;color:var(--color-text-secondary);font-style:italic}.employee-session-page{padding:2rem;max-width:900px;margin:0 auto}.employee-session-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.employee-session-page__title{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary, #111827);letter-spacing:-.025em}.employee-session-page__status{display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);padding:.5rem 1rem;background:var(--bg-secondary, #f9fafb);border-radius:9999px}.employee-session-page__status-indicator{width:8px;height:8px;border-radius:50%;background-color:#ef4444;flex-shrink:0}.employee-session-page__status-indicator.connected{background-color:#10b981;box-shadow:0 0 0 3px #10b98133;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 6px #10b9811a}}.employee-session-page__error{padding:1rem 1.25rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#dc2626;margin-bottom:1.5rem;font-size:.9375rem;display:flex;align-items:center;gap:.75rem}.employee-session-page__error:before{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc2626'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;flex-shrink:0}.employee-session-page__setup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1.5rem;border:2px dashed var(--border-color, #e5e7eb);text-align:center}.employee-session-page__setup:before{content:"";width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;opacity:.1;position:absolute;margin-top:-120px}.employee-session-page__button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.75rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.employee-session-page__button svg{width:20px;height:20px}.employee-session-page__button--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1.125rem;padding:1rem 2.5rem}.employee-session-page__button--primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb59;transform:translateY(-1px)}.employee-session-page__button--record{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:1rem 2rem;font-size:1.125rem}.employee-session-page__button--record:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444459}.employee-session-page__button--pause{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:1rem 2rem;font-size:1.0625rem}.employee-session-page__button--pause:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b59}.employee-session-page__button--resume{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 2rem;font-size:1.0625rem}.employee-session-page__button--resume:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98159}.employee-session-page__button--stop{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:1rem 2rem;font-size:1.0625rem}.employee-session-page__button--stop:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #6b728059}.employee-session-page__recording{display:flex;flex-direction:column;gap:1.5rem}.employee-session-page__controls{display:flex;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;border:1px solid var(--border-color, #e5e7eb)}.employee-session-page__controls-group{display:flex;gap:1rem;align-items:center}.employee-session-page__recording-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:.75rem;color:#dc2626;font-weight:600;font-size:.9375rem}.employee-session-page__recording-indicator--paused{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#b45309}.employee-session-page__recording-indicator--paused .employee-session-page__recording-dot{background-color:#f59e0b;animation:none}.employee-session-page__recording-dot{width:12px;height:12px;border-radius:50%;background-color:#ef4444;animation:recording-pulse 1.5s ease-in-out infinite}@keyframes recording-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.employee-session-page__realtime-section{margin-top:1rem;padding:1.5rem;background:#fff;border-radius:1rem;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #0000000d}.employee-session-page__section-title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);display:flex;align-items:center;gap:.5rem}.employee-session-page__section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px}.employee-session-page__notes{display:flex;flex-direction:column;gap:.75rem}.employee-session-page__note{padding:1rem 1.25rem;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;transition:border-color .2s}.employee-session-page__note:hover{border-color:#d1d5db}.employee-session-page__note-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.employee-session-page__note-author{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827)}.employee-session-page__note-internal{padding:.25rem .625rem;border-radius:9999px;background:#3b82f61a;color:#2563eb;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.employee-session-page__note-content{font-size:.9375rem;line-height:1.6;color:var(--text-secondary, #4b5563);margin:0}.employee-session-page__transcription,.employee-session-page__analysis{padding:1.5rem;background:#fff;border-radius:1rem;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #0000000d;margin-top:1rem}.employee-session-page__transcription-title,.employee-session-page__analysis-title{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary, #111827);display:flex;align-items:center;gap:.5rem}.employee-session-page__transcription-title:before,.employee-session-page__analysis-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px}.employee-session-page__transcription-content{padding:1rem 1.25rem;background:var(--bg-secondary, #f9fafb);border-radius:.75rem;border:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, #111827);line-height:1.7;white-space:pre-wrap;max-height:300px;overflow-y:auto;font-size:.9375rem}.employee-session-page__analysis-content{display:flex;flex-direction:column;gap:.75rem}.employee-session-page__analysis-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-secondary, #f9fafb);border-radius:.75rem;border:1px solid var(--border-color, #e5e7eb);transition:background-color .2s}.employee-session-page__analysis-item:hover{background:#f3f4f6}.employee-session-page__analysis-label{font-weight:500;color:var(--text-secondary, #6b7280);font-size:.9375rem}.employee-session-page__analysis-value{font-weight:700;font-size:1.25rem;color:var(--text-primary, #111827)}.employee-session-page__analysis-value--warning{color:#dc2626}@media (max-width: 640px){.employee-session-page{padding:1rem}.employee-session-page__header{flex-direction:column;align-items:flex-start;gap:1rem}.employee-session-page__controls{padding:1.5rem 1rem}.employee-session-page__controls-group{flex-direction:column;width:100%}.employee-session-page__button--pause,.employee-session-page__button--resume,.employee-session-page__button--stop{width:100%}}.oko-employees-list{padding:2rem;max-width:1400px;margin:0 auto}.oko-employees-list__loading{display:flex;justify-content:center;align-items:center;padding:4rem;font-size:1.125rem;color:var(--text-secondary, #666)}.oko-employees-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.oko-employees-list__title{font-size:1.75rem;font-weight:600;margin:0;color:var(--text-primary, #1a1a1a)}.oko-employees-list__search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;min-width:300px;transition:border-color .2s}.oko-employees-list__search:focus-within{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.oko-employees-list__search svg{color:var(--text-secondary, #666);flex-shrink:0}.oko-employees-list__search-input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--text-primary, #1a1a1a);outline:none}.oko-employees-list__search-input::placeholder{color:var(--text-secondary, #999)}.oko-employees-list__content{background:#fff;border-radius:.75rem;border:1px solid var(--border-color, #e5e7eb);overflow:hidden}.oko-employees-list__table-wrapper{overflow-x:auto}.oko-employees-list__table{width:100%;border-collapse:collapse}.oko-employees-list__header-cell{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #666);background:var(--bg-secondary, #f9fafb);border-bottom:2px solid var(--border-color, #e5e7eb);white-space:nowrap}.oko-employees-list__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;position:relative;padding-right:2rem}.oko-employees-list__header-cell--sortable:hover{background:var(--bg-tertiary, #f3f4f6)}.oko-employees-list__sort-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:var(--primary-color, #3b82f6)}.oko-employees-list__row{border-bottom:1px solid var(--border-color, #e5e7eb);transition:background-color .2s}.oko-employees-list__row:hover{background:var(--bg-secondary, #f9fafb)}.oko-employees-list__row:last-child{border-bottom:none}.oko-employees-list__row td{padding:1rem;font-size:.875rem;color:var(--text-primary, #1a1a1a)}.oko-employees-list__employee{display:flex;align-items:center;gap:.75rem}.oko-employees-list__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0;overflow:hidden}.oko-employees-list__avatar img{width:100%;height:100%;object-fit:cover}.oko-employees-list__status-cell{display:flex;align-items:center;gap:.5rem}.oko-employees-list__status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.oko-employees-list__status--active{background-color:#10b981;box-shadow:0 0 0 2px #10b98133}.oko-employees-list__status--inactive{background-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.oko-employees-list__empty{padding:3rem;text-align:center;color:var(--text-secondary, #666);font-size:.875rem}.oko-employees-list__footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.oko-employees-list__count{font-size:.875rem;color:var(--text-secondary, #666)}@media (max-width: 768px){.oko-employees-list{padding:1rem}.oko-employees-list__header{flex-direction:column;align-items:stretch}.oko-employees-list__search{min-width:auto;width:100%}.oko-employees-list__table-wrapper{overflow-x:scroll}.oko-employees-list__header-cell,.oko-employees-list__row td{padding:.75rem .5rem;font-size:.8125rem}}.oko-sessions-list{padding:2rem;max-width:1400px;margin:0 auto}.oko-sessions-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.oko-sessions-list__title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.oko-sessions-list__filters{display:flex;gap:1rem}.oko-sessions-list__filter{padding:.75rem 1.25rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text-primary);font-size:.95rem;cursor:pointer;transition:all .2s ease}.oko-sessions-list__filter:hover{border-color:var(--color-primary)}.oko-sessions-list__filter:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.oko-sessions-list__loading,.oko-sessions-list__empty{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary);font-size:1.1rem}.oko-sessions-list__content{display:flex;flex-direction:column;gap:2.5rem}.oko-sessions-list__day-group{background:var(--color-surface);border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000a}.oko-sessions-list__day-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.oko-sessions-list__sessions{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.oko-sessions-list__session-card{background:var(--color-background);border:2px solid var(--color-border);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.oko-sessions-list__session-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.oko-sessions-list__session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.oko-sessions-list__session-time{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.oko-sessions-list__session-status{letter-spacing:.05em;margin-right:auto;margin-left:1rem}.oko-sessions-list__session-delete-btn{position:absolute;top:1rem;right:1rem;background:#fff;border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;z-index:10;box-shadow:0 2px 4px #0000000d}.oko-sessions-list__session-delete-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fee2e2;transform:scale(1.1)}.oko-sessions-list__session-info{margin-bottom:1rem}.oko-sessions-list__session-employee{font-size:1rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem}.oko-sessions-list__session-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--color-text-secondary)}.oko-sessions-list__session-duration,.oko-sessions-list__session-score{display:flex;align-items:center}.oko-sessions-list__session-badges{display:flex;gap:.5rem;flex-wrap:wrap}.oko-sessions-list__badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.oko-sessions-list__badge--violations{background:#ef44441a;color:#ef4444}@media (max-width: 768px){.oko-sessions-list{padding:1rem}.oko-sessions-list__header{flex-direction:column;align-items:flex-start;gap:1rem}.oko-sessions-list__sessions{grid-template-columns:1fr}}.oko-audio-player--no-source{padding:2rem;text-align:center;background:var(--color-surface, #f5f5f5);border-radius:8px;color:var(--color-text-secondary, #666)}.oko-audio-player{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:2rem;border:2px solid var(--color-border);box-shadow:0 4px 20px #0000000f}.oko-audio-player__controls{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.oko-audio-player__play-button{width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #3b82f640;flex-shrink:0}.oko-audio-player__play-button:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 8px 24px #3b82f666}.oko-audio-player__play-button:active{transform:scale(1.02);box-shadow:0 2px 8px #3b82f64d}.oko-audio-player__play-button svg{width:28px;height:28px}.oko-audio-player__time{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);min-width:110px;font-variant-numeric:tabular-nums}.oko-audio-player__seek{flex:1;position:relative}.oko-audio-player__seek-bar{width:100%;height:8px;border-radius:8px;background:linear-gradient(135deg,#e5e7eb,#d1d5db);outline:none;cursor:pointer;-webkit-appearance:none;transition:all .2s}.oko-audio-player__seek-bar:hover{height:10px}.oko-audio-player__seek-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:pointer;box-shadow:0 2px 8px #3b82f666;transition:all .2s}.oko-audio-player__seek-bar:hover::-webkit-slider-thumb{width:24px;height:24px;box-shadow:0 4px 12px #3b82f680}.oko-audio-player__seek-bar::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:pointer;border:none;box-shadow:0 2px 8px #3b82f666;transition:all .2s}.oko-audio-player__seek-bar:hover::-moz-range-thumb{width:24px;height:24px;box-shadow:0 4px 12px #3b82f680}.oko-audio-player__volume{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary)}.oko-audio-player__volume-bar{width:80px;height:4px;border-radius:2px;background:var(--color-border);outline:none;cursor:pointer;-webkit-appearance:none}.oko-audio-player__volume-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-primary);cursor:pointer}.oko-audio-player__volume-bar::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none}.oko-audio-player__segments{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.oko-audio-player__segments-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.oko-audio-player__segments-list{display:flex;flex-wrap:wrap;gap:.5rem}.oko-audio-player__segment-button{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.oko-audio-player__segment-button:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.oko-transcription-viewer{background:var(--color-surface, #ffffff);border:2px solid var(--color-border, #e5e7eb);border-radius:12px;padding:1.5rem}.oko-transcription-viewer__content{max-height:600px;overflow-y:auto}.oko-transcription-viewer__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border, #e5e7eb)}.oko-transcription-viewer__header-left{flex:1}.oko-transcription-viewer__autoscroll-toggle{padding:.625rem 1.25rem;background:#fff;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.oko-transcription-viewer__autoscroll-toggle:hover{border-color:#93c5fd;background:#f0f9ff}.oko-transcription-viewer__autoscroll-toggle.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.oko-transcription-viewer__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0 0 .5rem}.oko-transcription-viewer__subtitle{font-size:.875rem;color:var(--color-text-secondary, #666);margin:0}.oko-transcription-viewer__empty{padding:3rem 2rem;text-align:center;color:var(--color-text-secondary, #666);font-style:italic}.oko-transcription-viewer__content{display:flex;flex-direction:column;gap:1rem}.oko-transcription-viewer__segment{padding:1.25rem;border-left:4px solid var(--color-border, #e5e7eb);background:var(--color-background, #fafafa);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.oko-transcription-viewer__segment:hover{background:var(--color-surface, #f0f0f0);border-left-color:var(--color-primary, #3b82f6);transform:translate(4px);box-shadow:0 2px 8px #0000001a}.oko-transcription-viewer__segment--active{background:#3b82f61a;border-left-color:var(--color-primary, #3b82f6);box-shadow:0 4px 12px #3b82f633}.oko-transcription-viewer__segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.oko-transcription-viewer__segment-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-text-secondary, #666);text-transform:uppercase;letter-spacing:.05em}.oko-transcription-viewer__time-start,.oko-transcription-viewer__time-end{font-family:Courier New,monospace;background:var(--color-surface, #ffffff);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--color-border, #e5e7eb)}.oko-transcription-viewer__time-separator{color:var(--color-primary, #3b82f6);font-weight:700}.oko-transcription-viewer__time-duration{font-size:.75rem;color:var(--color-text-secondary, #999);font-weight:400;margin-left:.25rem}.oko-transcription-viewer__segment-confidence{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.oko-transcription-viewer__confidence-label{color:var(--color-text-secondary, #666)}.oko-transcription-viewer__confidence-value{font-weight:600;color:var(--color-primary, #3b82f6);background:#3b82f61a;padding:.125rem .5rem;border-radius:4px}.oko-transcription-viewer__segment-text{font-size:1rem;line-height:1.6;color:var(--color-text-primary, #1a1a1a);margin:0;-webkit-user-select:text;user-select:text}.oko-transcription-viewer__segment--active .oko-transcription-viewer__segment-text{font-weight:500;color:var(--color-text-primary, #1a1a1a)}.oko-transcription-viewer::-webkit-scrollbar{width:8px}.oko-transcription-viewer::-webkit-scrollbar-track{background:var(--color-surface, #f5f5f5);border-radius:4px}.oko-transcription-viewer::-webkit-scrollbar-thumb{background:var(--color-border, #ccc);border-radius:4px}.oko-transcription-viewer::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #3b82f6)}@keyframes highlight{0%{background:#3b82f61a}50%{background:#3b82f633}to{background:#3b82f61a}}.oko-transcription-viewer__segment--active{animation:highlight 2s ease-in-out infinite}.session-timeline{padding:1.5rem;background:#fff;border-radius:1rem;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #0000000d}.session-timeline__header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1rem}.session-timeline__controls{display:flex;align-items:center;gap:.75rem}.session-timeline__control-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--border-color, #e5e7eb);background:#fff;color:var(--text-primary, #111827);cursor:pointer;transition:all .2s}.session-timeline__control-button:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:scale(1.05)}.session-timeline__control-button--play{width:52px;height:52px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f640}.session-timeline__control-button--play:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666}.session-timeline__control-button--rate{font-size:.875rem;font-weight:700;width:52px}.session-timeline__time-display{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);font-variant-numeric:tabular-nums}.session-timeline__time{color:#3b82f6}.session-timeline__separator,.session-timeline__duration{color:var(--text-secondary, #6b7280)}.session-timeline__track{position:relative;height:60px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;cursor:pointer;overflow:visible;margin:1rem 0;border:2px solid var(--border-color, #e5e7eb);transition:all .2s}.session-timeline__track:hover{border-color:#93c5fd;box-shadow:0 4px 16px #3b82f626}.session-timeline__progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:8px;transition:width .1s linear;opacity:.3}.session-timeline__current-indicator{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:4px solid white;border-radius:50%;box-shadow:0 3px 12px #3b82f680,0 0 0 8px #3b82f61a;z-index:5;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 3px 12px #3b82f680,0 0 0 8px #3b82f61a}50%{box-shadow:0 3px 16px #3b82f6b3,0 0 0 12px #3b82f633}}.session-timeline__marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;border:3px solid white;cursor:pointer;transition:all .2s;z-index:2}.session-timeline__marker:hover{transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 0 6px #0000001a;z-index:10}.session-timeline__marker--violation{width:16px;height:16px;border-width:3px}.session-timeline__marker--violation:hover{box-shadow:0 0 0 8px #ef444426}.session-timeline__marker--note{background:#3b82f6;width:12px;height:12px}.session-timeline__marker--note:hover{box-shadow:0 0 0 8px #3b82f626}.session-timeline__legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.session-timeline__legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary, #6b7280)}.session-timeline__legend-marker{width:12px;height:12px;border-radius:50%;border:2px solid white;flex-shrink:0}.session-timeline__legend-marker--violation{background:#ef4444}.session-timeline__legend-marker--note{background:#3b82f6}.stage-evaluation-details{margin-top:12px;border-top:1px solid var(--border-color, #e5e7eb);padding-top:8px}.stage-evaluation-details__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:8px 0;font-size:14px;color:var(--text-secondary, #6b7280);transition:color .2s}.stage-evaluation-details__toggle:hover{color:var(--text-primary, #111827)}.stage-evaluation-details__arrow{transition:transform .2s}.stage-evaluation-details__arrow--expanded{transform:rotate(180deg)}.stage-evaluation-details__content{overflow:hidden}.stage-evaluation-details__section{margin-bottom:16px}.stage-evaluation-details__subtitle{font-size:13px;font-weight:600;color:var(--text-secondary, #6b7280);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.stage-evaluation-details__keywords{display:flex;flex-wrap:wrap;gap:8px}.stage-evaluation-details__keyword{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #374151);padding:4px 10px;border-radius:16px;font-size:13px;border:1px solid var(--border-color, #e5e7eb)}.stage-evaluation-details__grid{display:flex;flex-direction:column;gap:8px}.stage-evaluation-details__item{display:flex;flex-direction:column;gap:4px;font-size:14px}.stage-evaluation-details__key{font-weight:500;color:var(--text-secondary, #6b7280)}.stage-evaluation-details__value{color:var(--text-primary, #111827);word-break:break-word}.stage-evaluation-details__value--bool-true{color:#059669;font-weight:600}.stage-evaluation-details__value--bool-false{color:#dc2626;font-weight:600}.stage-evaluation-details__list{display:flex;flex-direction:column;gap:4px}.stage-evaluation-details__list-item{background:var(--bg-secondary, #f9fafb);padding:6px;border-radius:4px;font-size:13px}.stage-evaluation-details__json{background:#1e293b;color:#e2e8f0;padding:12px;border-radius:6px;overflow-x:auto;font-size:12px;margin:0}.oko-violation-form{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-top:1rem}.oko-violation-form__field{margin-bottom:1.5rem}.oko-violation-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.oko-violation-form__label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.oko-violation-form__input,.oko-violation-form__textarea,.oko-violation-form__select{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text-primary);font-size:1rem;transition:all .2s ease}.oko-violation-form__input:focus,.oko-violation-form__textarea:focus,.oko-violation-form__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.oko-violation-form__textarea{resize:vertical;font-family:inherit}.oko-violation-form__error{padding:.75rem;background:#ef44441a;color:#ef4444;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.oko-violation-form__actions{display:flex;gap:1rem;justify-content:flex-end}.oko-violation-form__button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.oko-violation-form__button--cancel{background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border)}.oko-violation-form__button--cancel:hover{background:var(--color-border)}.oko-violation-form__button--submit{background:var(--color-primary);color:#fff}.oko-violation-form__button--submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.oko-violation-form__button:disabled{opacity:.6;cursor:not-allowed}.oko-violation-form__hint{font-weight:400;color:var(--text-secondary, #6b7280);font-size:.8125rem}.oko-violation-form__timestamp-row{display:flex;gap:.5rem;align-items:center}.oko-violation-form__button-small{padding:.625rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;background:#fff;color:var(--text-primary, #111827);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.oko-violation-form__button-small:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.oko-violation-form__button-small--clear{padding:.625rem .875rem;background:#fef2f2;border-color:#fecaca;color:#dc2626}.oko-violation-form__button-small--clear:hover{background:#fee2e2;border-color:#fca5a5}.oko-note-form{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid var(--color-border);border-radius:16px;padding:2rem;margin-top:1rem;box-shadow:0 4px 20px #0000000f}.oko-note-form__templates{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.oko-note-form__template-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:.75rem}.oko-note-form__template-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fff;border:2px solid var(--border-color, #e5e7eb);border-radius:12px;cursor:pointer;transition:all .2s}.oko-note-form__template-button:hover{border-color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.oko-note-form__template-button.active{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 0 0 3px #3b82f61a}.oko-note-form__template-emoji{font-size:1.75rem;line-height:1}.oko-note-form__template-label{font-size:.8125rem;font-weight:600;color:var(--text-primary, #111827)}.oko-note-form__field{margin-bottom:1.5rem}.oko-note-form__label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.oko-note-form__textarea{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text-primary);font-size:1rem;font-family:inherit;resize:vertical;transition:all .2s ease}.oko-note-form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.oko-note-form__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:var(--color-text-primary)}.oko-note-form__checkbox{width:18px;height:18px;cursor:pointer}.oko-note-form__error{padding:.75rem;background:#ef44441a;color:#ef4444;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.oko-note-form__actions{display:flex;gap:1rem;justify-content:flex-end}.oko-note-form__button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.oko-note-form__button--cancel{background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border)}.oko-note-form__button--cancel:hover{background:var(--color-border)}.oko-note-form__button--submit{background:var(--color-primary);color:#fff}.oko-note-form__button--submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.oko-note-form__button:disabled{opacity:.6;cursor:not-allowed}.oko-note-form__input{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text-primary);font-size:1rem;transition:all .2s ease}.oko-note-form__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.oko-note-form__hint{font-weight:400;color:var(--text-secondary, #6b7280);font-size:.8125rem}.oko-note-form__timestamp-row{display:flex;gap:.5rem;align-items:center}.oko-note-form__button-small{padding:.625rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;background:#fff;color:var(--text-primary, #111827);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.oko-note-form__button-small:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.oko-note-form__button-small--clear{padding:.625rem .875rem;background:#fef2f2;border-color:#fecaca;color:#dc2626}.oko-note-form__button-small--clear:hover{background:#fee2e2;border-color:#fca5a5}.oko-appeal-form{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-top:1rem}.oko-appeal-form__field{margin-bottom:1.5rem}.oko-appeal-form__label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.oko-appeal-form__textarea{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text-primary);font-size:1rem;font-family:inherit;resize:vertical;transition:all .2s ease}.oko-appeal-form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.oko-appeal-form__error{padding:.75rem;background:#ef44441a;color:#ef4444;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.oko-appeal-form__actions{display:flex;gap:1rem;justify-content:flex-end}.oko-appeal-form__button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.oko-appeal-form__button--cancel{background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border)}.oko-appeal-form__button--cancel:hover{background:var(--color-border)}.oko-appeal-form__button--submit{background:var(--color-primary);color:#fff}.oko-appeal-form__button--submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.oko-appeal-form__button:disabled{opacity:.6;cursor:not-allowed}.oko-session-detail{padding:2rem;max-width:1400px;margin:0 auto}.oko-session-detail__header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.oko-session-detail__back-button{padding:.75rem 1.5rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.oko-session-detail__back-button:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.oko-session-detail__title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.oko-session-detail__loading,.oko-session-detail__error{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary);font-size:1.1rem}.oko-session-detail__content{display:flex;flex-direction:column;gap:2rem}.oko-session-detail__section--sticky{position:sticky;top:1rem;z-index:10;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #00000014}.oko-session-detail__audio-container{margin-top:1rem}.oko-session-detail__timestamp-button{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:9999px;color:#1e40af;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.oko-session-detail__timestamp-button:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f640}.oko-session-detail__violation-title-row,.oko-session-detail__note-author-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.oko-session-detail__note-meta{display:flex;align-items:center;gap:.75rem}.oko-session-detail__note-actions{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.oko-session-detail__note-delete{padding:.375rem .625rem;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s;opacity:.6}.oko-session-detail__note-delete:hover{opacity:1;background:#fef2f2;border-color:#fecaca;transform:scale(1.1)}.oko-session-detail__section{background:var(--color-surface);border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000a;border:2px solid var(--color-border)}.oko-session-detail__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.oko-session-detail__section-title-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;flex:1}.oko-session-detail__count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:9999px;font-size:.8125rem;font-weight:700;margin-left:.5rem}.oko-session-detail__note-filters{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:10px;border:1px solid var(--border-color, #e5e7eb)}.oko-session-detail__filter-button{padding:.5rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.oko-session-detail__filter-button:hover{background:#f1f5f9;color:var(--text-primary, #111827)}.oko-session-detail__filter-button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.oko-session-detail__section-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.oko-session-detail__add-button{padding:.75rem 1.5rem;border:2px solid var(--color-primary);border-radius:8px;background:var(--color-primary);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.oko-session-detail__add-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.oko-session-detail__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.oko-session-detail__info-item{display:flex;flex-direction:column;gap:.5rem}.oko-session-detail__info-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.oko-session-detail__info-value{font-size:1.1rem;font-weight:500;color:var(--color-text-primary)}.oko-session-detail__analytics{display:flex;flex-direction:column;gap:1rem}.oko-session-detail__evaluation{padding:1rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background)}.oko-session-detail__evaluation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.oko-session-detail__evaluation-stage{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.oko-session-detail__evaluation-score{font-size:.875rem;color:var(--color-text-secondary)}.oko-session-detail__evaluation-details{font-size:.875rem;color:var(--color-text-secondary);font-family:monospace;white-space:pre-wrap}.oko-session-detail__violations{display:flex;flex-direction:column;gap:1rem}.oko-session-detail__violation{padding:1.5rem;border:1px solid var(--color-border);border-left-width:4px;border-radius:8px;background:var(--color-background);transition:transform .2s,box-shadow .2s}.oko-session-detail__violation:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.oko-session-detail__violation[data-severity=low]{border-left-color:#22c55e}.oko-session-detail__violation[data-severity=medium]{border-left-color:#fbbf24}.oko-session-detail__violation[data-severity=high]{border-left-color:#f97316}.oko-session-detail__violation[data-severity=critical]{border-left-color:#ef4444}.oko-session-detail__violation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.oko-session-detail__violation-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.oko-session-detail__violation-severity{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.oko-session-detail__violation-description{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:1rem}.oko-session-detail__appeal-button{padding:.5rem 1rem;border:2px solid var(--color-primary);border-radius:6px;background:transparent;color:var(--color-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.oko-session-detail__appeal-button:hover{background:var(--color-primary);color:#fff}.oko-session-detail__notes{display:flex;flex-direction:column;gap:1rem}.oko-session-detail__note{position:relative;padding:1.5rem;border:2px solid var(--color-border);border-radius:16px;background:linear-gradient(135deg,#fff,#fefefe);transition:all .2s;overflow:hidden}.oko-session-detail__note:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3b82f6,#2563eb);opacity:0;transition:opacity .2s}.oko-session-detail__note:hover{border-color:#93c5fd;box-shadow:0 4px 16px #3b82f61a;transform:translateY(-2px)}.oko-session-detail__note:hover:before{opacity:1}.oko-session-detail__note-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.oko-session-detail__note-author{font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.oko-session-detail__note-date{font-size:.875rem;color:var(--color-text-secondary)}.oko-session-detail__note-internal{padding:.25rem .5rem;border-radius:4px;background:#3b82f61a;color:#3b82f6;font-size:.75rem;font-weight:600;text-transform:uppercase}.oko-session-detail__note-content{font-size:1rem;line-height:1.7;color:var(--color-text-primary);margin-top:.75rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border-left:4px solid #3b82f6;white-space:pre-wrap;word-wrap:break-word}.oko-session-detail__note-content:first-letter{font-size:1.5rem;line-height:1}.oko-session-detail__empty{text-align:center;padding:2rem;color:var(--color-text-secondary);font-size:1rem}@media (max-width: 768px){.oko-session-detail{padding:1rem}.oko-session-detail__info-grid{grid-template-columns:1fr}}.oko-analytics{padding:2rem;max-width:1400px;margin:0 auto}.oko-analytics__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.oko-analytics__title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.oko-analytics__period-select{padding:.75rem 1.25rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text-primary);font-size:.95rem;cursor:pointer;transition:all .2s ease}.oko-analytics__period-select:hover{border-color:var(--color-primary)}.oko-analytics__period-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.oko-analytics__loading{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary);font-size:1.1rem}.oko-analytics__content{display:flex;flex-direction:column;gap:2rem}.oko-analytics__section{background:var(--color-surface);border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000a;border:2px solid var(--color-border)}.oko-analytics__section-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.5rem}.oko-analytics__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.oko-analytics__stat-card{padding:1.5rem;border:2px solid var(--color-border);border-radius:12px;background:var(--color-background);text-align:center}.oko-analytics__stat-value{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.oko-analytics__stat-label{font-size:.95rem;color:var(--color-text-secondary);font-weight:500}.oko-analytics__chart-placeholder{padding:2rem;color:var(--color-text-secondary);background:var(--color-background);border-radius:8px;border:2px dashed var(--color-border)}.oko-analytics__distribution,.oko-analytics__violations-list,.oko-analytics__stages-list{display:flex;flex-direction:column;gap:1rem}.oko-analytics__distribution-item,.oko-analytics__violation-item,.oko-analytics__stage-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.oko-analytics__distribution-range,.oko-analytics__violation-type,.oko-analytics__stage-name{font-weight:500;color:var(--color-text-primary)}.oko-analytics__distribution-count,.oko-analytics__violation-count,.oko-analytics__stage-score{font-weight:600;color:var(--color-primary);font-size:1.1rem}@media (max-width: 768px){.oko-analytics{padding:1rem}.oko-analytics__header{flex-direction:column;align-items:flex-start;gap:1rem}.oko-analytics__stats-grid{grid-template-columns:1fr}}.knowledge-sidebar{display:flex;flex-direction:column;height:100%}.knowledge-sidebar__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.knowledge-sidebar__create-btn{width:100%;margin-bottom:var(--spacing-md)}.knowledge-sidebar__view-switcher{display:flex;flex-direction:column;gap:var(--spacing-sm)}.knowledge-sidebar__view-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.knowledge-sidebar__view-buttons{display:flex;gap:var(--spacing-xs);background:var(--color-bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-lg)}.knowledge-sidebar__view-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base);font-family:var(--font-primary)}.knowledge-sidebar__view-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.knowledge-sidebar__view-btn--active{background:var(--color-white);color:var(--color-blue-primary);box-shadow:var(--shadow-sm)}.knowledge-sidebar__content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.knowledge-sidebar__root{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.knowledge-sidebar__root:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.knowledge-sidebar__root--active{background:linear-gradient(135deg,#2563eb1a,#6366f11a);color:var(--color-blue-primary);font-weight:var(--font-weight-semibold)}.knowledge-sidebar__root--drag-over{background:#2563eb33;border:2px dashed var(--color-blue-primary)}.knowledge-sidebar__drop-zone{min-height:20px;border-radius:var(--radius-md);transition:all var(--transition-base)}.knowledge-sidebar__drop-zone--active{background:#2563eb1a;border:2px dashed var(--color-blue-primary)}.knowledge-sidebar__folder,.knowledge-sidebar__series,.knowledge-sidebar__document{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.knowledge-sidebar__folder:hover,.knowledge-sidebar__series:hover,.knowledge-sidebar__document:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.knowledge-sidebar__folder--active,.knowledge-sidebar__series--active,.knowledge-sidebar__document--active{background:linear-gradient(135deg,#2563eb1a,#6366f11a);color:var(--color-blue-primary);font-weight:var(--font-weight-semibold)}.knowledge-sidebar__folder--drag-over,.knowledge-sidebar__series--drag-over{background:#2563eb33;border:2px dashed var(--color-blue-primary)}.knowledge-sidebar__folder svg,.knowledge-sidebar__series svg,.knowledge-sidebar__document svg{flex-shrink:0}.knowledge-sidebar__folder-name,.knowledge-sidebar__series-name,.knowledge-sidebar__document-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-sidebar__delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:auto;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);opacity:.5;transition:all var(--transition-base);flex-shrink:0;position:relative;z-index:10}.knowledge-sidebar__folder:hover .knowledge-sidebar__delete-btn,.knowledge-sidebar__document:hover .knowledge-sidebar__delete-btn{opacity:1}.knowledge-sidebar__delete-btn:hover{background:var(--color-bg-tertiary);color:var(--color-red);opacity:1!important}.knowledge-sidebar__delete-btn:active{transform:scale(.95)}.knowledge-sidebar__delete-btn svg{width:14px;height:14px;pointer-events:none}.knowledge-sidebar__empty{padding:var(--spacing-xl);text-align:center}.knowledge-sidebar__empty-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.knowledge-sidebar__empty-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.knowledge-editor{display:flex;flex-direction:column;height:100%;background:var(--color-white)}.knowledge-editor__header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.knowledge-editor__title-view{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;flex:1}.knowledge-editor__actions{display:flex;gap:var(--spacing-sm)}.knowledge-editor__toolbar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-white);flex-wrap:wrap}.knowledge-editor__toolbar-group{display:flex;align-items:center;gap:var(--spacing-xs)}.knowledge-editor__toolbar-divider{width:1px;height:24px;background:var(--color-border)}.knowledge-editor__toolbar-spacer{flex:1}.knowledge-editor__toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-base)}.knowledge-editor__toolbar-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.knowledge-editor__toolbar-btn--text{min-width:auto;width:auto;height:28px;padding:4px 8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);border:1px solid var(--color-border);background:transparent}.knowledge-editor__toolbar-btn--text:hover{background:var(--color-bg-secondary)}.knowledge-editor__body{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.knowledge-editor__title-input{padding:var(--spacing-xl);border:none;border-bottom:1px solid var(--color-border);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-primary);outline:none;background:var(--color-white)}.knowledge-editor__editor{min-height:400px;padding:var(--spacing-xl);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);font-family:var(--font-primary);outline:none;background:var(--color-white)}.knowledge-editor__editor::selection{background:#ff0;color:inherit}.knowledge-editor__editor::-moz-selection{background:#ff0;color:inherit}.knowledge-editor__editor:focus{background:var(--color-white)}.knowledge-editor__editor p{margin:0 0 var(--spacing-md)}.knowledge-editor__editor h1,.knowledge-editor__editor h2,.knowledge-editor__editor h3,.knowledge-editor__editor h4,.knowledge-editor__editor h5,.knowledge-editor__editor h6{margin:var(--spacing-lg) 0 var(--spacing-md);font-weight:var(--font-weight-bold)}.knowledge-editor__editor h1{font-size:var(--font-size-3xl)}.knowledge-editor__editor h2{font-size:var(--font-size-2xl)}.knowledge-editor__editor h3{font-size:var(--font-size-xl)}.knowledge-editor__editor ul,.knowledge-editor__editor ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-2xl)}.knowledge-editor__editor a{color:var(--color-blue-primary);text-decoration:underline}.knowledge-editor__editor blockquote{border-left:4px solid var(--color-border);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-style:italic}.knowledge-editor__editor .callout-block{padding:var(--spacing-md);margin:var(--spacing-md) 0;border-left:4px solid var(--color-blue-primary);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.knowledge-editor__editor .callout-block p{margin:0}.knowledge-editor__editor .editor-table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;border:1px solid var(--color-border)}.knowledge-editor__editor .editor-table td,.knowledge-editor__editor .editor-table th{border:1px solid var(--color-border);padding:var(--spacing-sm);min-width:100px;min-height:30px;vertical-align:top;position:relative}.knowledge-editor__editor .editor-table td:focus,.knowledge-editor__editor .editor-table th:focus{outline:2px solid var(--color-blue-primary);outline-offset:-2px}.knowledge-editor__editor .editor-table td[contenteditable=true],.knowledge-editor__editor .editor-table th[contenteditable=true]{cursor:text}.knowledge-editor__editor .editor-table td[contenteditable=true]:empty:before,.knowledge-editor__editor .editor-table th[contenteditable=true]:empty:before{content:" ";color:transparent}.knowledge-editor__editor img{max-width:100%;height:auto;margin:var(--spacing-md) 0;display:block}.knowledge-editor__content-view{padding:var(--spacing-xl);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);font-family:var(--font-primary)}.knowledge-editor__content-view p{margin:0 0 var(--spacing-md)}.knowledge-editor__content-view h1,.knowledge-editor__content-view h2,.knowledge-editor__content-view h3,.knowledge-editor__content-view h4,.knowledge-editor__content-view h5,.knowledge-editor__content-view h6{margin:var(--spacing-lg) 0 var(--spacing-md);font-weight:var(--font-weight-bold)}.knowledge-editor__content-view h1{font-size:var(--font-size-3xl)}.knowledge-editor__content-view h2{font-size:var(--font-size-2xl)}.knowledge-editor__content-view h3{font-size:var(--font-size-xl)}.knowledge-editor__content-view ul,.knowledge-editor__content-view ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-2xl)}.knowledge-editor__content-view a{color:var(--color-blue-primary);text-decoration:underline}.knowledge-editor__content-view blockquote{border-left:4px solid var(--color-border);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-style:italic}.knowledge-editor__content-view .callout-block{padding:var(--spacing-md);margin:var(--spacing-md) 0;border-left:4px solid var(--color-blue-primary);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.knowledge-editor__content-view .callout-block p{margin:0}.knowledge-editor__content-view img{max-width:100%;height:auto;margin:var(--spacing-md) 0;display:block}.knowledge-editor__content-view .editor-table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;border:1px solid var(--color-border)}.knowledge-editor__content-view .editor-table td{border:1px solid var(--color-border);padding:var(--spacing-sm);min-width:100px}.knowledge-folder-view{display:flex;flex-direction:column;height:100%;background:var(--color-white)}.knowledge-folder-view__header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.knowledge-folder-view__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.knowledge-folder-view__breadcrumb-link{background:none;border:none;color:var(--color-blue-primary);cursor:pointer;padding:0;font-size:inherit;text-decoration:none;transition:color .2s}.knowledge-folder-view__breadcrumb-link:hover{color:var(--color-blue-dark);text-decoration:underline}.knowledge-folder-view__breadcrumb-separator{color:var(--color-text-tertiary)}.knowledge-folder-view__breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.knowledge-folder-view__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.knowledge-folder-view__content{flex:1;padding:var(--spacing-xl);overflow-y:auto}.knowledge-folder-view__section{margin-bottom:var(--spacing-2xl)}.knowledge-folder-view__section:last-child{margin-bottom:0}.knowledge-folder-view__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.knowledge-folder-view__folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.knowledge-folder-view__folder-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);gap:var(--spacing-sm);min-height:120px}.knowledge-folder-view__folder-card:hover{background:var(--color-white);border-color:var(--color-blue-primary);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.knowledge-folder-view__folder-card svg{color:var(--color-blue-primary)}.knowledge-folder-view__folder-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;word-break:break-word}.knowledge-folder-view__articles-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.knowledge-folder-view__article-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.knowledge-folder-view__article-card:hover{background:var(--color-bg-secondary);border-color:var(--color-blue-primary)}.knowledge-folder-view__article-card--active{background:var(--color-blue-light);border-color:var(--color-blue-primary)}.knowledge-folder-view__article-card svg{color:var(--color-text-secondary);flex-shrink:0}.knowledge-folder-view__article-card--active svg{color:var(--color-blue-primary)}.knowledge-folder-view__article-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.knowledge-folder-view__article-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-folder-view__article-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.knowledge-folder-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.knowledge-folder-view__empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.knowledge-folder-view__empty-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.knowledge-folder-view__empty-hint{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.create-item-modal__backdrop{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:var(--z-modal);padding:var(--spacing-xl)}.create-item-modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;border:1px solid var(--color-border)}.create-item-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.create-item-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.create-item-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.create-item-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.create-item-modal__form{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-item-modal__type-switcher{display:flex;gap:var(--spacing-sm);background:var(--color-bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-lg)}.create-item-modal__type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base);font-family:var(--font-primary)}.create-item-modal__type-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.create-item-modal__type-btn--active{background:var(--color-white);color:var(--color-blue-primary);box-shadow:var(--shadow-sm)}.create-item-modal__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-item-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.create-item-modal__required{color:#ef4444}.create-item-modal__input{width:100%}.create-item-modal__location{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-item-modal__location-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-base);font-family:var(--font-primary);text-align:left}.create-item-modal__location-option:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary);color:var(--color-text-primary)}.create-item-modal__location-option--active{background:linear-gradient(135deg,#2563eb1a,#6366f11a);border-color:var(--color-blue-primary);color:var(--color-blue-primary);font-weight:var(--font-weight-semibold)}.create-item-modal__folder-select{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-primary);cursor:pointer;outline:none;transition:all var(--transition-base)}.create-item-modal__folder-select:hover{border-color:var(--color-border-hover)}.create-item-modal__folder-select:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.create-item-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.knowledge-base-page{display:flex;height:100vh;background:var(--color-bg-primary)}.knowledge-base-page__sidebar{width:300px;border-right:1px solid var(--color-border);background:var(--color-white);overflow-y:auto}.knowledge-base-page__main{flex:1;display:flex;flex-direction:column;overflow:hidden}.knowledge-base-page__header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-white);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.knowledge-base-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.knowledge-base-page__header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.knowledge-base-page__search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:250px}.knowledge-base-page__search svg{color:var(--color-text-tertiary);flex-shrink:0}.knowledge-base-page__search-input{flex:1;border:none;background:transparent;outline:none;font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-primary)}.knowledge-base-page__search-input::placeholder{color:var(--color-text-tertiary)}.knowledge-base-page__mode{display:flex;align-items:center;gap:var(--spacing-xs)}.knowledge-base-page__mode-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-right:var(--spacing-xs)}.knowledge-base-page__mode-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.knowledge-base-page__mode-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.knowledge-base-page__mode-btn--active{background:var(--color-blue-primary);border-color:var(--color-blue-primary);color:var(--color-white)}.knowledge-base-page__sort{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-primary);cursor:pointer;outline:none;transition:all var(--transition-base)}.knowledge-base-page__sort:hover{border-color:var(--color-border-hover)}.knowledge-base-page__content{flex:1;overflow-y:auto;background:var(--color-bg-primary)}.knowledge-base-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-3xl);text-align:center}.knowledge-base-page__empty-icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);color:var(--color-text-tertiary);opacity:.5}.knowledge-base-page__empty-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.knowledge-base-page__empty-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.glossary-page{display:flex;height:100%;background:var(--color-bg-primary)}.glossary-page__sidebar{width:100%;background:var(--color-white);display:flex;flex-direction:column;overflow-y:auto}.glossary-page__sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.glossary-page__sidebar-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.glossary-page__search{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.glossary-page__search-option{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.glossary-page__search-option input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-blue-primary)}.glossary-page__search-option:hover{color:var(--color-text-primary)}.glossary-page__highlight{background:linear-gradient(135deg,#ffeb3b66,#ffc10766);padding:0 2px;border-radius:2px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.glossary-page__categories{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-xs)}.glossary-page__category{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-base)}.glossary-page__category:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.glossary-page__category--active{background:linear-gradient(135deg,#2563eb1a,#6366f11a);color:var(--color-blue-primary);font-weight:var(--font-weight-semibold)}.glossary-page__terms-list{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.glossary-page__term-item{padding:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);min-height:auto;height:auto;display:flex;flex-direction:column;position:relative}.glossary-page__term-item:hover{border-color:var(--color-blue-primary);box-shadow:var(--shadow-sm)}.glossary-page__term-item--active{border-color:var(--color-blue-primary);background:linear-gradient(135deg,#2563eb0d,#6366f10d);box-shadow:var(--shadow-sm)}.glossary-page__term-item--unapproved{border-left:3px solid var(--color-warning);background:linear-gradient(135deg,#ffc1070d,#ffeb3b0d)}.glossary-page__term-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.glossary-page__term-title-wrapper{flex:1;display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.glossary-page__term-status{padding:.125rem .5rem;background:var(--color-warning);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.glossary-page__term-actions{display:flex;gap:var(--spacing-xs);align-items:center}.glossary-page__term-action{width:28px;height:28px;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);background:transparent;color:var(--color-text-secondary)}.glossary-page__term-action:hover{background:var(--color-bg-secondary);transform:scale(1.1)}.glossary-page__term-action--approve:hover{color:var(--color-success);background:#22c55e1a}.glossary-page__term-action--reject:hover{color:var(--color-error);background:#ef44441a}.glossary-page__term-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1}.glossary-page__term-category{padding:.125rem .5rem;background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.glossary-page__term-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal);white-space:pre-wrap;word-wrap:break-word;overflow:visible;text-overflow:unset}.glossary-page__empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.glossary-page__main{display:none}.glossary-page__content{flex:1;padding:var(--spacing-2xl);max-width:800px;margin:0 auto;width:100%}.glossary-page__term-detail{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md)}.glossary-page__term-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.glossary-page__term-detail-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.glossary-page__term-detail-category{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#2563eb1a,#6366f11a);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-blue-primary);font-weight:var(--font-weight-medium)}.glossary-page__term-detail-actions{display:flex;gap:var(--spacing-sm)}.glossary-page__term-detail-content{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.glossary-page__term-detail-content p{margin:0;white-space:pre-wrap}.glossary-page__empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.glossary-page__empty-icon{width:64px;height:64px;color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.glossary-page__empty-text{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.glossary-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.glossary-modal__content{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.glossary-modal__content--view{max-width:800px}.glossary-modal__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0}.glossary-modal__field{margin-bottom:var(--spacing-lg)}.glossary-modal__field label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.glossary-modal__textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);resize:vertical;transition:all var(--transition-base)}.glossary-modal__textarea:focus{outline:none;border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.glossary-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.glossary-page__sidebar::-webkit-scrollbar,.glossary-page__terms-list::-webkit-scrollbar,.glossary-modal__content::-webkit-scrollbar{width:6px}.glossary-page__sidebar::-webkit-scrollbar-track,.glossary-page__terms-list::-webkit-scrollbar-track,.glossary-modal__content::-webkit-scrollbar-track{background:transparent}.glossary-page__sidebar::-webkit-scrollbar-thumb,.glossary-page__terms-list::-webkit-scrollbar-thumb,.glossary-modal__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.glossary-page__sidebar::-webkit-scrollbar-thumb:hover,.glossary-page__terms-list::-webkit-scrollbar-thumb:hover,.glossary-modal__content::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.document-sidebar{display:flex;flex-direction:column;height:100%}.document-sidebar__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.document-sidebar__create-btn{width:100%;margin-bottom:var(--spacing-md)}.document-sidebar__view-switcher{display:flex;flex-direction:column;gap:var(--spacing-sm)}.document-sidebar__view-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.document-sidebar__view-buttons{display:flex;gap:var(--spacing-xs);background:var(--color-bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-lg)}.document-sidebar__view-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base);font-family:var(--font-primary)}.document-sidebar__view-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.document-sidebar__view-btn--active{background:var(--color-white);color:var(--color-blue-primary);box-shadow:var(--shadow-sm)}.document-sidebar__content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.document-sidebar__root{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.document-sidebar__root:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.document-sidebar__root--active{background:linear-gradient(135deg,#2563eb1a,#6366f11a);color:var(--color-blue-primary);font-weight:var(--font-weight-semibold)}.document-sidebar__root--drag-over{background:#2563eb33;border:2px dashed var(--color-blue-primary)}.document-sidebar__drop-zone{min-height:20px;border-radius:var(--radius-md);transition:all var(--transition-base)}.document-sidebar__drop-zone--active{background:#2563eb1a;border:2px dashed var(--color-blue-primary)}.document-sidebar__folder,.document-sidebar__series,.document-sidebar__document{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.document-sidebar__folder:hover,.document-sidebar__series:hover,.document-sidebar__document:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.document-sidebar__folder--active,.document-sidebar__series--active,.document-sidebar__document--active{background:linear-gradient(135deg,#2563eb1a,#6366f11a);color:var(--color-blue-primary);font-weight:var(--font-weight-semibold)}.document-sidebar__folder--drag-over,.document-sidebar__series--drag-over{background:#2563eb33;border:2px dashed var(--color-blue-primary)}.document-sidebar__folder svg,.document-sidebar__series svg,.document-sidebar__document svg{flex-shrink:0}.document-sidebar__folder-name,.document-sidebar__series-name,.document-sidebar__document-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-sidebar__delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:auto;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);opacity:.5;transition:all var(--transition-base);flex-shrink:0;position:relative;z-index:10}.document-sidebar__folder:hover .document-sidebar__delete-btn,.document-sidebar__document:hover .document-sidebar__delete-btn{opacity:1}.document-sidebar__delete-btn:hover{background:var(--color-bg-tertiary);color:var(--color-red);opacity:1!important}.document-sidebar__delete-btn:active{transform:scale(.95)}.document-sidebar__delete-btn svg{width:14px;height:14px;pointer-events:none}.document-sidebar__empty{padding:var(--spacing-xl);text-align:center}.document-sidebar__empty-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.document-sidebar__empty-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.table-of-contents__toggle{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#007bff;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:all .3s ease;z-index:1000}.table-of-contents__toggle:hover{background:#0056b3;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.table-of-contents__toggle--open{background:#6c757d}.table-of-contents__toggle--open:hover{background:#5a6268}.table-of-contents__panel{position:fixed;bottom:88px;right:24px;width:320px;max-height:600px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;z-index:999;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-of-contents__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e9ecef}.table-of-contents__title{margin:0;font-size:16px;font-weight:600;color:#212529}.table-of-contents__close{background:none;border:none;cursor:pointer;padding:4px;color:#6c757d;display:flex;align-items:center;justify-content:center;transition:color .2s}.table-of-contents__close:hover{color:#212529}.table-of-contents__body{padding:16px;overflow-y:auto;flex:1}.table-of-contents__content{display:flex;flex-direction:column;gap:12px}.table-of-contents__text{font-size:14px;line-height:1.8;color:#495057;font-family:inherit}.table-of-contents__line{padding:6px 8px;margin:2px 0;cursor:pointer;border-radius:4px;transition:all .2s;color:#212529;-webkit-user-select:none;user-select:none;white-space:pre-wrap;font-size:14px;line-height:1.6}.table-of-contents__line:hover{background:#f8f9fa;color:#007bff}.table-of-contents__line--h2{padding-left:24px;color:#495057;font-size:13px}.table-of-contents__line--h2:hover{color:#007bff}.table-of-contents__line--active{color:#007bff;font-weight:600;background:#e7f3ff}.table-of-contents__edit{display:flex;flex-direction:column;gap:12px}.table-of-contents__textarea{width:100%;min-height:200px;padding:12px;border:1px solid #ced4da;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical;line-height:1.5}.table-of-contents__textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.table-of-contents__edit-actions{display:flex;gap:8px;justify-content:flex-end}.table-of-contents__btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.table-of-contents__btn--save{background:#007bff;color:#fff}.table-of-contents__btn--save:hover{background:#0056b3}.table-of-contents__btn--cancel{background:#6c757d;color:#fff}.table-of-contents__btn--cancel:hover{background:#5a6268}.table-of-contents__btn--edit{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.table-of-contents__btn--edit:hover{background:#e9ecef}.table-of-contents__btn--generate{background:#28a745;color:#fff}.table-of-contents__btn--generate:hover{background:#218838}.table-of-contents__empty{text-align:center;padding:24px;color:#6c757d}.table-of-contents__empty p{margin:0 0 16px}@media (max-width: 768px){.table-of-contents__panel{width:calc(100vw - 48px);max-width:320px;bottom:88px;right:24px}}.document-properties{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-white)}.document-properties__header{margin-bottom:var(--spacing-lg)}.document-properties__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.document-properties__content{display:flex;flex-direction:column;gap:var(--spacing-md)}.document-properties__item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.document-properties__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:140px;flex-shrink:0}.document-properties__value{font-size:var(--font-size-sm);color:var(--color-text-primary);flex:1}.document-properties__value--confidential{text-decoration:underline;color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.document-properties__value--series{font-style:italic}.document-properties--editing{background:var(--color-bg-secondary)}.document-properties__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.document-properties__field .document-properties__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);min-width:auto}.document-properties__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.document-properties__textarea{width:100%;padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);resize:vertical;transition:all var(--transition-base);outline:none;min-height:60px}.document-properties__textarea:hover{border-color:var(--color-border-hover)}.document-properties__textarea:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.document-properties__readonly{padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg)}.document-properties__author-select,.document-properties__author-input-wrapper{position:relative;width:100%}.document-properties__author-clear{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base)}.document-properties__author-clear:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.document-properties__author-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:1000}.document-properties__author-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-base);border-bottom:1px solid var(--color-border)}.document-properties__author-option:last-child{border-bottom:none}.document-properties__author-option:hover{background:var(--color-bg-secondary)}.document-properties__author-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-blue-primary),var(--color-red-primary));display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);flex-shrink:0}.document-properties__author-info{flex:1;min-width:0}.document-properties__author-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.document-properties__author-email{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width: 768px){.document-properties__row{grid-template-columns:1fr}.document-properties__item{flex-direction:column;align-items:flex-start}.document-properties__label{min-width:auto}}.document-editor{display:flex;flex-direction:column;height:100%;background:var(--color-white)}.document-editor__header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.document-editor__title-view{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;flex:1}.document-editor__actions{display:flex;gap:var(--spacing-sm)}.document-editor__toolbar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-white);flex-wrap:wrap}.document-editor__toolbar-group{display:flex;align-items:center;gap:var(--spacing-xs)}.document-editor__toolbar-divider{width:1px;height:24px;background:var(--color-border)}.document-editor__toolbar-spacer{flex:1}.document-editor__toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-base)}.document-editor__toolbar-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.document-editor__toolbar-btn--text{min-width:auto;width:auto;height:28px;padding:4px 8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);border:1px solid var(--color-border);background:transparent}.document-editor__toolbar-btn--text:hover{background:var(--color-bg-secondary)}.document-editor__body{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.document-editor__title-input{padding:var(--spacing-xl);border:none;border-bottom:1px solid var(--color-border);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-primary);outline:none;background:var(--color-white)}.document-editor__editor{min-height:400px;padding:var(--spacing-xl);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);font-family:var(--font-primary);outline:none;background:var(--color-white)}.document-editor__editor::selection{background:#ff0;color:inherit}.document-editor__editor::-moz-selection{background:#ff0;color:inherit}.document-editor__editor:focus{background:var(--color-white)}.document-editor__editor p{margin:0 0 var(--spacing-md)}.document-editor__editor h1,.document-editor__editor h2,.document-editor__editor h3,.document-editor__editor h4,.document-editor__editor h5,.document-editor__editor h6{margin:var(--spacing-lg) 0 var(--spacing-md);font-weight:var(--font-weight-bold)}.document-editor__editor h1{font-size:var(--font-size-3xl)}.document-editor__editor h2{font-size:var(--font-size-2xl)}.document-editor__editor h3{font-size:var(--font-size-xl)}.document-editor__editor ul,.document-editor__editor ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-2xl)}.document-editor__editor a{color:var(--color-blue-primary);text-decoration:underline}.document-editor__editor blockquote{border-left:4px solid var(--color-border);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-style:italic}.document-editor__editor .callout-block{padding:var(--spacing-md);margin:var(--spacing-md) 0;border-left:4px solid var(--color-blue-primary);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.document-editor__editor .callout-block p{margin:0}.document-editor__editor .editor-table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;border:1px solid var(--color-border)}.document-editor__editor .editor-table td,.document-editor__editor .editor-table th{border:1px solid var(--color-border);padding:var(--spacing-sm);min-width:100px;min-height:30px;vertical-align:top;position:relative}.document-editor__editor .editor-table td:focus,.document-editor__editor .editor-table th:focus{outline:2px solid var(--color-blue-primary);outline-offset:-2px}.document-editor__editor .editor-table td[contenteditable=true],.document-editor__editor .editor-table th[contenteditable=true]{cursor:text}.document-editor__editor .editor-table td[contenteditable=true]:empty:before,.document-editor__editor .editor-table th[contenteditable=true]:empty:before{content:" ";color:transparent}.document-editor__editor img{max-width:100%;height:auto;margin:var(--spacing-md) 0;display:block}.document-editor__content-view{padding:var(--spacing-xl);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);font-family:var(--font-primary)}.document-editor__content-view p{margin:0 0 var(--spacing-md)}.document-editor__content-view h1,.document-editor__content-view h2,.document-editor__content-view h3,.document-editor__content-view h4,.document-editor__content-view h5,.document-editor__content-view h6{margin:var(--spacing-lg) 0 var(--spacing-md);font-weight:var(--font-weight-bold)}.document-editor__content-view h1{font-size:var(--font-size-3xl)}.document-editor__content-view h2{font-size:var(--font-size-2xl)}.document-editor__content-view h3{font-size:var(--font-size-xl)}.document-editor__content-view ul,.document-editor__content-view ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-2xl)}.document-editor__content-view a{color:var(--color-blue-primary);text-decoration:underline}.document-editor__content-view blockquote{border-left:4px solid var(--color-border);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-style:italic}.document-editor__content-view .callout-block{padding:var(--spacing-md);margin:var(--spacing-md) 0;border-left:4px solid var(--color-blue-primary);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.document-editor__content-view .callout-block p{margin:0}.document-editor__content-view img{max-width:100%;height:auto;margin:var(--spacing-md) 0;display:block}.document-editor__content-view .editor-table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;border:1px solid var(--color-border)}.document-editor__content-view .editor-table td{border:1px solid var(--color-border);padding:var(--spacing-sm);min-width:100px}.document-folder-view{display:flex;flex-direction:column;height:100%;background:var(--color-white)}.document-folder-view__header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.document-folder-view__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.document-folder-view__breadcrumb-link{background:none;border:none;color:var(--color-blue-primary);cursor:pointer;padding:0;font-size:inherit;text-decoration:none;transition:color .2s}.document-folder-view__breadcrumb-link:hover{color:var(--color-blue-dark);text-decoration:underline}.document-folder-view__breadcrumb-separator{color:var(--color-text-tertiary)}.document-folder-view__breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.document-folder-view__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.document-folder-view__content{flex:1;padding:var(--spacing-xl);overflow-y:auto}.document-folder-view__section{margin-bottom:var(--spacing-2xl)}.document-folder-view__section:last-child{margin-bottom:0}.document-folder-view__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.document-folder-view__folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.document-folder-view__folder-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);gap:var(--spacing-sm);min-height:120px}.document-folder-view__folder-card:hover{background:var(--color-white);border-color:var(--color-blue-primary);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.document-folder-view__folder-card svg{color:var(--color-blue-primary)}.document-folder-view__folder-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;word-break:break-word}.document-folder-view__documents-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.document-folder-view__document-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.document-folder-view__document-card:hover{background:var(--color-bg-secondary);border-color:var(--color-blue-primary)}.document-folder-view__document-card--active{background:var(--color-blue-light);border-color:var(--color-blue-primary)}.document-folder-view__document-card svg{color:var(--color-text-secondary);flex-shrink:0}.document-folder-view__document-card--active svg{color:var(--color-blue-primary)}.document-folder-view__document-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.document-folder-view__document-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-folder-view__document-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.document-folder-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.document-folder-view__empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.document-folder-view__empty-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.document-folder-view__empty-hint{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.create-document-modal__backdrop{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:var(--z-modal);padding:var(--spacing-xl)}.create-document-modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;border:1px solid var(--color-border)}.create-document-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.create-document-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.create-document-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.create-document-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.create-document-modal__form{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-document-modal__type-switcher{display:flex;gap:var(--spacing-sm);background:var(--color-bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-lg)}.create-document-modal__type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base);font-family:var(--font-primary)}.create-document-modal__type-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.create-document-modal__type-btn--active{background:var(--color-white);color:var(--color-blue-primary);box-shadow:var(--shadow-sm)}.create-document-modal__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-document-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.create-document-modal__required{color:#ef4444}.create-document-modal__input{width:100%}.create-document-modal__location{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-document-modal__location-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-base);font-family:var(--font-primary);text-align:left}.create-document-modal__location-option:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary);color:var(--color-text-primary)}.create-document-modal__location-option--active{background:linear-gradient(135deg,#2563eb1a,#6366f11a);border-color:var(--color-blue-primary);color:var(--color-blue-primary);font-weight:var(--font-weight-semibold)}.create-document-modal__folder-select{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-primary);cursor:pointer;outline:none;transition:all var(--transition-base)}.create-document-modal__folder-select:hover{border-color:var(--color-border-hover)}.create-document-modal__folder-select:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.create-document-modal__textarea{width:100%;padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base);resize:vertical;min-height:80px}.create-document-modal__textarea:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.create-document-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.document-page{display:flex;height:100vh;background:var(--color-bg-primary)}.document-page__sidebar{width:300px;border-right:1px solid var(--color-border);background:var(--color-white);overflow-y:auto}.document-page__main{flex:1;display:flex;flex-direction:column;overflow:hidden}.document-page__header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-white);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.document-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.document-page__header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.document-page__search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:250px}.document-page__search svg{color:var(--color-text-tertiary);flex-shrink:0}.document-page__search-input{flex:1;border:none;background:transparent;outline:none;font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-primary)}.document-page__search-input::placeholder{color:var(--color-text-tertiary)}.document-page__mode{display:flex;align-items:center;gap:var(--spacing-xs)}.document-page__mode-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-right:var(--spacing-xs)}.document-page__mode-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.document-page__mode-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.document-page__mode-btn--active{background:var(--color-blue-primary);border-color:var(--color-blue-primary);color:var(--color-white)}.document-page__sort{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-primary);cursor:pointer;outline:none;transition:all var(--transition-base)}.document-page__sort:hover{border-color:var(--color-border-hover)}.document-page__content{flex:1;overflow-y:auto;background:var(--color-bg-primary)}.document-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-3xl);text-align:center}.document-page__empty-icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);color:var(--color-text-tertiary);opacity:.5}.document-page__empty-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.document-page__empty-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.password-sidebar{display:flex;flex-direction:column;height:100%}.password-sidebar__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.password-sidebar__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-md)}.password-sidebar__add-btn{width:100%;justify-content:flex-start}.password-sidebar__content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.password-sidebar__category{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;font-family:var(--font-primary);margin-bottom:var(--spacing-xs)}.password-sidebar__category:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.password-sidebar__category--active{background:linear-gradient(135deg,#2563eb1a,#6366f11a);color:var(--color-blue-primary);font-weight:var(--font-weight-semibold)}.password-sidebar__category svg{flex-shrink:0}.password-sidebar__category span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-sidebar__lock-icon{color:var(--color-text-tertiary);opacity:.7;flex-shrink:0}.password-sidebar__lock-icon--unlocked{color:var(--color-green-primary);opacity:1}.password-sidebar__empty{padding:var(--spacing-xl);text-align:center}.password-sidebar__empty-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.password-sidebar__empty-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.passwords-table{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.passwords-table__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.passwords-table__card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.passwords-table__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.passwords-table__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.passwords-table__card-title-section{flex:1;min-width:0}.passwords-table__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passwords-table__card-url{font-size:var(--font-size-xs);color:var(--color-blue-primary);text-decoration:none;transition:all var(--transition-base);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passwords-table__card-url:hover{text-decoration:underline}.passwords-table__card-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.passwords-table__action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.passwords-table__action-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.passwords-table__card-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.passwords-table__card-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.passwords-table__card-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.passwords-table__card-value{font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-word}.passwords-table__password-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.passwords-table__password{font-family:Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-text-primary);letter-spacing:.1em;flex:1;word-break:break-all}.passwords-table__password-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-base);border-radius:var(--radius-sm);flex-shrink:0}.passwords-table__password-toggle:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.passwords-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.passwords-table__empty-icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);color:var(--color-text-tertiary);opacity:.5}.passwords-table__empty-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.bank-cards-table{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.bank-cards-table__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.bank-cards-table__card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-xl);padding:var(--spacing-xl);color:var(--color-white);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.bank-cards-table__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.bank-cards-table__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.bank-cards-table__card-actions{display:flex;gap:var(--spacing-xs)}.bank-cards-table__action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-white);transition:all var(--transition-base)}.bank-cards-table__action-btn:hover{background:#ffffff4d}.bank-cards-table__card-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.bank-cards-table__card-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:Courier New,monospace;letter-spacing:.1em;margin-bottom:var(--spacing-md)}.bank-cards-table__card-info{display:flex;gap:var(--spacing-xl)}.bank-cards-table__card-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.bank-cards-table__card-details{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.2)}.bank-cards-table__card-detail{display:flex;justify-content:space-between;align-items:center}.bank-cards-table__card-label{font-size:var(--font-size-xs);opacity:.8;text-transform:uppercase;letter-spacing:.05em}.bank-cards-table__card-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.bank-cards-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.bank-cards-table__empty-icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);color:var(--color-text-tertiary);opacity:.5}.bank-cards-table__empty-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.create-category-modal__backdrop{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:var(--z-modal);padding:var(--spacing-xl)}.create-category-modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;border:1px solid var(--color-border)}.create-category-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.create-category-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.create-category-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.create-category-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.create-category-modal__form{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-category-modal__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-category-modal__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.create-category-modal__required{color:#ef4444}.create-category-modal__input{width:100%}.create-category-modal__password-input{position:relative;display:flex;align-items:center}.create-category-modal__password-toggle{position:absolute;right:var(--spacing-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-base);border-radius:var(--radius-sm)}.create-category-modal__password-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.create-category-modal__info{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#2563eb1a,#6366f11a);border:1px solid var(--color-blue-primary);border-radius:var(--radius-lg)}.create-category-modal__info svg{flex-shrink:0;color:var(--color-blue-primary);margin-top:2px}.create-category-modal__info-text{flex:1}.create-category-modal__info-text p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs);line-height:var(--line-height-relaxed)}.create-category-modal__info-text p:last-child{margin-bottom:0}.create-category-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.create-password-modal__backdrop{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:var(--z-modal);padding:var(--spacing-xl);overflow-y:auto}.create-password-modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;border:1px solid var(--color-border)}.create-password-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.create-password-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.create-password-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.create-password-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.create-password-modal__form{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-password-modal__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-password-modal__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.create-password-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.create-password-modal__required{color:#ef4444}.create-password-modal__input,.create-password-modal__textarea,.create-password-modal__select{width:100%;padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base)}.create-password-modal__input:focus,.create-password-modal__textarea:focus,.create-password-modal__select:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.create-password-modal__password-wrapper{position:relative;display:flex;align-items:center}.create-password-modal__password-wrapper .create-password-modal__input{padding-right:48px}.create-password-modal__password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:color var(--transition-base);z-index:1}.create-password-modal__password-toggle:hover{color:var(--color-text-primary)}.create-password-modal__password-toggle:focus{outline:none;color:var(--color-blue-primary)}.create-password-modal__textarea{resize:vertical;min-height:80px;font-family:var(--font-primary)}.create-password-modal__generator{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.create-password-modal__generator-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.create-password-modal__generator-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.create-password-modal__generator-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.create-password-modal__generator-slider{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-password-modal__generator-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.create-password-modal__slider{width:100%;height:8px;border-radius:var(--radius-full);background:var(--color-border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.create-password-modal__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-blue-primary);cursor:pointer;box-shadow:0 2px 4px #0003}.create-password-modal__slider::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-blue-primary);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.create-password-modal__generator-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-password-modal__checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary)}.create-password-modal__checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.create-password-modal__generate-btn{width:100%}.create-password-modal__tips{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.create-password-modal__tips-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md)}.create-password-modal__tips-list{margin:0;padding-left:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.create-password-modal__tips-list li{margin-bottom:var(--spacing-xs)}.create-password-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.create-bank-card-modal__backdrop{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:var(--z-modal);padding:var(--spacing-xl);overflow-y:auto}.create-bank-card-modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:600px;border:1px solid var(--color-border)}.create-bank-card-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.create-bank-card-modal__header-left{display:flex;align-items:center;gap:var(--spacing-md)}.create-bank-card-modal__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);color:var(--color-white)}.create-bank-card-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.create-bank-card-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.create-bank-card-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.create-bank-card-modal__form{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-bank-card-modal__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-bank-card-modal__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.create-bank-card-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.create-bank-card-modal__required{color:#ef4444}.create-bank-card-modal__input,.create-bank-card-modal__select{width:100%;padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base)}.create-bank-card-modal__input:focus,.create-bank-card-modal__select:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.create-bank-card-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.category-password-modal__backdrop{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:var(--z-modal);padding:var(--spacing-xl)}.category-password-modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;border:1px solid var(--color-border)}.category-password-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.category-password-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.category-password-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.category-password-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.category-password-modal__form{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.category-password-modal__info{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-blue-light);border-radius:var(--radius-lg);color:var(--color-blue-dark)}.category-password-modal__info svg{flex-shrink:0;margin-top:2px}.category-password-modal__info p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.category-password-modal__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-password-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.category-password-modal__required{color:#ef4444}.category-password-modal__password-input{position:relative;display:flex;align-items:center}.category-password-modal__password-input .category-password-modal__input{padding-right:48px}.category-password-modal__password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:color var(--transition-base);z-index:1}.category-password-modal__password-toggle:hover{color:var(--color-text-primary)}.category-password-modal__input{width:100%;padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base)}.category-password-modal__input:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 3px #2563eb1a}.category-password-modal__error{color:#ef4444;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.category-password-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.passwords-page{display:flex;height:100vh;background:var(--color-bg-primary)}.passwords-page__sidebar{width:280px;border-right:1px solid var(--color-border);background:var(--color-white);overflow-y:auto}.passwords-page__main{flex:1;display:flex;flex-direction:column;overflow:hidden}.passwords-page__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-white);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.passwords-page__tabs{display:flex;gap:var(--spacing-xs);background:var(--color-bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-lg)}.passwords-page__tab{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base);font-family:var(--font-primary)}.passwords-page__tab:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.passwords-page__tab--active{background:var(--color-white);color:var(--color-blue-primary);box-shadow:var(--shadow-sm)}.passwords-page__header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.passwords-page__archive-toggle{display:flex;align-items:center;gap:var(--spacing-sm)}.passwords-page__archive-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.passwords-page__content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.passwords-page__content-header{margin-bottom:var(--spacing-xl)}.passwords-page__content-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg)}.passwords-page__search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:400px}.passwords-page__search svg{color:var(--color-text-tertiary);flex-shrink:0}.passwords-page__search-input{flex:1;border:none;background:transparent;outline:none;font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-primary)}.passwords-page__search-input::placeholder{color:var(--color-text-tertiary)}.passwords-page__search-clear{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-base);border-radius:var(--radius-sm)}.passwords-page__search-clear:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.checklists-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.checklists-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.checklists-section__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.checklists-section__card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-base)}.checklists-section__card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.checklists-section__card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.checklists-section__card-drag{color:var(--color-text-tertiary);cursor:grab;display:flex;align-items:center;padding:var(--spacing-xs)}.checklists-section__card-drag:active{cursor:grabbing}.checklists-section__card-title{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;cursor:text;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base)}.checklists-section__card-title:hover{background:var(--color-bg-tertiary)}.checklists-section__title-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-blue-primary);border-radius:var(--radius-sm);outline:none}.checklists-section__edit-btn,.checklists-section__delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-tertiary);opacity:0}.checklists-section__card:hover .checklists-section__edit-btn,.checklists-section__card:hover .checklists-section__delete-btn{opacity:1}.checklists-section__edit-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.checklists-section__delete-btn:hover{background:#dc26261a;color:var(--color-red-primary)}.checklists-section__progress{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.checklists-section__progress-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.checklists-section__progress-bar{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.checklists-section__progress-fill{height:100%;background:var(--color-blue-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.checklists-section__items{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.checklists-section__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-lg);transition:all var(--transition-base)}.checklists-section__item:hover{background:var(--color-bg-tertiary)}.checklists-section__item-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-blue-primary);flex-shrink:0}.checklists-section__item-text{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.checklists-section__item-text--completed{text-decoration:line-through;color:var(--color-text-secondary)}.checklists-section__item-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-primary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-base)}.checklists-section__item-input:focus{border-color:var(--color-blue-primary);background:var(--color-white)}.checklists-section__item-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-tertiary);opacity:0;flex-shrink:0}.checklists-section__item:hover .checklists-section__item-delete{opacity:1}.checklists-section__item-delete:hover{background:#dc26261a;color:var(--color-red-primary)}.checklists-section__add-item-btn{width:100%;justify-content:flex-start}.checklists-section__actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.checklists-section__actions .btn{flex:1}.pomodoro-timer{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.pomodoro-timer__header{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.pomodoro-timer__title{font-size:18px;font-weight:600;color:#333;margin:0}.pomodoro-timer__sessions{font-size:12px;color:#666}.pomodoro-timer__circle{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.pomodoro-timer__svg{width:100%;height:100%;transform:rotate(-90deg)}.pomodoro-timer__circle-bg{transition:stroke-dashoffset .3s ease}.pomodoro-timer__circle-progress{transition:stroke-dashoffset 1s linear}.pomodoro-timer__time{position:absolute;display:flex;align-items:baseline;justify-content:center;font-family:Courier New,monospace;font-weight:600;color:#333}.pomodoro-timer__minutes{font-size:36px;line-height:1}.pomodoro-timer__separator{font-size:36px;line-height:1;margin:0 2px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.pomodoro-timer__seconds{font-size:28px;line-height:1}.pomodoro-timer__controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pomodoro-timer__btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.pomodoro-timer__btn:hover:not(:disabled){background:#f8f8f8;border-color:#ccc}.pomodoro-timer__btn:disabled{opacity:.5;cursor:not-allowed}.pomodoro-timer__btn svg{flex-shrink:0}.pomodoro-timer__btn--start{background:#2563eb;color:#fff;border-color:#2563eb}.pomodoro-timer__btn--start:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.pomodoro-timer__btn--pause{background:#f59e0b;color:#fff;border-color:#f59e0b}.pomodoro-timer__btn--pause:hover:not(:disabled){background:#d97706;border-color:#d97706}.pomodoro-timer__btn--stop{background:#ef4444;color:#fff;border-color:#ef4444}.pomodoro-timer__btn--stop:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.pomodoro-timer__btn--reset{background:#6b7280;color:#fff;border-color:#6b7280}.pomodoro-timer__btn--reset:hover:not(:disabled){background:#4b5563;border-color:#4b5563}.pomodoro-timer__total{font-size:14px;color:#666;padding-top:12px;border-top:1px solid #e0e0e0;width:100%;text-align:center}@media (max-width: 768px){.pomodoro-timer__circle{width:160px;height:160px}.pomodoro-timer__minutes{font-size:28px}.pomodoro-timer__seconds{font-size:22px}.pomodoro-timer__btn{padding:8px 12px;font-size:12px}.pomodoro-timer__btn svg{width:16px;height:16px}}.task-modal{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:var(--z-modal);padding:var(--spacing-lg)}.task-modal__content{display:flex;flex-direction:column;background:var(--color-white);border-radius:16px;padding:24px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.task-modal__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:var(--spacing-md)}.task-modal__title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 3px}.task-modal__subtitle{font-size:12px;color:#999;margin:0}.task-modal__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;transition:all .2s;color:#666;font-size:18px;flex-shrink:0}.task-modal__close:hover{background:#e5e5e5;color:#1a1a1a}.task-modal__body{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1;pointer-events:auto}.task-modal__field{display:flex;flex-direction:column;gap:6px}.task-modal__body--full .task-modal__field{flex-direction:row;align-items:center;gap:12px}.task-modal__body--full .task-modal__field .task-modal__label{min-width:120px;text-align:left;flex-shrink:0}.task-modal__body--full .task-modal__field .task-modal__textarea,.task-modal__body--full .task-modal__field .task-modal__select,.task-modal__body--full .task-modal__field .input-wrapper,.task-modal__body--full .task-modal__field .task-modal__user-display,.task-modal__body--full .task-modal__field .task-modal__assignee-wrapper,.task-modal__body--full .task-modal__field .task-modal__date-input{flex:1}.task-modal__body--full .task-modal__field .task-modal__add-link{flex:1;justify-content:flex-start}.task-modal .input-wrapper input{padding:10px;font-size:13px;border-radius:6px}.task-modal .input-wrapper{font-size:13px}.task-modal__label{font-size:12px;font-weight:500;color:#666}.task-modal__textarea{width:100%;padding:10px;font-family:inherit;font-size:13px;color:#1a1a1a;background:#f5f5f5;border:none;border-radius:6px;resize:vertical;transition:all .2s;outline:none}.task-modal__textarea:hover{background:#f0f0f0}.task-modal__textarea:focus{background:#fff;border:1px solid #2563eb;box-shadow:0 0 0 3px #2563eb1a}.task-modal__select{padding:10px;font-family:inherit;font-size:13px;color:#1a1a1a;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;outline:none}.task-modal__select:hover{border-color:#ccc;background:#f5f5f5}.task-modal__select:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.task-modal__user-display{display:flex;align-items:center;gap:10px;padding:10px;background:#f8f8f8;border-radius:6px}.task-modal__user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#dc2626);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.task-modal__user-name{font-size:13px;color:#1a1a1a;font-weight:500}.task-modal__assignee-wrapper{position:relative;width:100%}.task-modal__clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;z-index:10}.task-modal__clear-btn:hover{background:#f5f5f5;color:#1a1a1a}.task-modal__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:240px;overflow-y:auto;z-index:1000}.task-modal__dropdown-item{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f5f5f5}.task-modal__dropdown-item:last-child{border-bottom:none}.task-modal__dropdown-item:hover{background:#f8f8f8}.task-modal__user-avatar-sm{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#dc2626);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:11px;flex-shrink:0}.task-modal__user-info{flex:1;display:flex;flex-direction:column;gap:2px}.task-modal__user-name-sm{font-size:13px;font-weight:500;color:#1a1a1a}.task-modal__user-email-sm{font-size:11px;color:#999}.task-modal__date-input{display:flex;align-items:center;gap:6px;color:#666}.task-modal__date-input svg{flex-shrink:0;width:14px;height:14px}.task-modal__expandable-panel{padding:16px;background:#f8f8f8;border-radius:8px;overflow:hidden}.task-modal__list{display:flex;flex-direction:column;gap:8px}.task-modal__list-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border-radius:5px;font-size:12px;color:#1a1a1a}.task-modal__list-item svg{color:#22c55e;flex-shrink:0;width:12px;height:12px}.task-modal__list-item span{flex:1}.task-modal__list-item button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s;color:#999;font-size:18px;padding:0}.task-modal__list-item button:hover{background:#dc26261a;color:#dc2626}.task-modal__add-item{display:flex;gap:8px;align-items:flex-start}.task-modal__add-item .input-wrapper{flex:1}.task-modal__user-list{display:flex;flex-direction:column;gap:8px}.task-modal__user-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border-radius:5px;font-size:12px;color:#1a1a1a}.task-modal__user-chip span{flex:1}.task-modal__user-chip button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s;color:#999;font-size:18px;padding:0}.task-modal__user-chip button:hover{background:#dc26261a;color:#dc2626}.task-modal__tags-container{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.task-modal__tag-chip{display:flex;align-items:center;gap:5px;padding:5px 10px;background:#2563eb;color:#fff;border-radius:5px;font-size:11px;font-weight:500}.task-modal__tag-chip button{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s;color:#fff;font-size:16px;padding:0}.task-modal__tag-chip button:hover{background:#fff3}.task-modal__action-buttons{display:flex;flex-direction:column;gap:6px;margin-top:12px;position:relative;z-index:100;pointer-events:auto}.task-modal__action-buttons-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;position:relative;z-index:101;pointer-events:auto}.task-modal__action-buttons-row:last-child{grid-template-columns:repeat(6,1fr)}.task-modal__action-buttons-row:last-child .task-modal__action-btn{grid-column:1;max-width:fit-content}.task-modal__action-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;padding:8px 10px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;font-size:12px;font-weight:400;color:#666;font-family:inherit;text-align:left;position:relative;z-index:10;pointer-events:auto}.task-modal__action-btn:hover{background:#f8f8f8;border-color:#ccc}.task-modal__action-btn svg{color:#999;flex-shrink:0;width:14px;height:14px}.task-modal__action-btn:hover svg{color:#666}.task-modal__add-link{display:inline-flex;align-items:center;gap:5px;padding:0;background:transparent;border:none;cursor:pointer;font-size:12px;font-weight:400;color:#2563eb;font-family:inherit;transition:color .2s}.task-modal__add-link:hover{color:#1d4ed8}.task-modal__add-link svg{flex-shrink:0;width:14px;height:14px}.task-modal__add-link--secondary{color:#666}.task-modal__add-link--secondary:hover{color:#333}.task-modal__result-input{margin-top:6px}.task-modal__panel-content{margin-top:10px;padding:10px;background:#f8f8f8;border-radius:6px}.task-modal__option-chips{display:flex;flex-direction:column;gap:6px;margin-top:12px;margin-bottom:12px}.task-modal__option-chips-row{display:flex;flex-wrap:wrap;gap:6px}.task-modal__option-chip{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;padding:6px 10px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;font-size:12px;font-weight:400;color:#666;font-family:inherit;position:relative;z-index:10;pointer-events:auto}.task-modal__option-chip:hover{background:#f8f8f8;border-color:#ccc}.task-modal__option-chip:active{transform:scale(.98)}.task-modal__option-chip--active{background:#e3f2fd!important;border-color:#2563eb!important;color:#2563eb!important}.task-modal__option-chip--active svg{color:#2563eb!important}.task-modal__action-btn:active{transform:scale(.98)}.task-modal__option-chip svg{color:#999;flex-shrink:0;width:14px;height:14px}.task-modal__option-chip:hover svg{color:#666}.task-modal__two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-modal__footer{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0;justify-content:flex-start;align-items:center;position:relative}.task-modal__full-form-btn{margin-left:auto;padding:0;background:transparent;border:none;cursor:pointer;font-size:12px;font-weight:400;color:#666;transition:all .2s;font-family:inherit}.task-modal__full-form-btn:hover{color:#2563eb}@media (max-width: 768px){.task-modal__content{max-width:100%;padding:20px;margin:12px}.task-modal__action-buttons-row{grid-template-columns:repeat(2,1fr)}.task-modal__footer{flex-direction:column;align-items:stretch}.task-modal__full-form-btn{margin-left:0;order:-1}}:root{--color-white: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f1f3f5;--color-blue-primary: #2563eb;--color-blue-hover: #1d4ed8;--color-blue-light: #3b82f6;--color-blue-dark: #1e40af;--color-red-primary: #6366f1;--color-red-hover: #4f46e5;--color-red-light: #818cf8;--color-red-dark: #4338ca;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--font-primary: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", var(--font-primary);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-primary);background-image:radial-gradient(circle at 20% 50%,rgba(37,99,235,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.03) 0%,transparent 50%),linear-gradient(135deg,#fff,#f8f9fa);background-attachment:fixed;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}:focus-visible{outline:2px solid var(--color-blue-primary);outline-offset:2px}::selection{background-color:var(--color-blue-light);color:var(--color-white)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.full-page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:var(--font-size-lg);color:var(--color-text-secondary)}.company-page__load-error{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#ef44441a;color:var(--color-red-primary, #dc2626);font-size:var(--font-size-sm)}.company-page__load-error-retry{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white);background:var(--color-red-primary, #dc2626);border:none;border-radius:var(--radius-md);cursor:pointer}.company-page__load-error-retry:hover{filter:brightness(1.05)}.toast{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:9999;max-width:90vw}.toast--error{background:var(--color-red-primary, #dc2626);color:var(--color-white)}.toast--success{background:#16a34a;color:var(--color-white)}.toast--info{background:var(--color-blue-primary);color:var(--color-white)}.toast__message{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.toast__dismiss{padding:0 var(--spacing-xs);font-size:1.25rem;line-height:1;background:transparent;border:none;color:inherit;cursor:pointer;opacity:.9}.toast__dismiss:hover{opacity:1}