@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";.sidebar{position:fixed;top:0;left:0;bottom:0;background:linear-gradient(180deg,#174abc,#0d0c78);border-right:none;box-shadow:4px 0 24px #0000002e;display:flex;flex-direction:column;z-index:var(--z-sidebar);overflow:hidden;will-change:width,transform}.sidebar__mobile-close{margin-left:auto;width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#ffffffbf;background:#ffffff14;border:1px solid rgba(255,255,255,.15);cursor:pointer;flex-shrink:0}.sidebar__mobile-close:hover{color:#fdbf27;background:#f4c14426}.sidebar__logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid rgba(255,255,255,.08);min-height:var(--header-height)}.sidebar__logo-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:#f4c14426;display:flex;align-items:center;justify-content:center;color:#fdbf27;flex-shrink:0}.sidebar__brand-logo-small{width:36px;height:36px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1);opacity:.95}.sidebar__logo-text{display:flex;flex-direction:column;overflow:hidden}.sidebar__logo-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);color:#fff;letter-spacing:-.03em;white-space:nowrap}.sidebar__logo-sub{font-size:var(--font-size-xs);color:#ffffff73;white-space:nowrap}.sidebar__nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#ffffff8c;text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);position:relative;transition:all var(--transition-fast);white-space:nowrap}.sidebar__link:hover{color:#fff;background:#ffffff14}.sidebar__link--active{color:#fdbf27;background:#f4c1441f;font-weight:var(--font-weight-semibold);box-shadow:none}.sidebar__link--active .sidebar__link-icon{color:#fdbf27}.sidebar__link--active:hover{color:#fdbf27;background:#f4c1442e}.sidebar__link--active:hover .sidebar__link-icon{color:#fdbf27}.sidebar__link-indicator{display:none}.sidebar__link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.sidebar__link-label{overflow:hidden;text-overflow:ellipsis}.sidebar__footer{padding:var(--space-4) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2)}.sidebar__user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:#f4c14433;display:flex;align-items:center;justify-content:center;color:#fdbf27;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.sidebar__user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:var(--font-size-xs);color:#fff6;text-transform:capitalize}.sidebar__copyright{font-size:10px;color:#ffffff47;text-align:center;letter-spacing:.03em;margin:0;padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.08)}.sidebar__lang{display:flex;gap:4px;padding:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);align-self:stretch}.sidebar__lang-btn{flex:1;padding:var(--space-1) var(--space-2);border:none;background:transparent;color:#ffffff8c;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.sidebar__lang-btn:hover{color:#fff;background:#ffffff14}.sidebar__lang-btn--active,.sidebar__lang-btn--active:hover{color:#0b1f4d;background:#fdbf27}.sidebar--rail .sidebar__lang{flex-direction:column;gap:2px;width:100%}.sidebar__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.sidebar__brand-logo-full{height:36px;object-fit:contain;max-width:140px;filter:brightness(0) invert(1);opacity:.85}.sidebar__btn{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#ffffffbf;background:#ffffff14;border:1px solid rgba(255,255,255,.15);transition:all var(--transition-fast)}.sidebar__btn:hover{color:#fdbf27;background:#f4c14426;border-color:#f4c1444d}.sidebar--rail .sidebar__link{justify-content:center;gap:0;padding:var(--space-2)}.sidebar--rail .sidebar__link-indicator{left:-12px}.sidebar--rail .sidebar__link-label,.sidebar--rail .sidebar__logo-text{display:none}.sidebar--rail .sidebar__footer{align-items:center}.sidebar--rail .sidebar__logo{gap:0;padding-left:0;padding-right:0;justify-content:center}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-secondary),transparent);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover:before{opacity:1}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.stat-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:none;letter-spacing:.05em;display:flex;align-items:center}.stat-card__icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--accent-primary-muted);color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2)}.stat-card__change{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.stat-card__change-label{color:var(--text-tertiary);font-weight:var(--font-weight-regular)}.badge__dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge--sm{font-size:9px;padding:1px 6px}.progress{width:100%}.progress__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.progress__label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.progress__value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.progress__track{width:100%;height:6px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.progress__fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-spring);position:relative;background:var(--brand-gradient-horizontal)}.progress--sm .progress__track{height:4px}.progress__sublabel{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;transition:opacity var(--transition-base);padding:var(--space-6)}.modal-overlay--active{opacity:1}.modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform var(--transition-base)}.modal--active{transform:scale(1) translateY(0)}.modal--sm{max-width:480px}.modal--md{max-width:640px}.modal--lg{max-width:800px}.modal--xl{max-width:1024px}.modal--full{max-width:min(1560px,96vw);height:92vh;max-height:92vh}.modal-overlay--right{justify-content:flex-end;align-items:flex-start;padding:var(--space-4)}.modal--right{height:auto;max-height:calc(100vh - var(--space-8));border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-xl);transform:translate(50px);opacity:0;transition:all var(--transition-base)}.modal--right.modal--active{transform:translate(0);opacity:1}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-6);border-bottom:none;flex-shrink:0;background:var(--brand-gradient);color:#fff;z-index:10}.modal-header h2{font-size:var(--font-size-md)}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-subtle);transition:all var(--transition-base);border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:all var(--transition-base);border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:var(--accent-primary)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--accent-primary)}input:checked+.toggle-slider:before{transform:translate(18px)}.settings-box{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--border-subtle)}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff}.modal__subtitle{font-size:var(--font-size-sm);color:#fffc;margin-top:var(--space-1)}.modal__close:hover{opacity:1;background:#ffffff1a}.modal__body{padding:var(--space-6);overflow-y:auto;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:#9aa3b2 transparent}.modal__body::-webkit-scrollbar{width:12px}.modal__body::-webkit-scrollbar-track{background:transparent}.modal__body::-webkit-scrollbar-thumb{background:#9aa3b2;border-radius:8px;border:3px solid var(--bg-secondary);background-clip:content-box}.modal__body::-webkit-scrollbar-thumb:hover{background:#6b7480;background-clip:content-box}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.filter-bar__search{position:relative;flex:0 1 280px}.filter-bar__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.filter-bar__input{width:100%;padding-left:34px;height:36px;font-size:var(--font-size-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle)}.filter-bar__input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0f0e7f1a;background:var(--bg-secondary)}.filter-bar__filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-bar__group{display:flex;gap:var(--space-1)}.filter-bar__chip{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-bar__select{padding:var(--space-1) var(--space-3);padding-right:32px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:8px auto}.filter-bar__select:hover{border-color:var(--border-default);color:var(--text-primary)}.filter-bar__select:focus{outline:none;border-color:#174abc;box-shadow:0 0 0 2px #0f0e7f33}.filter-bar__chip:hover{border-color:var(--border-default);color:var(--text-primary)}.filter-bar__chip--active{background:#174abc;border-color:#174abc;color:#fff}.filter-bar__clear{display:flex;align-items:center;gap:var(--space-1);color:var(--text-tertiary);font-size:var(--font-size-xs)}@media(max-width:640px){.modal-overlay{padding:var(--space-3)}.modal--sm,.modal--md,.modal--lg,.modal--xl,.modal--full{max-width:100%}.modal--full{height:auto;max-height:92vh}.modal__header{padding:var(--space-4) var(--space-5)}.modal__body{padding:var(--space-4)}.modal-overlay--right{padding:8px}.modal--right{max-height:calc(100vh - 16px)}.filter-bar__search{flex:1 1 100%;min-width:0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state__icon{width:80px;height:80px;border-radius:var(--radius-xl);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);margin-bottom:var(--space-6)}.empty-state__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:360px}.empty-state__action{margin-top:var(--space-6)}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-8);background:#fff;border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 4px #0000000f;position:sticky;top:0;z-index:var(--z-header)}.header__left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.header__menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;border:1px solid var(--border-subtle);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.header__menu-btn:hover{background:var(--surface-hover, rgba(0, 0, 0, .04));color:var(--text-primary)}.header__title-group{display:flex;flex-direction:column;min-width:0;overflow:hidden}.header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.header__description{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.header__brand-tag{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#0f0e7f0d;border:1px solid rgba(15,14,127,.15);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary)}.header__brand-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:pulse 2s ease-in-out infinite}.header__brand-name{font-weight:var(--font-weight-semibold);color:#174abc}.header__brand-separator{color:var(--text-tertiary)}.header__brand-week{color:var(--accent-primary);font-weight:var(--font-weight-medium)}.header__action{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative;transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer;padding:0}.header__action:hover{background:var(--bg-hover);color:var(--text-primary)}.header__notification-badge{position:absolute;top:4px;right:4px;background:var(--color-danger);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:2px solid #ffffff}.header__user-container,.header__notif-container{position:relative}.header__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);margin-left:var(--space-2);border-left:1px solid var(--border-subtle);padding-left:var(--space-4);cursor:pointer;border-radius:var(--radius-md);transition:background-color .2s}.header__user:hover{background-color:var(--bg-hover)}.header__user-chevron{color:var(--text-tertiary);margin-left:var(--space-2)}.header__dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;width:200px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000f;display:flex;flex-direction:column;padding:var(--space-2);z-index:var(--z-dropdown)}.header__dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.header__dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.header__notif-menu{width:320px;right:0;padding:0}@media(max-width:768px){.header__dropdown-menu.header__notif-menu{position:fixed;top:var(--header-height);left:12px;right:12px;width:auto;max-height:calc(100vh - var(--header-height) - 16px);overflow-y:auto}.header__user-container .header__dropdown-menu{position:fixed;top:var(--header-height);right:12px;left:auto;width:200px}}.header__notif-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:14px;color:var(--text-primary)}.header__notif-list{display:flex;flex-direction:column;max-height:300px;overflow-y:auto}.header__notif-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);cursor:pointer}.header__notif-item:last-child{border-bottom:none}.header__notif-item:hover{background:var(--bg-hover)}.header__notif-dot{width:8px;height:8px;border-radius:50%;background:var(--color-danger);flex-shrink:0;margin-top:6px}.header__notif-text p{margin:0 0 4px;font-size:13px;line-height:1.4;color:var(--text-primary)}.header__notif-text span{font-size:11px;color:var(--text-tertiary)}.header__notif-footer{padding:var(--space-2);border-top:1px solid var(--border-subtle);text-align:center}.header__dropdown-item.text-danger:hover{color:var(--color-danger);background:#ef44440d}.header__user-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid rgba(244,193,68,.6);box-shadow:0 2px 8px #0f0e7f40;font-weight:800;font-size:13px;letter-spacing:.02em}.header__user-info{display:flex;flex-direction:column}.header__user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.header__user-role{font-size:12px;color:var(--text-tertiary);text-transform:capitalize}@media(max-width:768px){.header__description{padding:0 var(--space-4)}.header{padding:0 var(--space-4);position:fixed;left:0;right:0;top:0}.header__brand-tag{display:none}.header__action{width:48px;height:48px}.header__user{min-height:48px}}@media(max-width:540px){.header__user-info,.header__user-chevron{display:none}.header__user{padding-left:var(--space-2);border-left:none;margin-left:0;gap:0}.header__left{gap:var(--space-2)}}@media(max-width:400px){.header__description{display:none}.header__title{font-size:var(--font-size-base)}}.layout{display:flex;min-height:100vh;overflow-x:hidden}.layout__main{flex:1;margin-left:var(--sidebar-collapsed-width);display:flex;flex-direction:column;min-height:100vh;min-width:0}.layout__content{flex:1;padding:var(--space-8);max-width:var(--content-max-width);width:100%;margin:0 auto}.layout__sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:95;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media(max-width:1023px){.layout__content{padding:var(--space-4) 20px}}:root{--bg-primary: #f4f7fb;--bg-secondary: #ffffff;--bg-elevated: #ffffff;--bg-tertiary: #eaf0f6;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--bg-glow: #ffffff;--border-subtle: #e2e8f0;--border-default: #cbd5e1;--border-strong: #94a3b8;--border-accent: rgba(23, 74, 188, .4);--text-primary: #174abc;--text-secondary: #475569;--text-tertiary: #64748b;--text-inverse: #ffffff;--accent-primary: #174abc;--accent-primary-muted: rgba(23, 74, 188, .1);--accent-secondary: #fdbf27;--accent-secondary-muted: rgba(253, 191, 39, .1);--accent-light-blue: #6d9ff1;--accent-purple: #7152b8;--brand-gradient: #174abc;--brand-gradient-horizontal: #174abc;--brand-gradient-soft: #174abc;--bg-minimal: rgba(23, 74, 188, .04);--bg-card: #ffffff;--color-success: #10b981;--color-success-muted: rgba(16, 185, 129, .1);--color-warning: #fdbf27;--color-warning-muted: rgba(253, 191, 39, .2);--color-warning-dark: #d97706;--color-danger: #ef4444;--color-danger-muted: rgba(239, 68, 68, .1);--color-info: #6d9ff1;--color-info-muted: rgba(109, 159, 241, .2);--status-processing: #0284c7;--status-review: #d97706;--status-revision: #dc2626;--status-approved: #059669;--status-published: #7c3aed;--font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 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-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(15, 14, 127, .04);--shadow-md: 0 8px 16px rgba(15, 14, 127, .06);--shadow-lg: 0 16px 32px rgba(15, 14, 127, .08);--shadow-xl: 0 24px 48px rgba(15, 14, 127, .12);--shadow-glow: 0 0 20px rgba(15, 14, 127, .2);--shadow-glow-strong: 0 0 40px rgba(15, 14, 127, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 270px;--sidebar-collapsed-width: 80px;--header-height: 72px;--content-max-width: 1440px;--z-sidebar: 130;--z-header: 120;--z-dropdown: 110;--z-modal: 200;--z-tooltip: 300;--z-toast: 400}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-family);border:none;outline:none;background:none;color:inherit}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0f0e7f1a;background:var(--bg-secondary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.sidebar ::-webkit-scrollbar-thumb{background:#fff3}.sidebar ::-webkit-scrollbar-thumb:hover{background:#ffffff59}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 1px 3px #0f0e7f0a,0 4px 12px #0f0e7f0a;transition:all var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0f0e7f14;border-color:#0f0e7f1a}.card-elevated{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card-elevated:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-glass{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.form-select,.cockpit-select{background-color:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:6px 32px 6px 12px;font-size:var(--font-size-sm);color:#174abc;font-weight:600;cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230f0e7f%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto;transition:all var(--transition-fast)}.form-select:hover,.cockpit-select:hover{border-color:#fdbf27}.form-select:focus,.cockpit-select:focus{outline:none;border-color:#fdbf27;box-shadow:0 0 0 3px #f4c14466}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;height:40px;letter-spacing:.01em}.btn-primary{background:#174abc;color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#1a19a5;box-shadow:0 4px 12px #0f0e7f40;transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#0ea572;box-shadow:0 0 20px #10b98133}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 0 20px #ef444433}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-lg{height:44px;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.btn-sm{height:28px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:disabled:hover{background:#174abc;transform:none}.form-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-field__label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.form-field__label--required:after{content:"*";color:var(--color-danger);font-weight:700}.form-field__input{width:100%;padding:var(--space-2) var(--space-3);border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);transition:all var(--transition-fast);font-family:inherit}.form-field__input::placeholder{color:var(--text-tertiary)}.form-field__input:hover{border-color:var(--border-strong)}.form-field__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted);background:var(--bg-secondary)}.form-field__input:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.form-field__input--error{border-color:var(--color-danger);background:#ef44440a}.form-field__input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef444426}.form-field__input--success{border-color:var(--color-success)}.form-field__input--success:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #10b98126}.form-field__helper,.form-field__error{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:1.4}.form-field__helper{color:var(--text-tertiary)}.form-field__error{display:flex;align-items:center;gap:var(--space-1);color:var(--color-danger);font-weight:var(--font-weight-medium)}.form-field__textarea{width:100%;padding:var(--space-3);border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);font-family:inherit;resize:vertical;min-height:100px;transition:all var(--transition-fast)}.form-field__textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.form-field__textarea--error{border-color:var(--color-danger);background:#ef44440a}.form-field__input:focus-visible,.form-field__textarea:focus-visible,.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:1.6;white-space:nowrap}.badge-success{background:var(--color-success);color:#fff;border:none;box-shadow:0 2px 6px #10b98133}.badge-warning{background:#fb923c1f;color:#92400e;border:1px solid rgba(251,146,60,.3)}.badge-danger{background:#ef44441f;color:#7f1d1d;border:1px solid rgba(239,68,68,.3)}.badge-info{background:#96adf526;color:#1e40af;border:1px solid rgba(150,173,245,.3)}.badge-primary{background:var(--accent-primary);color:#fff;border:none}.modal__close{flex-shrink:0;color:#fff;opacity:1}.badge-neutral{background:#9494b01a;color:var(--text-secondary);border:1px solid rgba(148,148,176,.2)}.badge-glass{background:#ffffff26;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;border:1px solid rgba(255,255,255,.2)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-muted{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-accent{color:var(--accent-primary)}h1,.h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;margin:0 0 var(--space-4) 0}h2,.h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.01em;margin:0 0 var(--space-3) 0}h3,.h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0 0 var(--space-2) 0}h4,.h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0 0 var(--space-2) 0}.text-body-lg{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-regular)}.text-body{font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular)}.text-caption{font-size:var(--font-size-xs);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-slide-in-left{animation:slideInLeft .4s ease forwards}.delay-1{animation-delay:.05s;opacity:0}.delay-2{animation-delay:.1s;opacity:0}.delay-3{animation-delay:.15s;opacity:0}.delay-4{animation-delay:.2s;opacity:0}.delay-5{animation-delay:.25s;opacity:0}.delay-6{animation-delay:.3s;opacity:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-3)}.section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);padding-left:var(--space-3);border-left:3px solid var(--accent-primary);line-height:1.3;letter-spacing:-.01em}.section-subtitle{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:3px;padding-left:var(--space-3);border-left:3px solid transparent;font-weight:var(--font-weight-medium)}.divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-6) 0}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;cursor:help}.tooltip-wrapper .tooltip-text{visibility:hidden;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-default);white-space:nowrap;z-index:var(--z-tooltip);opacity:0;transition:opacity var(--transition-fast),visibility var(--transition-fast);box-shadow:var(--shadow-md)}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}table{width:100%;border-collapse:collapse}thead{background:#174abc}th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff;text-transform:none;letter-spacing:.05em;border-bottom:2px solid rgba(255,255,255,.1);white-space:nowrap}td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle}tbody tr{transition:background-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}tbody tr:nth-child(2n){background:#0f0e7f05}tbody tr:hover{background:#0f0e7f14!important;box-shadow:inset 4px 0 0 var(--accent-primary)}tbody tr:last-child td{border-bottom:none}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.btn,button,input[type=button],input[type=submit],select{min-height:48px}.btn-sm{min-height:40px}}@media print{@page{size:A4 landscape;margin:1cm}body{background-color:#fff!important;color:#000!important}.sidebar,.header,.btn,button,.overview__week-ring,.tabs,.no-print{display:none!important}.layout__main{margin-left:0!important}.layout__content{padding:0!important;max-width:100%!important;overflow:visible!important}.table-container{overflow:visible!important}.card{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid;background:#fff!important}.grid-2-1,.grid-2,.grid-3{display:block!important}.grid-3>div{margin-bottom:1rem}.overview__bottom,.results__charts{display:block!important}.results__chart-card,.overview__activity,.overview__feed-item{margin-top:1.5rem!important;page-break-inside:avoid}.print-only{display:block!important}}.chart-glow-card{position:relative;background:var(--bg-secondary);border-radius:var(--radius-xl);padding:2px;overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:var(--space-6);display:flex;flex-direction:column}.chart-glow-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,var(--accent-secondary),transparent 30%);animation:rotate-glow 4s linear infinite;z-index:1}.chart-glow-card:after{content:"";position:absolute;inset:2px;background:var(--bg-secondary);border-radius:calc(var(--radius-xl) - 1px);z-index:2}.chart-glow-card>*{position:relative;z-index:3;isolation:isolate;flex:1;padding:var(--space-6)}.chart-glow-card--blue:before{background:conic-gradient(transparent,#174abc,transparent 30%)}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-glow-card.loading-state{opacity:.7;pointer-events:none}.glow-border-card{position:relative;border-radius:var(--radius-xl);padding:2px;overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.glow-border-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,var(--accent-secondary),transparent 30%);animation:rotate-glow 6s linear infinite;z-index:1}.glow-border-card--blue:before{background:conic-gradient(transparent,#174abc,transparent 30%)}.glow-border-card:after{content:"";position:absolute;inset:2px;background:var(--bg-elevated);border-radius:calc(var(--radius-xl) - 1px);z-index:2}.glow-border-card>*{position:relative;z-index:3;isolation:isolate;padding:var(--space-5)}@media screen{.print-only{display:none!important}}.form-group{display:flex;flex-direction:column;gap:6px;flex:1}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0}.form-input{padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);background:var(--bg-body);transition:all .2s ease;width:100%}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #325fec1a;background:var(--bg-card)}.form-input::placeholder{color:var(--text-tertiary)}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent}input,select,textarea,.udm__input,.udm__select,.udm__textarea,.filter-bar__input,.filter-bar__select,.deliverables__search-input{font-size:16px!important}}@media(max-width:768px){.layout__main{padding-top:var(--header-height)}}@media(max-width:640px){.sidebar,.sidebar--collapsed,.sidebar.sidebar--mobile-open{position:fixed!important;inset:auto 0 0!important;width:100%!important;height:60px!important;flex-direction:row!important;border-right:none!important;box-shadow:0 -2px 16px #0003!important;overflow:hidden!important;padding:0!important}.sidebar__logo,.sidebar__footer{display:none!important}.sidebar__nav{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;padding:0!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;height:100%!important;width:100%!important;flex:1!important}.sidebar__nav::-webkit-scrollbar{display:none!important}.sidebar__link{flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:4px 8px!important;gap:3px!important;flex:1!important;min-width:52px!important;height:60px!important;border-radius:0!important;white-space:normal!important;text-align:center!important}.sidebar__link--active{background:#f4c14426!important}.sidebar__link-icon{width:22px!important;height:22px!important}.sidebar__link-label{font-size:9px!important;line-height:1.2!important;overflow:visible!important;text-overflow:unset!important;max-width:52px!important}.layout__main{margin-left:0!important;padding-top:var(--header-height)!important}.layout__content{padding-bottom:72px!important;padding-left:12px!important;padding-right:12px!important}.layout__sidebar-backdrop{display:none!important}}@media(max-width:640px){.modal-overlay:not(.modal-overlay--right){align-items:flex-end!important;padding:0!important}.modal:not(.modal--right){max-height:92vh!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:100%!important;transform:translateY(20px)!important}.modal--active:not(.modal--right){transform:translateY(0)!important}.modal:not(.modal--right):before{content:"";display:block;width:36px;height:4px;background:#00000026;border-radius:2px;margin:8px auto -4px;flex-shrink:0}.modal-overlay--right{padding:8px!important;align-items:flex-start!important}}@media(max-width:640px){.overview__banner-content{flex-direction:column!important;align-items:flex-start!important;gap:var(--space-4)!important;margin-bottom:var(--space-4)!important}.overview__banner-right{display:none!important}.overview__week-text-mobile{display:flex!important;align-items:center!important;gap:var(--space-2)!important}.overview__banner-brand{font-size:var(--font-size-2xl)!important}.overview__admin-kpis{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.overview__kpis{grid-template-columns:repeat(2,1fr)!important}.overview__packages-grid{grid-template-columns:1fr!important}}@media(max-width:640px){.deliverables__card-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.deliverables__quota{flex-direction:column!important;align-items:flex-start!important;gap:var(--space-4)!important}.deliverables__quota-bars{width:100%!important}}@media(max-width:480px){.deliverables__card-grid{grid-template-columns:1fr!important}}@media(max-width:640px){.cockpit-layout{flex-direction:column!important;gap:16px!important}.cockpit-panel{min-width:0!important;width:100%!important}.cockpit-tabs,.meta-tabs{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important}.cockpit-tabs::-webkit-scrollbar,.meta-tabs::-webkit-scrollbar{display:none!important}}@media(max-width:640px){.modal--right{width:calc(100vw - 16px)!important}}@media(max-width:640px){.filter-bar{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:4px!important}.filter-bar::-webkit-scrollbar{display:none!important}.filter-bar__filters,.filter-bar__group{flex-wrap:nowrap!important}}@media(max-width:640px){.stat-card__value{font-size:var(--font-size-xl)!important}}@media(max-width:640px){.timeline-grid,.timeline__grid{grid-template-columns:1fr!important}}@media(max-width:640px){.clients-grid,.clients__grid{grid-template-columns:1fr!important}}