:root{--color-ink: #1a1a1a;--color-ink-soft: #4a4a4a;--color-ink-muted: #7a7a7a;--color-surface: #faf9f7;--color-surface-raised: #ffffff;--color-border: #e8e6e3;--color-border-soft: #f0eeeb;--color-accent: #2563eb;--color-accent-soft: #dbeafe;--color-success: #059669;--color-success-soft: #d1fae5;--color-warning: #d97706;--color-warning-soft: #fef3c7;--color-danger: #dc2626;--color-danger-soft: #fee2e2;--color-annual: #7c3aed;--color-annual-soft: #ede9fe;--color-quarterly: #0891b2;--color-quarterly-soft: #cffafe;--font-display: 'Fraunces', Georgia, serif;--font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 1px 2px rgba(0,0,0,0.04);--shadow-md: 0 4px 12px rgba(0,0,0,0.06);--shadow-lg: 0 12px 32px rgba(0,0,0,0.08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--color-surface);color:var(--color-ink);line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--color-surface)}.sidebar{width:240px;background:var(--color-surface-raised);border-right:1px solid var(--color-border);padding:24px 16px;position:fixed;height:100vh;display:flex;flex-direction:column;z-index:100}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.logo{display:flex;align-items:center;gap:12px;padding:0 12px}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;background:rgba(0,0,0,0);border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-ink-muted);transition:all .15s ease}.mobile-menu-close:hover{background:var(--color-surface-alt);color:var(--color-ink)}.mobile-menu-close svg{width:24px;height:24px}@media(min-width: 769px){.mobile-menu-close{display:none}}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg, var(--color-accent) 0%, #1d4ed8 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:6px}.logo-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.logo-text{font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:-0.02em}.account-name{padding:0 12px;margin-bottom:24px}.account-name span{display:block;font-size:.8125rem;font-weight:500;color:var(--color-ink-muted);padding:8px 12px;background:var(--color-surface-alt);border-radius:var(--radius-sm);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.nav-menu{display:flex;flex-direction:column;gap:4px;flex:1}.nav-section-divider{height:1px;background:var(--color-border);margin:16px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-ink-soft);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .15s ease}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item:hover{background:var(--color-border-soft);color:var(--color-ink)}.nav-item.active{background:var(--color-accent-soft);color:var(--color-accent)}.nav-item.disabled{color:var(--color-ink-muted);cursor:not-allowed;opacity:.5}.nav-item.disabled:hover{background:rgba(0,0,0,0);color:var(--color-ink-muted)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.user-menu{display:flex;align-items:center;gap:12px;text-decoration:none;padding:8px;margin:-8px;border-radius:8px;transition:background-color .15s ease}.user-menu:hover{background-color:var(--color-surface-alt)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;color:var(--color-accent);overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:.875rem;font-weight:500;color:var(--color-ink)}.user-role{font-size:.75rem;color:var(--color-ink-muted)}.logout-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-ink-muted);transition:all .15s ease}.logout-btn svg{width:18px;height:18px}.logout-btn:hover{background:var(--color-danger-soft);color:var(--color-danger)}.main-content{flex:1;margin-left:240px;padding:20px 48px 32px;max-width:1400px}header.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;min-height:40px}.header-left{display:flex;align-items:center;gap:12px}.header-left .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-ink-muted);margin:0}.header-left .breadcrumb a{color:var(--color-ink-muted);text-decoration:none;transition:color .2s ease}.header-left .breadcrumb a:hover{color:var(--color-accent)}.header-left .breadcrumb svg{width:14px;height:14px;flex-shrink:0}.header-left .breadcrumb span{color:var(--color-ink-soft)}.subtitle{color:var(--color-ink-muted);font-size:.9375rem;margin:0}.header-right{display:flex;align-items:center;gap:16px}.notification-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink-soft);transition:all .15s ease}.notification-btn svg{width:20px;height:20px}.notification-btn:hover{border-color:var(--color-ink-muted);color:var(--color-ink)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--color-danger);border-radius:9px;font-size:.6875rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--color-accent);border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:#fff;cursor:pointer;text-decoration:none;transition:all .15s ease}.btn-primary svg{width:18px;height:18px}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--color-ink);cursor:pointer;text-decoration:none;transition:all .15s ease}.btn-secondary:hover{border-color:var(--color-ink-muted)}.flash-message{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:16px;border-radius:var(--radius-md);animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.flash-content{display:flex;align-items:center;gap:12px}.flash-content svg{width:20px;height:20px;flex-shrink:0}.flash-close{background:none;border:none;padding:4px;cursor:pointer;color:inherit;opacity:.6}.flash-close svg{width:16px;height:16px}.flash-close:hover{opacity:1}.flash-success{background:var(--color-success-soft);color:var(--color-success)}.flash-error{background:var(--color-danger-soft);color:var(--color-danger)}.flash-warning{background:var(--color-warning-soft);color:var(--color-warning)}.flash-info{background:var(--color-accent-soft);color:var(--color-accent)}.dashboard-grid{display:grid;gap:24px}.dashboard-section{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:0}.section-link{font-size:.875rem;color:var(--color-accent);text-decoration:none;font-weight:500}.section-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:40px 20px}.empty-state>svg,.empty-state>.empty-state-icon svg{width:48px;height:48px;color:var(--color-ink-muted);margin-bottom:16px}.empty-state h3{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin:0 0 8px 0}.empty-state p{color:var(--color-ink-muted);font-size:.9375rem;margin:0 0 20px 0}.progress-summary{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:16px}.summary-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:16px}.summary-value{font-family:var(--font-display);font-size:1.75rem;font-weight:600;letter-spacing:-0.02em;color:var(--color-ink);margin-bottom:4px}.summary-label{font-size:.8125rem;color:var(--color-ink-muted)}.summary-bar{height:4px;background:var(--color-border);border-radius:2px;margin-top:12px;overflow:hidden}.summary-fill{height:100%;background:linear-gradient(90deg, var(--color-accent) 0%, #60a5fa 100%);border-radius:2px;transition:width .6s ease}.project-list{display:flex;flex-direction:column;gap:12px}.project-list .project-card{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);transition:all .15s ease}.project-list .project-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.project-list .project-card h3{font-size:.9375rem;font-weight:500;margin:0 0 4px 0}.project-list .project-card h3 a{color:var(--color-ink);text-decoration:none}.project-list .project-card h3 a:hover{color:var(--color-accent)}.project-list .project-card p{font-size:.8125rem;color:var(--color-ink-muted);margin:0}.project-status{font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:4px}.project-status.planning{background:var(--color-accent-soft);color:var(--color-accent)}.project-status.active{background:var(--color-success-soft);color:var(--color-success)}.project-status.on_hold{background:var(--color-warning-soft);color:var(--color-warning)}.project-status.completed{background:var(--color-success-soft);color:var(--color-success)}.project-status.cancelled{background:var(--color-ink-muted);color:#fff}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-ink);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9375rem;color:var(--color-ink);transition:all .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--color-ink-muted)}.form-textarea{min-height:100px;resize:vertical}.form-error{color:var(--color-danger);font-size:.8125rem;margin-top:6px}.form-hint{color:var(--color-ink-muted);font-size:.8125rem;margin-top:6px}.form-actions{display:flex;gap:12px;margin-top:24px}.auth-card{width:100%;max-width:420px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-header .auth-logo{width:48px;height:48px;background:linear-gradient(135deg, var(--color-accent) 0%, #1d4ed8 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 16px}.auth-header .auth-logo svg{width:28px;height:28px}.auth-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin:0 0 8px 0}.auth-header p{color:var(--color-ink-muted);font-size:.9375rem;margin:0}.auth-links{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border);font-size:.875rem;color:var(--color-ink-muted)}.auth-links a{color:var(--color-accent);text-decoration:none;font-weight:500}.auth-links a:hover{text-decoration:underline}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:rgba(0,0,0,0);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0;z-index:1001;transition:border-color .3s ease}.hamburger:hover{border-color:var(--color-accent)}.hamburger:hover .hamburger-line{background:var(--color-accent)}.hamburger-line{display:block;width:18px;height:2px;background:var(--color-ink);transition:all .3s ease;transform-origin:center}.hamburger-line:nth-child(1){margin-bottom:4px}.hamburger-line:nth-child(3){margin-top:4px}.hamburger--active{border-color:var(--color-accent)}.hamburger--active .hamburger-line{background:var(--color-accent)}.hamburger--active .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger--active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger--active .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.visible{opacity:1}body.mobile-menu-open{overflow:hidden}@media(max-width: 768px){.hamburger{display:flex}.mobile-menu-overlay{display:block;pointer-events:none}.mobile-menu-overlay.visible{pointer-events:auto}.sidebar{position:fixed;left:-280px;top:0;width:280px;height:100vh;z-index:100;transition:left .3s ease;display:flex}[data-mobile-menu-target=sidebar] .sidebar.mobile-open,.mobile-open .sidebar{left:0}[data-mobile-menu-target=sidebar].mobile-open .sidebar{left:0}.main-content{margin-left:0;padding:24px}.page-header{flex-direction:column;gap:16px}.top-header .header-left{gap:8px}}@media(max-width: 768px){.app-container.impersonating .sidebar{top:48px;height:calc(100vh - 48px)}}.form-page{max-width:680px}.form-page .form-header{margin-bottom:32px}.form-page .form-header .breadcrumb{font-size:.8125rem;color:var(--color-ink-muted);margin-bottom:16px;display:flex;align-items:center;gap:8px}.form-page .form-header .breadcrumb a{color:var(--color-accent);text-decoration:none;font-weight:500;transition:color .15s ease}.form-page .form-header .breadcrumb a:hover{color:#1d4ed8;text-decoration:underline}.form-page .form-header h1{font-family:var(--font-display);font-size:2rem;font-weight:700;margin:0;letter-spacing:-0.02em;background:linear-gradient(135deg, var(--color-ink) 0%, var(--color-ink-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.form-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px 40px;box-shadow:var(--shadow-lg);position:relative}.form-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--color-accent) 0%, var(--color-annual) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.form-group{margin-bottom:28px;position:relative}.form-group label{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--color-ink-soft);margin-bottom:10px;letter-spacing:.03em;text-transform:uppercase}.form-group .form-help{font-size:.8125rem;color:var(--color-ink-muted);margin-top:10px;line-height:1.5;padding-left:2px}.form-group:last-child{margin-bottom:0}.form-group.required label::after{content:"*";color:var(--color-danger);margin-left:2px}.form-control{width:100%;padding:14px 18px;background:linear-gradient(180deg, var(--color-surface-raised) 0%, var(--color-surface) 100%);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:450;color:var(--color-ink);transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);-webkit-appearance:none;appearance:none}.form-control:hover{border-color:#c4c2bf;background-color:var(--color-surface-raised)}.form-control:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft),0 2px 8px rgba(37,99,235,.1);background-color:var(--color-surface-raised);transform:translateY(-1px)}.form-control::placeholder{color:var(--color-ink-muted);font-weight:400}.form-control:disabled{background:var(--color-surface);color:var(--color-ink-muted);cursor:not-allowed;border-style:dashed}select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a7a7a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:48px;cursor:pointer}select.form-control:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a4a4a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E")}select.form-control:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E")}input[type=date].form-control,input[type=datetime-local].form-control,input[type=time].form-control{position:relative}input[type=date].form-control::-webkit-calendar-picker-indicator,input[type=datetime-local].form-control::-webkit-calendar-picker-indicator,input[type=time].form-control::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;position:absolute;right:0;top:0;width:100%;height:100%}input[type=date].form-control,input[type=datetime-local].form-control,input[type=time].form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237a7a7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}input[type=date].form-control:hover,input[type=datetime-local].form-control:hover,input[type=time].form-control:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234a4a4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}input[type=date].form-control:focus,input[type=datetime-local].form-control:focus,input[type=time].form-control:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}input[type=number].form-control::-webkit-inner-spin-button,input[type=number].form-control::-webkit-outer-spin-button{opacity:0;width:0}input[type=number].form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a7a7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17l6-6-6-6'/%3E%3Cpath d='M12 19h8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}input[type=number].form-control:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a4a4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17l6-6-6-6'/%3E%3Cpath d='M12 19h8'/%3E%3C/svg%3E")}input[type=number].form-control:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17l6-6-6-6'/%3E%3Cpath d='M12 19h8'/%3E%3C/svg%3E")}textarea.form-control{min-height:140px;resize:vertical;line-height:1.7;background-image:none}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-ink-muted);pointer-events:none;transition:color .2s ease}.input-with-icon .input-icon svg{width:18px;height:18px}.input-with-icon .form-control{padding-left:48px}.input-with-icon:focus-within .input-icon{color:var(--color-accent)}.form-row{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-bottom:24px}.form-row.three-col{grid-template-columns:repeat(3, 1fr)}.form-row .form-group{margin-bottom:0}.form-row:last-of-type{margin-bottom:0}@media(max-width: 600px){.form-row{grid-template-columns:1fr}.form-row.three-col{grid-template-columns:1fr}}.form-errors{background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.form-errors h4{color:var(--color-danger);font-size:.9375rem;font-weight:600;margin:0 0 8px 0}.form-errors ul{margin:0;padding-left:20px;color:var(--color-danger);font-size:.875rem}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:36px;padding-top:28px;border-top:2px solid var(--color-border-soft)}.form-actions .btn{min-width:140px;justify-content:center;padding:14px 28px;font-size:.9375rem;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-md);transition:all .25s cubic-bezier(0.4, 0, 0.2, 1)}.form-actions .btn-primary{background:linear-gradient(135deg, var(--color-accent) 0%, #1d4ed8 100%);box-shadow:0 4px 14px rgba(37,99,235,.35)}.form-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.45)}.form-actions .btn-primary:active{transform:translateY(0)}.form-actions .btn-secondary{background:var(--color-surface-raised);border:2px solid var(--color-border);color:var(--color-ink-soft)}.form-actions .btn-secondary:hover{border-color:var(--color-ink-muted);background:var(--color-surface);color:var(--color-ink)}.danger-zone{margin-top:32px;padding:20px;background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-md)}.danger-zone h3{color:var(--color-danger);font-size:1rem;font-weight:600;margin:0 0 8px 0}.danger-zone p{color:var(--color-danger);font-size:.875rem;margin:0 0 16px 0}.btn-small{padding:6px 12px;font-size:.8125rem}.btn-danger{background:var(--color-danger);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all .15s ease}.btn-danger:hover{background:#b91c1c}.btn-danger.btn-small{padding:6px 12px;font-size:.8125rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.okr-page{animation:fadeInUp .5s ease-out}.okr-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--color-border);position:relative}.okr-header::after{content:"";position:absolute;bottom:-1px;left:0;width:120px;height:3px;background:linear-gradient(90deg, var(--color-annual) 0%, var(--color-quarterly) 100%);border-radius:2px}.okr-header-content h1{font-family:var(--font-display);font-size:2.75rem;font-weight:700;letter-spacing:-0.03em;margin:0 0 8px 0;background:linear-gradient(135deg, var(--color-ink) 0%, var(--color-ink-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.okr-header-content .text-muted{font-size:1.0625rem;color:var(--color-ink-muted);margin:0;font-weight:400}.okr-header-actions{display:flex;gap:12px;align-items:center}.okr-header-actions .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none;border:none;cursor:pointer}.okr-header-actions .btn svg{transition:transform .2s ease}.okr-header-actions .btn:hover svg{transform:scale(1.1)}.okr-header-actions .btn-secondary{background:var(--color-surface-raised);color:var(--color-ink-soft);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.okr-header-actions .btn-secondary:hover{background:var(--color-surface);border-color:var(--color-ink-muted);color:var(--color-ink);transform:translateY(-1px);box-shadow:var(--shadow-md)}.okr-header-actions .btn-primary{background:linear-gradient(135deg, var(--color-accent) 0%, #1d4ed8 100%);color:#fff;box-shadow:0 4px 14px rgba(37,99,235,.3)}.okr-header-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.okr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:var(--color-surface-raised);border:2px dashed var(--color-border);border-radius:var(--radius-lg);animation:scaleIn .4s ease-out;position:relative;overflow:hidden}.okr-empty-state::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%, var(--color-annual-soft) 0%, transparent 50%),radial-gradient(circle at 80% 80%, var(--color-quarterly-soft) 0%, transparent 50%);opacity:.3;pointer-events:none}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, var(--color-annual-soft) 0%, var(--color-quarterly-soft) 100%);border-radius:50%;margin-bottom:24px;position:relative;z-index:1}.empty-state-icon svg{width:40px;height:40px;stroke:var(--color-annual)}.okr-empty-state h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-ink);margin:0 0 12px 0;position:relative;z-index:1}.okr-empty-state p{font-size:1rem;color:var(--color-ink-muted);margin:0 0 32px 0;max-width:400px;line-height:1.6;position:relative;z-index:1}.empty-state-actions{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.empty-state-actions .empty-state-or{color:var(--color-ink-muted);font-size:.875rem;font-weight:500}.okr-year-section{margin-bottom:56px;animation:fadeInUp .5s ease-out;animation-fill-mode:both}.okr-year-section:nth-child(1){animation-delay:0.1s}.okr-year-section:nth-child(2){animation-delay:0.2s}.okr-year-section:nth-child(3){animation-delay:0.3s}.okr-year-section:nth-child(4){animation-delay:0.4s}.okr-year-section:nth-child(5){animation-delay:0.5s}.year-heading{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 24px 0;display:flex;align-items:center;gap:16px}.year-heading::after{content:"";flex:1;height:1px;background:linear-gradient(90deg, var(--color-border) 0%, transparent 100%)}.okr-annual-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.okr-annual-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--color-annual) 0%, #9333ea 50%, var(--color-annual) 100%);background-size:200% 100%}.okr-annual-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-annual-soft)}.okr-annual-card:hover::before{animation:shimmer 2s linear infinite}.annual-card-header{padding:28px 32px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--color-border-soft);background:linear-gradient(180deg, var(--color-surface-raised) 0%, var(--color-surface) 100%)}.annual-card-title{display:flex;align-items:center;gap:14px}.cycle-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:6px}.cycle-badge.annual{background:var(--color-annual);color:#fff;box-shadow:0 2px 8px rgba(124,58,237,.3)}.cycle-badge.quarterly{background:var(--color-quarterly);color:#fff;box-shadow:0 2px 8px rgba(8,145,178,.3)}.cycle-link{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-ink);text-decoration:none;transition:color .2s ease}.cycle-link:hover{color:var(--color-annual)}.annual-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:600;border-radius:20px;text-transform:capitalize}.status-badge::before{content:"";width:6px;height:6px;border-radius:50%}.status-badge.draft{background:var(--color-border-soft);color:var(--color-ink-muted)}.status-badge.draft::before{background:var(--color-ink-muted)}.status-badge.active{background:var(--color-success-soft);color:var(--color-success)}.status-badge.active::before{background:var(--color-success);animation:pulse 2s infinite}.status-badge.completed{background:var(--color-accent-soft);color:var(--color-accent)}.status-badge.completed::before{background:var(--color-accent)}.status-badge.small{padding:3px 8px;font-size:.6875rem}.date-range{font-size:.8125rem;color:var(--color-ink-muted);font-weight:500}.annual-card-body{padding:24px 32px}.objectives-list{display:flex;flex-direction:column;gap:16px}.objective-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-soft);transition:all .2s ease}.objective-row:hover{border-color:var(--color-border);background:var(--color-surface-raised);transform:translateX(4px)}.objective-title{flex:1;min-width:0}.objective-title a{font-size:.9375rem;font-weight:500;color:var(--color-ink);text-decoration:none;transition:color .2s ease}.objective-title a:hover{color:var(--color-annual)}.objective-progress{display:flex;align-items:center;gap:14px;min-width:180px}.progress-bar{flex:1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg, var(--color-annual) 0%, #a855f7 100%);border-radius:4px;transition:width .6s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.progress-fill::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);background-size:200% 100%;animation:shimmer 2s linear infinite}.progress-text{font-size:.8125rem;font-weight:600;color:var(--color-ink-soft);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.no-objectives{padding:24px;text-align:center;color:var(--color-ink-muted);font-style:italic;background:var(--color-surface);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.more-objectives{margin-top:12px;text-align:center}.more-objectives a{font-size:.875rem;font-weight:500;color:var(--color-annual);text-decoration:none}.more-objectives a:hover{text-decoration:underline}.quarterly-section{padding:24px 32px 28px;background:var(--color-surface);border-top:1px solid var(--color-border-soft)}.quarterly-heading{font-size:.75rem;font-weight:700;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 20px 0;display:flex;align-items:center;gap:12px}.quarterly-heading::before{content:"";width:3px;height:16px;background:var(--color-quarterly);border-radius:2px}.quarterly-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}@media(max-width: 1024px){.quarterly-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 600px){.quarterly-grid{grid-template-columns:1fr}}.quarterly-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.quarterly-card::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-quarterly);transform:scaleY(0);transition:transform .25s ease;transform-origin:bottom}.quarterly-card:hover{border-color:var(--color-quarterly);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quarterly-card:hover::before{transform:scaleY(1)}.quarterly-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.quarterly-link{font-size:.9375rem;font-weight:600;color:var(--color-ink);text-decoration:none;transition:color .2s ease}.quarterly-link:hover{color:var(--color-quarterly)}.quarterly-stats{display:flex;gap:16px;font-size:.8125rem;color:var(--color-ink-muted)}.quarterly-stats span{display:flex;align-items:center;gap:4px}.quarterly-stats span::before{content:"";width:4px;height:4px;background:var(--color-border);border-radius:50%}.quarterly-stats span:first-child::before{display:none}@media(max-width: 768px){.okr-header{flex-direction:column;align-items:flex-start;gap:20px}.okr-header::after{width:80px}.okr-header-content h1{font-size:2rem}.okr-header-actions{width:100%;flex-wrap:wrap}.okr-header-actions .btn{flex:1;justify-content:center}.annual-card-header{flex-direction:column;gap:16px;padding:20px 24px}.annual-card-meta{align-items:flex-start;flex-direction:row;gap:12px}.annual-card-body{padding:20px 24px}.quarterly-section{padding:20px 24px 24px}.objective-row{flex-direction:column;align-items:flex-start;gap:12px}.objective-progress{width:100%}}.modal-overlay{position:fixed;inset:0;background:rgba(26,26,46,.4);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-panel{background:var(--color-surface-raised);width:100%;max-width:600px;max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -20px 60px rgba(0,0,0,.15);transform:translateY(100%);transition:transform .4s cubic-bezier(0.16, 1, 0.3, 1);overflow:hidden;display:flex;flex-direction:column}.modal-overlay.active .modal-panel{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--color-border)}.modal-header-annual{background:linear-gradient(180deg, var(--color-annual-soft) 0%, var(--color-surface-raised) 100%)}.modal-header-success{background:linear-gradient(180deg, var(--color-success-soft) 0%, var(--color-surface-raised) 100%)}.modal-header-content{display:flex;align-items:center;gap:14px}.modal-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.modal-icon svg{width:22px;height:22px}.modal-icon-annual{background:var(--color-annual);box-shadow:0 4px 12px rgba(124,58,237,.3)}.modal-icon-success{background:var(--color-success);box-shadow:0 4px 12px rgba(5,150,105,.3)}.modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-ink);margin:0}.modal-subtitle{font-size:.8125rem;color:var(--color-ink-muted);margin:2px 0 0 0}.btn-close{width:36px;height:36px;border:none;background:rgba(0,0,0,0);color:var(--color-ink-muted);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close svg{width:20px;height:20px}.btn-close:hover{background:var(--color-border-soft);color:var(--color-ink)}.modal-body{padding:28px;overflow-y:auto;flex:1}.modal-form .form-group{margin-bottom:24px}.modal-form .form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-ink);margin-bottom:8px;letter-spacing:.01em;text-transform:none}.modal-form .form-label .optional{font-weight:400;color:var(--color-ink-muted)}.modal-form .form-input,.modal-form .form-textarea,.modal-form .form-select{width:100%;padding:14px 16px;font-family:var(--font-body);font-size:.9375rem;color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease;outline:none}.modal-form .form-input:focus,.modal-form .form-textarea:focus,.modal-form .form-select:focus{border-color:var(--color-accent);background:var(--color-surface-raised);box-shadow:0 0 0 4px var(--color-accent-soft)}.modal-form .form-input::placeholder,.modal-form .form-textarea::placeholder,.modal-form .form-select::placeholder{color:var(--color-ink-muted)}.modal-form .form-textarea{min-height:90px;resize:vertical;line-height:1.6}.modal-form .form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8a9e' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px;cursor:pointer}.modal-form .form-helper{font-size:.75rem;color:var(--color-ink-muted);margin-top:8px;line-height:1.5}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--color-border);background:var(--color-surface)}.btn-cancel{padding:12px 20px;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-ink-soft);background:rgba(0,0,0,0);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:var(--color-surface-raised);border-color:var(--color-ink-muted)}.btn-submit{padding:12px 24px;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-annual{background:var(--color-annual);box-shadow:0 2px 8px rgba(124,58,237,.25)}.btn-annual:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 16px rgba(124,58,237,.35)}.btn-success{background:var(--color-success);box-shadow:0 2px 8px rgba(5,150,105,.25)}.btn-success:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 16px rgba(5,150,105,.35)}.status-options{display:flex;gap:12px}.status-option{flex:1;padding:14px 16px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:center}.status-option input{display:none}.status-option .status-name{font-size:.875rem;font-weight:500;color:var(--color-ink)}.status-option:hover{border-color:var(--color-ink-muted)}.status-option.selected,.status-option:has(input:checked){border-color:var(--color-annual);background:var(--color-annual-soft)}.status-option.selected .status-name,.status-option:has(input:checked) .status-name{color:var(--color-annual)}.metric-types{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px}.metric-type-option{padding:16px 12px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.metric-type-option .metric-icon{font-size:1.25rem;color:var(--color-ink-muted)}.metric-type-option .metric-name{font-size:.75rem;font-weight:500;color:var(--color-ink-soft)}.metric-type-option:hover{border-color:var(--color-ink-muted)}.metric-type-option.selected{border-color:var(--color-success);background:var(--color-success-soft)}.metric-type-option.selected .metric-icon{color:var(--color-success)}.metric-type-option.selected .metric-name{color:var(--color-success)}.value-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.value-group .value-label{display:block;font-size:.75rem;font-weight:500;color:var(--color-ink-soft);margin-bottom:6px}.value-group .value-label .optional{font-weight:400;color:var(--color-ink-muted)}.objectives-quick-add-trigger,.kr-quick-add-trigger{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:20px;margin-top:20px;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-ink-muted);background:var(--color-surface-raised);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.objectives-quick-add-trigger svg,.kr-quick-add-trigger svg{width:18px;height:18px}.objectives-quick-add-trigger:hover,.kr-quick-add-trigger:hover{border-color:var(--color-annual);color:var(--color-annual);background:var(--color-annual-soft)}.kr-quick-add-trigger:hover{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-soft)}.okr-detail-page{animation:fadeInUp .4s ease-out}.okr-detail-header{margin-bottom:32px}.okr-detail-header .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-ink-muted);margin-bottom:20px}.okr-detail-header .breadcrumb a{color:var(--color-ink-muted);text-decoration:none;transition:color .2s ease}.okr-detail-header .breadcrumb a:hover{color:var(--color-accent)}.okr-detail-header .breadcrumb svg{width:14px;height:14px;opacity:.5}.okr-detail-header .cycle-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.okr-detail-header .cycle-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:20px}.okr-detail-header .cycle-badge svg{width:14px;height:14px}.okr-detail-header .cycle-badge.annual{background:var(--color-annual-soft);color:var(--color-annual)}.okr-detail-header .cycle-badge.quarterly{background:var(--color-quarterly-soft);color:var(--color-quarterly)}.okr-detail-header .status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.6875rem;font-weight:500;border-radius:12px}.okr-detail-header .status-indicator::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.okr-detail-header .status-indicator.draft{background:var(--color-border-soft);color:var(--color-ink-muted)}.okr-detail-header .status-indicator.active{background:rgba(5,150,105,.1);color:var(--color-success)}.okr-detail-header .status-indicator.active::before{animation:pulse 2s ease-in-out infinite}.okr-detail-header .status-indicator.completed{background:var(--color-accent-soft);color:var(--color-accent)}.okr-detail-header .cycle-title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--color-ink);margin:0 0 8px 0;letter-spacing:-0.02em}.okr-detail-header .cycle-dates{font-size:.9375rem;color:var(--color-ink-muted);margin:0}.okr-detail-header .okr-actions{display:flex;gap:12px;margin-top:24px}.cycle-progress-summary{display:flex;gap:32px;padding:28px 32px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:40px}.progress-stat{display:flex;flex-direction:column;align-items:center;gap:8px}.progress-stat .stat-value{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--color-ink);letter-spacing:-0.02em}.progress-stat .stat-label{font-size:.8125rem;color:var(--color-ink-muted);font-weight:500}.progress-circle{position:relative;width:56px;height:56px}.progress-circle svg{transform:rotate(-90deg)}.progress-circle .progress-circle-bg{stroke:var(--color-border-soft)}.progress-circle .progress-circle-fill{stroke:var(--color-annual);stroke-linecap:round;transition:stroke-dashoffset .6s ease}.progress-circle .progress-circle-fill.objective{stroke:var(--color-success)}.progress-circle .progress-circle-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;color:var(--color-ink)}.objectives-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.objectives-section .section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-ink);margin:0}.objectives-section .objective-count{font-size:.875rem;color:var(--color-ink-muted)}.objective-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;transition:all .2s ease}.objective-card:hover{border-color:var(--color-annual);box-shadow:var(--shadow-md)}.objective-card .objective-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.objective-card .objective-title-row{display:flex;align-items:center;gap:12px;flex:1}.objective-card .objective-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:.8125rem;font-weight:600;color:var(--color-annual);background:var(--color-annual-soft);border-radius:50%;flex-shrink:0}.objective-card .objective-title{font-family:var(--font-display);font-size:1.125rem;font-weight:500;color:var(--color-ink);text-decoration:none;line-height:1.4;transition:color .2s ease}.objective-card .objective-title:hover{color:var(--color-annual)}.objective-card .objective-meta{display:flex;align-items:center;gap:12px}.objective-card .objective-owner{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-ink-muted)}.objective-card .owner-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg, var(--color-annual-soft), var(--color-accent-soft));display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--color-annual)}.objective-card .owner-avatar.small{width:24px;height:24px;font-size:.625rem}.objective-card .objective-description{font-size:.9375rem;color:var(--color-ink-soft);margin:0 0 16px 0;line-height:1.6}.objective-card .objective-progress{display:flex;align-items:center;gap:14px;margin-bottom:20px}.objective-card .objective-progress .progress-bar-container{flex:1;height:8px;background:var(--color-border-soft);border-radius:4px;overflow:hidden}.objective-card .objective-progress .progress-fill{height:100%;background:linear-gradient(90deg, var(--color-annual), #a855f7);border-radius:4px;transition:width .5s ease}.objective-card .objective-progress .progress-text{font-size:.875rem;font-weight:600;color:var(--color-ink-soft);min-width:45px;text-align:right}.objective-card .objective-actions{display:flex;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border-soft)}.key-results-preview{background:var(--color-surface);border-radius:var(--radius-md);padding:16px;margin-top:16px}.kr-preview-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-soft)}.kr-preview-row:last-child{border-bottom:none;padding-bottom:0}.kr-preview-row:first-child{padding-top:0}.kr-bullet{width:8px;height:8px;background:var(--color-success);border-radius:50%;flex-shrink:0}.kr-preview-title{flex:1;font-size:.875rem;color:var(--color-ink)}.kr-preview-progress{display:flex;align-items:center;gap:10px}.kr-preview-progress .kr-progress-bar{width:60px;height:4px;background:var(--color-border-soft);border-radius:2px;overflow:hidden}.kr-preview-progress .kr-progress-fill{height:100%;background:var(--color-success);border-radius:2px}.kr-preview-progress .kr-progress-text{font-size:.75rem;font-weight:600;color:var(--color-ink-muted);min-width:32px;text-align:right}.kr-more-link{margin-top:12px;text-align:center}.kr-more-link a{font-size:.8125rem;color:var(--color-accent);text-decoration:none;font-weight:500}.kr-more-link a:hover{text-decoration:underline}.no-key-results{padding:16px;background:var(--color-surface);border-radius:var(--radius-md);text-align:center;margin-top:16px}.no-key-results p{font-size:.875rem;color:var(--color-ink-muted);margin:0}.btn-ghost{background:rgba(0,0,0,0);border:none;color:var(--color-ink-muted);padding:8px 12px}.btn-ghost:hover{background:var(--color-surface);color:var(--color-ink)}.btn-ghost.btn-danger:hover{background:var(--color-danger-soft);color:var(--color-danger)}.btn-danger-text:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-soft)}.btn-danger-text:hover svg{stroke:var(--color-danger)}.btn-add-objective,.btn-add-kr{box-shadow:0 4px 14px rgba(37,99,235,.3)}.objective-detail-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:32px}.objective-detail-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}.objective-badge{display:inline-flex;padding:6px 12px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--color-annual-soft);color:var(--color-annual);border-radius:20px}.objective-detail-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-ink);margin:0 0 20px 0;line-height:1.3;letter-spacing:-0.02em}.objective-detail-footer{display:flex;align-items:center;justify-content:space-between}.objective-owner-display{display:flex;align-items:center;gap:12px}.objective-owner-display .owner-avatar{width:40px;height:40px;font-size:.875rem}.objective-owner-display .owner-info{display:flex;flex-direction:column;gap:2px}.objective-owner-display .owner-name{font-size:.9375rem;font-weight:500;color:var(--color-ink)}.objective-owner-display .owner-role{font-size:.8125rem;color:var(--color-ink-muted)}.objective-progress-circle .progress-circle-fill{stroke:var(--color-annual)}.objective-description-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:32px}.objective-description-card h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-ink);margin:0 0 12px 0}.objective-description-card .description-content{font-size:.9375rem;color:var(--color-ink-soft);line-height:1.7}.objective-description-card .description-content p{margin:0 0 12px 0}.objective-description-card .description-content p:last-child{margin-bottom:0}.key-results-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.key-results-section .section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-ink);margin:0}.key-results-section .kr-count{font-size:.875rem;color:var(--color-ink-muted)}.key-results-list{display:flex;flex-direction:column;gap:16px}.key-result-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:all .2s ease}.key-result-card:hover{border-color:var(--color-success);box-shadow:var(--shadow-md)}.kr-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.kr-card-title-row{display:flex;align-items:flex-start;gap:12px;flex:1}.kr-card-title{font-family:var(--font-display);font-size:1.0625rem;font-weight:500;color:var(--color-ink);margin:0;line-height:1.4}.kr-status-selector form{margin:0}.kr-status-selector .status-select{appearance:none;padding:5px 28px 5px 10px;font-size:.6875rem;font-weight:600;text-transform:capitalize;border-radius:12px;border:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .15s ease}.kr-status-selector .status-select:focus{outline:2px solid var(--color-accent);outline-offset:2px}.kr-status-selector .status-select.status-select-not_started{background-color:var(--color-border-soft);color:var(--color-ink-muted)}.kr-status-selector .status-select.status-select-in_progress{background-color:rgba(59,130,246,.1);color:#3b82f6}.kr-status-selector .status-select.status-select-at_risk{background-color:rgba(245,158,11,.1);color:#d97706}.kr-status-selector .status-select.status-select-on_track{background-color:rgba(5,150,105,.1);color:var(--color-success)}.kr-status-selector .status-select.status-select-completed{background-color:var(--color-accent-soft);color:var(--color-accent)}.kr-owner{display:flex;align-items:center;gap:8px;margin-bottom:16px}.kr-owner .owner-name{font-size:.8125rem;color:var(--color-ink-muted)}.kr-metrics{display:flex;gap:24px;margin-bottom:20px;padding:16px;background:var(--color-surface);border-radius:var(--radius-md)}.kr-metric{display:flex;flex-direction:column;gap:4px}.kr-metric .metric-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted)}.kr-metric .metric-value{font-size:1.125rem;font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums}.kr-metric.current .metric-value{color:var(--color-success)}.kr-progress-section{display:flex;align-items:center;gap:14px}.kr-progress-section .kr-progress-bar{flex:1;height:10px;background:var(--color-border-soft);border-radius:5px;overflow:hidden}.kr-progress-section .kr-progress-bar.large{height:12px;border-radius:6px}.kr-progress-section .kr-progress-bar.small{height:6px;border-radius:3px}.kr-progress-section .kr-progress-fill{height:100%;background:linear-gradient(90deg, var(--color-success), #10b981);border-radius:inherit;transition:width .5s ease}.kr-progress-section .kr-progress-text{font-size:.9375rem;font-weight:600;color:var(--color-ink-soft);min-width:45px;text-align:right}.kr-card-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border-soft)}.key-result-card.standalone{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.kr-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--color-success-soft);color:var(--color-success);font-size:.75rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.03em}.kr-info-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border-soft)}@media(max-width: 600px){.kr-info-grid{grid-template-columns:1fr}}.kr-info-item{display:flex;flex-direction:column;gap:4px}.kr-info-label{font-size:.75rem;font-weight:500;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.03em}.kr-info-value{font-size:.9375rem;color:var(--color-ink)}.kr-info-value a{color:var(--color-accent);text-decoration:none}.kr-info-value a:hover{text-decoration:underline}@media(max-width: 640px){.modal-panel{max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.metric-types{grid-template-columns:repeat(2, 1fr)}.value-inputs{grid-template-columns:1fr;gap:12px}.cycle-progress-summary{flex-direction:column;gap:20px;padding:20px 24px}.progress-stat{flex-direction:row;justify-content:space-between;width:100%}}.alignment-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px}.alignment-card.alignment-empty{border-style:dashed;background:var(--color-surface)}.alignment-card.alignment-empty .alignment-label{color:var(--color-ink-muted)}.alignment-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.alignment-header svg{width:20px;height:20px;color:var(--color-annual);flex-shrink:0}.alignment-header .alignment-label{font-size:.8125rem;font-weight:600;color:var(--color-annual);text-transform:uppercase;letter-spacing:.03em}.alignment-target{padding:16px;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md)}.alignment-objective{margin-bottom:12px}.alignment-objective-link{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--color-ink);text-decoration:none}.alignment-objective-link:hover{color:var(--color-annual)}.alignment-kr{display:flex;align-items:center;gap:10px}.alignment-kr .kr-bullet{width:8px;height:8px;background:var(--color-success);border-radius:50%;flex-shrink:0}.alignment-kr .alignment-kr-title{flex:1;font-size:.875rem;color:var(--color-ink-soft)}.alignment-kr .alignment-kr-progress{display:flex;align-items:center;gap:8px}.alignment-kr .alignment-kr-progress .kr-progress-bar{width:80px;height:6px;background:var(--color-border-soft);border-radius:3px;overflow:hidden}.alignment-kr .alignment-kr-progress .kr-progress-bar .kr-progress-fill{height:100%;background:linear-gradient(90deg, var(--color-success), #10b981);border-radius:inherit}.alignment-kr .alignment-kr-progress .kr-progress-text{font-size:.75rem;font-weight:600;color:var(--color-ink-muted);min-width:36px;text-align:right}.alignment-edit-link{display:inline-block;margin-top:12px;font-size:.8125rem;color:var(--color-accent);text-decoration:none}.alignment-edit-link:hover{text-decoration:underline}.alignment-current-objective{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.alignment-current-objective .objective-badge{background:var(--color-quarterly);color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.alignment-current-objective .objective-title{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--color-ink)}.alignment-options{display:flex;flex-direction:column;gap:8px}.alignment-objective-group{margin-top:16px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border-soft)}.alignment-objective-group:first-of-type{margin-top:8px}.alignment-objective-group .alignment-group-title{font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--color-ink)}.alignment-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.alignment-option input[type=radio]{margin-top:2px;flex-shrink:0}.alignment-option .alignment-option-content{flex:1;display:flex;align-items:center;gap:10px}.alignment-option .kr-bullet{width:8px;height:8px;background:var(--color-success);border-radius:50%;flex-shrink:0}.alignment-option .alignment-option-title{flex:1;font-size:.875rem;font-weight:500;color:var(--color-ink)}.alignment-option .alignment-option-desc{font-size:.8125rem;color:var(--color-ink-muted)}.alignment-option .alignment-option-progress{display:flex;align-items:center;gap:8px}.alignment-option .alignment-option-progress .kr-progress-bar{width:60px;height:6px;background:var(--color-border-soft);border-radius:3px;overflow:hidden}.alignment-option .alignment-option-progress .kr-progress-bar .kr-progress-fill{height:100%;background:linear-gradient(90deg, var(--color-success), #10b981);border-radius:inherit}.alignment-option .alignment-option-progress span{font-size:.75rem;font-weight:600;color:var(--color-ink-muted);min-width:32px;text-align:right}.alignment-option:hover{border-color:var(--color-ink-muted)}.alignment-option:has(input:checked){border-color:var(--color-annual);background:var(--color-annual-soft)}.alignment-option:has(input:checked) .alignment-option-title{color:var(--color-annual)}.alignment-empty-state{padding:24px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);text-align:center}.alignment-empty-state p{font-size:.875rem;color:var(--color-ink-muted);margin:0 0 8px}.alignment-empty-state p:last-child{margin-bottom:0}.objective-alignment-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-annual-soft);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-sm);margin-top:12px}.objective-alignment-badge svg{width:14px;height:14px;color:var(--color-annual);flex-shrink:0}.objective-alignment-badge .alignment-text{font-size:.75rem;font-weight:500;color:var(--color-annual)}.projects-page{animation:fadeInUp .4s ease-out}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.page-header-content .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-ink-muted);margin-bottom:16px}.page-header-content .breadcrumb a{color:var(--color-ink-muted);text-decoration:none;transition:color .2s ease}.page-header-content .breadcrumb a:hover{color:var(--color-accent)}.page-header-content .breadcrumb svg{width:14px;height:14px;opacity:.5}.page-header-content .page-title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--color-ink);margin:0 0 8px 0;letter-spacing:-0.02em}.page-header-content .page-subtitle{font-size:.9375rem;color:var(--color-ink-muted);margin:0}.stats-bar{display:flex;align-items:center;gap:0;padding:20px 28px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:32px}.stat-item{display:flex;align-items:center;gap:14px;padding:0 28px}.stat-item:first-child{padding-left:0}.stat-item:last-child{padding-right:0}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon svg{width:22px;height:22px}.stat-icon.active{background:linear-gradient(135deg, var(--color-success), #10b981);color:#fff;box-shadow:0 4px 12px rgba(5,150,105,.25)}.stat-icon.planning{background:linear-gradient(135deg, var(--color-accent), #3b82f6);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.25)}.stat-icon.completed{background:linear-gradient(135deg, var(--color-annual), #a855f7);color:#fff;box-shadow:0 4px 12px rgba(124,58,237,.25)}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-ink);letter-spacing:-0.02em;line-height:1}.stat-label{font-size:.8125rem;color:var(--color-ink-muted);font-weight:500}.stat-divider{width:1px;height:44px;background:var(--color-border)}.projects-grid{display:flex;flex-direction:column;gap:20px}.project-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.project-card::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-accent);transform:scaleY(0);transition:transform .25s ease;transform-origin:bottom}.project-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card:hover::before{transform:scaleY(1)}.project-card-header{margin-bottom:20px}.project-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.project-card-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-ink);text-decoration:none;line-height:1.3;transition:color .2s ease}.project-card-title:hover{color:var(--color-accent)}.project-card-description{font-size:.875rem;color:var(--color-ink-soft);line-height:1.5;margin:0 0 14px 0}.project-card-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.project-owner{display:flex;align-items:center;gap:8px}.project-owner .owner-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg, var(--color-accent-soft), var(--color-annual-soft));display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--color-accent)}.project-owner .owner-name{font-size:.8125rem;color:var(--color-ink-muted);font-weight:500}.project-timeline{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-ink-muted)}.project-timeline svg{width:14px;height:14px;opacity:.7}.status-badge{display:inline-flex;align-items:center;padding:5px 10px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:12px;white-space:nowrap}.status-badge.planning{background:var(--color-accent-soft);color:var(--color-accent)}.status-badge.active{background:rgba(5,150,105,.1);color:var(--color-success)}.status-badge.on_hold{background:rgba(245,158,11,.1);color:#d97706}.status-badge.completed{background:var(--color-annual-soft);color:var(--color-annual)}.status-badge.cancelled{background:var(--color-danger-soft);color:var(--color-danger)}.project-card-timeline{margin-bottom:20px}.timeline-bar{height:6px;background:var(--color-border-soft);border-radius:3px;overflow:hidden;margin-bottom:8px}.timeline-progress{height:100%;background:linear-gradient(90deg, var(--color-accent), #3b82f6);border-radius:3px;transition:width .5s ease}.timeline-dates{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-ink-muted)}.timeline-dates .overdue{color:var(--color-danger);font-weight:500}.project-card-linked{padding-top:16px;border-top:1px solid var(--color-border-soft)}.linked-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px}.linked-label svg{width:14px;height:14px}.linked-krs{display:flex;flex-direction:column;gap:8px}.linked-kr{display:flex;align-items:center;gap:10px}.linked-kr .kr-indicator{width:6px;height:6px;border-radius:50%;flex-shrink:0}.linked-kr .kr-indicator.annual{background:var(--color-annual)}.linked-kr .kr-indicator.quarterly{background:var(--color-quarterly)}.linked-kr .kr-title{flex:1;font-size:.8125rem;color:var(--color-ink-soft)}.linked-kr .kr-type{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:8px}.linked-kr .kr-type.annual{background:var(--color-annual-soft);color:var(--color-annual)}.linked-kr .kr-type.quarterly{background:var(--color-quarterly-soft);color:var(--color-quarterly)}.linked-kr-more{font-size:.75rem;color:var(--color-ink-muted);margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px;background:var(--color-surface-raised);border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.empty-state .empty-state-icon{width:80px;height:80px;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-state .empty-state-icon svg{width:40px;height:40px;color:var(--color-ink-muted)}.empty-state h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-ink);margin:0 0 8px 0}.empty-state p{font-size:.9375rem;color:var(--color-ink-muted);margin:0 0 24px 0;max-width:400px}.project-detail-page{animation:fadeInUp .4s ease-out}.project-detail-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-ink-muted);margin-bottom:24px}.project-detail-page .breadcrumb a{color:var(--color-ink-muted);text-decoration:none;transition:color .2s ease}.project-detail-page .breadcrumb a:hover{color:var(--color-accent)}.project-detail-page .breadcrumb svg{width:14px;height:14px;opacity:.5}.project-header-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px}.project-header-main{margin-bottom:28px}.project-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.project-title-section{flex:1}.project-meta-badges{display:flex;align-items:center;gap:10px;margin-bottom:12px}.project-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-ink);margin:0 0 8px 0;letter-spacing:-0.02em}.project-description{font-size:.9375rem;color:var(--color-ink-soft);margin:0;line-height:1.6}.project-actions{display:flex;gap:10px}.project-header-meta{display:flex;gap:32px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:12px}.meta-item .owner-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, var(--color-accent-soft), var(--color-annual-soft));display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;color:var(--color-accent)}.meta-item .meta-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-ink-muted)}.meta-item .meta-icon svg{width:20px;height:20px}.meta-item .meta-content{display:flex;flex-direction:column;gap:2px}.meta-item .meta-label{font-size:.75rem;font-weight:500;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.03em}.meta-item .meta-value{font-size:.9375rem;font-weight:500;color:var(--color-ink)}.project-progress-section{padding-top:24px;border-top:1px solid var(--color-border-soft)}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.progress-label{font-size:.8125rem;font-weight:600;color:var(--color-ink)}.progress-stats{display:flex;gap:16px;font-size:.8125rem;color:var(--color-ink-muted)}.progress-stats .overdue{color:var(--color-danger);font-weight:500}.progress-bar{height:10px;background:var(--color-border-soft);border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg, var(--color-accent), #3b82f6);border-radius:5px;transition:width .5s ease}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:32px}@media(max-width: 1024px){.content-grid{grid-template-columns:1fr}}.content-grid.no-sidebar{grid-template-columns:1fr}.content-primary{display:flex;flex-direction:column;gap:24px}.content-grid .sidebar{display:flex;flex-direction:column;gap:24px}.section-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border-soft)}.section-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-ink);margin:0}.section-title svg{width:18px;height:18px;color:var(--color-ink-muted)}.section-title.danger{color:var(--color-danger)}.section-title.danger svg{color:var(--color-danger)}.section-count{font-size:.8125rem;color:var(--color-ink-muted)}.section-body{padding:24px}.linked-kr-list{display:flex;flex-direction:column;gap:12px}.linked-kr-item{padding:16px;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);transition:all .2s ease}.linked-kr-item:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.linked-kr-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.linked-kr-badge{font-size:.6875rem;font-weight:600;padding:4px 10px;border-radius:10px}.linked-kr-badge.annual{background:var(--color-annual-soft);color:var(--color-annual)}.linked-kr-badge.quarterly{background:var(--color-quarterly-soft);color:var(--color-quarterly)}.linked-kr-objective{font-size:.75rem;color:var(--color-ink-muted)}.linked-kr-title{font-size:.9375rem;font-weight:500;color:var(--color-ink);margin-bottom:12px}.linked-kr-progress{display:flex;align-items:center;gap:12px}.linked-kr-progress .kr-progress-bar{flex:1;height:6px;background:var(--color-border-soft);border-radius:3px;overflow:hidden}.linked-kr-progress .kr-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.linked-kr-progress .kr-progress-fill.annual{background:linear-gradient(90deg, var(--color-annual), #a855f7)}.linked-kr-progress .kr-progress-fill.quarterly{background:linear-gradient(90deg, var(--color-quarterly), #0ea5e9)}.linked-kr-progress .kr-progress-text{font-size:.8125rem;font-weight:600;color:var(--color-ink-muted);min-width:40px;text-align:right}.linked-kr-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-soft)}.empty-section{text-align:center;padding:16px}.empty-section p{font-size:.9375rem;color:var(--color-ink-muted);margin:0 0 16px 0}.placeholder-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px}.placeholder-icon{width:56px;height:56px;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.placeholder-icon svg{width:28px;height:28px;color:var(--color-ink-muted)}.placeholder-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-ink);margin:0 0 8px 0}.placeholder-text{font-size:.875rem;color:var(--color-ink-muted);margin:0 0 16px 0;max-width:280px}.placeholder-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:500;color:var(--color-ink-muted);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:16px}.danger-zone-card{border-color:rgba(220,38,38,.2)}.danger-zone-card .section-header{background:var(--color-danger-soft)}.danger-text{font-size:.875rem;color:var(--color-ink-soft);margin:0 0 16px 0}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:#fff;background:var(--color-danger);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-danger svg{width:16px;height:16px}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,.3)}.project-form-page{animation:fadeInUp .4s ease-out;max-width:800px;margin:0 auto}.project-form-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-ink-muted);margin-bottom:24px}.project-form-page .breadcrumb a{color:var(--color-ink-muted);text-decoration:none;transition:color .2s ease}.project-form-page .breadcrumb a:hover{color:var(--color-accent)}.project-form-page .breadcrumb svg{width:14px;height:14px;opacity:.5}.project-form-page .page-header{margin-bottom:32px}.form-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.project-form .form-errors{padding:20px;background:var(--color-danger-soft);border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);margin-bottom:24px}.project-form .form-errors h3{font-size:.875rem;font-weight:600;color:var(--color-danger);margin:0 0 12px 0}.project-form .form-errors ul{margin:0;padding-left:20px}.project-form .form-errors ul li{font-size:.875rem;color:var(--color-danger);margin-bottom:4px}.project-form .form-errors ul li:last-child{margin-bottom:0}.form-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--color-border-soft)}.form-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-ink);margin:0 0 8px 0}.form-section-title svg{color:var(--color-ink-muted)}.form-section-description{font-size:.875rem;color:var(--color-ink-muted);margin:0 0 20px 0}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}@media(max-width: 600px){.form-row{grid-template-columns:1fr}}.form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-ink);margin-bottom:8px}.form-input,.form-textarea,.form-select{width:100%;padding:14px 16px;font-family:var(--font-body);font-size:.9375rem;color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease;outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-accent);background:var(--color-surface-raised);box-shadow:0 0 0 4px var(--color-accent-soft)}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--color-ink-muted)}.form-textarea{min-height:100px;resize:vertical;line-height:1.6}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8a9e' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px;cursor:pointer}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border-soft)}.key-results-picker{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);max-height:400px;overflow-y:auto}.kr-picker-groups{padding:16px}.kr-picker-group{margin-bottom:20px}.kr-picker-group:last-child{margin-bottom:0}.kr-picker-group-header{margin-bottom:12px}.kr-cycle-badge{display:inline-flex;padding:5px 12px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:16px}.kr-cycle-badge.annual{background:var(--color-annual-soft);color:var(--color-annual)}.kr-cycle-badge.quarterly{background:var(--color-quarterly-soft);color:var(--color-quarterly)}.kr-picker-objective{margin-bottom:16px}.kr-picker-objective:last-child{margin-bottom:0}.kr-picker-objective-title{font-size:.8125rem;font-weight:600;color:var(--color-ink);margin-bottom:10px;padding-left:4px}.kr-picker-items{display:flex;flex-direction:column;gap:8px}.kr-picker-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--color-surface-raised);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.kr-picker-item input[type=checkbox]{display:none}.kr-picker-item .kr-picker-checkbox{width:20px;height:20px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all .2s ease}.kr-picker-item .kr-picker-checkbox svg{width:12px;height:12px;opacity:0;transform:scale(0.5);transition:all .2s ease}.kr-picker-item .kr-picker-content{flex:1;display:flex;flex-direction:column;gap:6px}.kr-picker-item .kr-picker-title{font-size:.875rem;font-weight:500;color:var(--color-ink);line-height:1.4}.kr-picker-item .kr-picker-progress{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--color-ink-muted)}.kr-picker-item .kr-mini-progress{width:60px;height:4px;background:var(--color-border-soft);border-radius:2px;overflow:hidden}.kr-picker-item .kr-mini-progress-fill{height:100%;border-radius:2px}.kr-picker-item .kr-mini-progress-fill.annual{background:var(--color-annual)}.kr-picker-item .kr-mini-progress-fill.quarterly{background:var(--color-quarterly)}.kr-picker-item:hover{border-color:var(--color-ink-muted)}.kr-picker-item.selected{border-color:var(--color-success);background:rgba(5,150,105,.05)}.kr-picker-item.selected .kr-picker-checkbox{background:var(--color-success);border-color:var(--color-success)}.kr-picker-item.selected .kr-picker-checkbox svg{opacity:1;transform:scale(1);color:#fff}.kr-picker-empty{padding:32px 24px;text-align:center}.kr-picker-empty p{font-size:.9375rem;color:var(--color-ink-muted);margin:0 0 16px 0}.btn-small{padding:8px 14px;font-size:.8125rem}.btn-small svg{width:14px;height:14px}@media(max-width: 768px){.stats-bar{flex-wrap:wrap;gap:16px;padding:16px 20px}.stat-divider{display:none}.stat-item{padding:0;flex:1;min-width:calc(33% - 12px)}.project-header-top{flex-direction:column;gap:16px}.project-actions{width:100%}.project-actions .btn{flex:1;justify-content:center}.project-header-meta{gap:20px}.content-grid{grid-template-columns:1fr}}.sprint-form-page,.sprint-detail-page{animation:fadeInUp .4s ease-out;max-width:1200px}.sprint-form-page .breadcrumb,.sprint-detail-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-ink-muted);margin-bottom:24px}.sprint-form-page .breadcrumb a,.sprint-detail-page .breadcrumb a{color:var(--color-ink-muted);text-decoration:none;transition:color .2s ease}.sprint-form-page .breadcrumb a:hover,.sprint-detail-page .breadcrumb a:hover{color:var(--color-accent)}.sprint-form-page .breadcrumb svg,.sprint-detail-page .breadcrumb svg{width:14px;height:14px;opacity:.5}.sprint-form-page{max-width:800px;margin:0 auto}.sprint-header-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px}.sprint-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.sprint-title-section{flex:1}.sprint-meta-badges{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sprint-active-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--color-success)}.sprint-active-indicator .pulse-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.sprint-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-ink);margin:0 0 8px 0;letter-spacing:-0.02em}.sprint-goal{font-size:.9375rem;color:var(--color-ink-soft);margin:0;line-height:1.6}.sprint-actions{display:flex;gap:10px}.sprint-header-meta{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:24px}.sprint-progress-section{padding-top:24px;border-top:1px solid var(--color-border-soft)}.progress-fill.sprint{background:linear-gradient(90deg, var(--color-success), #10b981)}.btn-success{background:var(--color-success);color:#fff;box-shadow:0 2px 8px rgba(5,150,105,.25)}.btn-success:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 16px rgba(5,150,105,.35)}.task-form-page,.tasks-page{animation:fadeInUp .4s ease-out}.task-form-page .breadcrumb,.tasks-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-ink-muted);margin-bottom:8px}.task-form-page .breadcrumb a,.tasks-page .breadcrumb a{color:var(--color-ink-muted);text-decoration:none;transition:color .2s ease}.task-form-page .breadcrumb a:hover,.tasks-page .breadcrumb a:hover{color:var(--color-accent)}.task-form-page .breadcrumb svg,.tasks-page .breadcrumb svg{width:14px;height:14px;opacity:.5}.task-form-page .page-header,.tasks-page .page-header{margin-bottom:24px}.task-form-page{max-width:800px;margin:0 auto}.tasks-stats-bar{display:flex;align-items:center;gap:0;padding:20px 28px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:32px}.tasks-stats-bar .stat-icon.todo{background:var(--color-border-soft);color:var(--color-ink-muted)}.tasks-stats-bar .stat-icon.in-progress{background:linear-gradient(135deg, var(--color-accent), #3b82f6);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.25)}.tasks-stats-bar .stat-icon.done{background:linear-gradient(135deg, var(--color-success), #10b981);color:#fff;box-shadow:0 4px 12px rgba(5,150,105,.25)}.kanban-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.kanban-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-ink);margin:0}.kanban-board{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}@media(max-width: 900px){.kanban-board{grid-template-columns:1fr}}.kanban-column{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);min-height:400px;display:flex;flex-direction:column}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:2px solid var(--color-border-soft)}.kanban-column-header.in-progress{border-bottom-color:var(--color-accent)}.kanban-column-header.done{border-bottom-color:var(--color-success)}.kanban-column-title{font-size:.875rem;font-weight:600;color:var(--color-ink)}.kanban-column-count{font-size:.75rem;font-weight:600;color:var(--color-ink-muted);background:var(--color-border-soft);padding:2px 8px;border-radius:10px}.kanban-column-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.kanban-empty{text-align:center;padding:32px 16px;color:var(--color-ink-muted);font-size:.875rem}.task-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:all .2s ease}.task-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.task-card.overdue{border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.02)}.task-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.priority-indicator{width:4px;height:16px;border-radius:2px}.priority-indicator.low{background:var(--color-border)}.priority-indicator.medium{background:var(--color-accent)}.priority-indicator.high{background:#f59e0b}.priority-indicator.urgent{background:var(--color-danger)}.overdue-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-danger);background:var(--color-danger-soft);padding:2px 6px;border-radius:4px}.task-card-body{margin-bottom:12px}.task-card-body .task-title{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-ink);margin:0 0 4px 0;line-height:1.4}.task-card-body .task-title a{color:inherit;text-decoration:none}.task-card-body .task-title a:hover{color:var(--color-accent)}.task-description{font-size:.8125rem;color:var(--color-ink-muted);margin:0;line-height:1.4}.task-card-footer{display:flex;align-items:center;justify-content:space-between}.task-meta{display:flex;align-items:center;gap:8px}.task-due-date{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-ink-muted)}.task-due-date svg{width:12px;height:12px}.task-due-date.overdue{color:var(--color-danger)}.task-priority-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px}.task-priority-badge.low{background:var(--color-border-soft);color:var(--color-ink-muted)}.task-priority-badge.medium{background:var(--color-accent-soft);color:var(--color-accent)}.task-priority-badge.high{background:rgba(245,158,11,.1);color:#d97706}.task-priority-badge.urgent{background:var(--color-danger-soft);color:var(--color-danger)}.task-assignee .assignee-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg, var(--color-accent-soft), var(--color-annual-soft));display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:var(--color-accent)}.task-assignee .assignee-avatar.small{width:20px;height:20px;font-size:.5rem}.backlog-section{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px}.backlog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.backlog-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-ink);margin:0}.backlog-title svg{width:18px;height:18px;color:var(--color-ink-muted)}.backlog-count{font-size:.8125rem;color:var(--color-ink-muted)}.backlog-tasks{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:12px}.danger-zone{margin-top:48px;padding:24px;background:var(--color-danger-soft);border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-lg)}.danger-zone-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-danger);margin:0 0 12px 0}.danger-zone-title svg{width:18px;height:18px;flex-shrink:0}.danger-zone-text{font-size:.875rem;color:var(--color-ink-soft);margin:0 0 16px 0;line-height:1.5}.sprint-list{display:flex;flex-direction:column;gap:12px}.sprint-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);transition:all .2s ease}.sprint-item:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.sprint-item.active{border-color:var(--color-success);background:rgba(5,150,105,.02)}.sprint-item-main{display:flex;align-items:center;gap:14px;flex:1}.sprint-item-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sprint-item-status.planning{background:var(--color-border)}.sprint-item-status.active{background:var(--color-success);animation:pulse 2s ease-in-out infinite}.sprint-item-status.completed{background:var(--color-annual)}.sprint-item-content{flex:1}.sprint-item-name{font-size:.9375rem;font-weight:500;color:var(--color-ink);text-decoration:none;display:block;margin-bottom:4px}.sprint-item-name:hover{color:var(--color-accent)}.sprint-item-dates{font-size:.75rem;color:var(--color-ink-muted)}.sprint-item-meta{display:flex;align-items:center;gap:16px}.sprint-item-tasks{font-size:.8125rem;color:var(--color-ink-muted)}.sprint-item-progress{display:flex;align-items:center;gap:8px}.sprint-item-progress .mini-progress-bar{width:60px;height:4px;background:var(--color-border-soft);border-radius:2px;overflow:hidden}.sprint-item-progress .mini-progress-fill{height:100%;background:var(--color-success);border-radius:2px}.sprint-item-progress span{font-size:.75rem;font-weight:600;color:var(--color-ink-muted)}.task-summary-stats{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-surface-secondary);border-radius:var(--radius-md)}.task-stat{display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem}.task-stat.backlog .task-stat-value{color:var(--color-ink-muted)}.task-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-ink);line-height:1}.task-stat-label{font-size:.75rem;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.task-preview-list{margin-bottom:1rem}.task-preview-title{font-size:.75rem;font-weight:600;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.task-preview-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--color-surface-secondary);border-radius:var(--radius-md);margin-bottom:.5rem}.task-preview-item:last-child{margin-bottom:0}.task-preview-status{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:2px}.task-preview-status svg{width:16px;height:16px}.task-preview-status.todo svg{color:var(--color-ink-muted)}.task-preview-status.in_progress svg{color:var(--color-info)}.task-preview-status.done svg{color:var(--color-success)}.task-preview-content{flex:1;min-width:0}.task-preview-name{display:block;font-size:.875rem;font-weight:500;color:var(--color-ink);margin-bottom:.25rem}.task-preview-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.task-priority-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm)}.task-priority-badge.low{background:var(--color-surface-secondary);color:var(--color-ink-muted)}.task-priority-badge.medium{background:rgba(var(--color-warning-rgb, 251, 191, 36), 0.15);color:#b45309}.task-priority-badge.high{background:rgba(var(--color-warning-rgb, 251, 191, 36), 0.25);color:#92400e}.task-priority-badge.urgent{background:rgba(var(--color-error-rgb, 239, 68, 68), 0.15);color:var(--color-error)}.task-assignee,.task-sprint{font-size:.75rem;color:var(--color-ink-muted)}.task-preview-actions{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-soft)}.sprint-list{display:flex;flex-direction:column;gap:.75rem}.sprint-list-item{background:var(--color-surface-secondary);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.sprint-list-item:hover{background:var(--color-surface-tertiary)}.sprint-list-link{display:block;padding:1rem;text-decoration:none;color:inherit}.sprint-list-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.sprint-status-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm)}.sprint-status-badge.planning{background:rgba(var(--color-info-rgb, 59, 130, 246), 0.15);color:var(--color-info)}.sprint-status-badge.active{background:rgba(var(--color-success-rgb, 34, 197, 94), 0.15);color:var(--color-success)}.sprint-status-badge.completed{background:var(--color-surface-secondary);color:var(--color-ink-muted)}.sprint-name{font-weight:600;color:var(--color-ink);font-size:.9375rem}.sprint-goal{font-size:.8125rem;color:var(--color-ink-muted);margin-bottom:.5rem;line-height:1.4}.sprint-list-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.sprint-dates,.sprint-task-count{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-ink-muted)}.sprint-dates svg,.sprint-task-count svg{opacity:.7}.sprint-progress{display:flex;align-items:center;gap:.75rem}.sprint-progress-bar{flex:1;height:4px;background:var(--color-border-soft);border-radius:2px;overflow:hidden}.sprint-progress-fill{height:100%;background:var(--color-success);border-radius:2px;transition:width .3s ease}.sprint-progress-text{font-size:.75rem;font-weight:600;color:var(--color-ink-muted);min-width:35px;text-align:right}.section-header-actions{display:flex;align-items:center;gap:.75rem}.task-card{cursor:grab;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.task-card:active{cursor:grabbing}.task-card.dragging{opacity:.9;transform:rotate(2deg) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.15);z-index:100}.task-card.drag-ghost{opacity:.5}.task-card.move-success{animation:moveSuccess .5s ease}.task-card.move-error{animation:moveError .5s ease}@keyframes moveSuccess{0%{background:var(--color-surface-secondary)}50%{background:rgba(var(--color-success-rgb, 34, 197, 94), 0.2)}100%{background:var(--color-surface-secondary)}}@keyframes moveError{0%,100%{transform:translateX(0);background:var(--color-surface-secondary)}20%,60%{transform:translateX(-5px);background:rgba(var(--color-error-rgb, 239, 68, 68), 0.15)}40%,80%{transform:translateX(5px);background:rgba(var(--color-error-rgb, 239, 68, 68), 0.15)}}.kanban-column-body{min-height:100px;transition:background .2s ease,border-color .2s ease}.kanban-column-body.drag-over{background:rgba(var(--color-primary-rgb, 99, 102, 241), 0.08);border:2px dashed var(--color-primary);border-radius:var(--radius-md)}.kanban-column-body.drag-over .kanban-empty{opacity:.5}.impersonation-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);color:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:.875rem;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.2)}.impersonation-banner strong{font-weight:700}.impersonation-stop-btn{background:#fff;color:#dc2626;border:none;padding:.4rem 1rem;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.impersonation-stop-btn:hover{background:#fee2e2;transform:translateY(-1px)}.app-container.impersonating{padding-top:48px}.app-container.impersonating .sidebar{top:48px;height:calc(100vh - 48px)}.admin-layout{min-height:100vh;background:#0f172a;color:#e2e8f0}.admin-header{background:#1e293b;border-bottom:1px solid #334155;padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between}.admin-header-left{display:flex;align-items:center}.admin-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#e2e8f0}.admin-logo-badge{background:#dc2626;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;letter-spacing:.05em}.admin-logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.admin-nav{display:flex;gap:.5rem}.admin-nav-link{color:#94a3b8;text-decoration:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s}.admin-nav-link:hover{color:#e2e8f0;background:#334155}.admin-nav-link.active{color:#fff;background:#3b82f6}.admin-header-right{display:flex;align-items:center;gap:1.5rem}.admin-user{color:#94a3b8;font-size:.875rem}.admin-exit-link{color:#94a3b8;text-decoration:none;font-size:.875rem;padding:.4rem .75rem;border:1px solid #475569;border-radius:6px;transition:all .2s}.admin-exit-link:hover{color:#e2e8f0;border-color:#64748b}.admin-main{padding:2rem;max-width:1400px;margin:0 auto}.admin-page{background:#1e293b;border-radius:12px;border:1px solid #334155}.admin-page-header{padding:2rem;border-bottom:1px solid #334155}.admin-page-header h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.admin-page-subtitle{color:#94a3b8;font-size:.9rem}.admin-breadcrumb{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.admin-breadcrumb a{color:#3b82f6;text-decoration:none}.admin-breadcrumb a:hover{text-decoration:underline}.admin-section{padding:2rem;border-bottom:1px solid #334155}.admin-section:last-child{border-bottom:none}.admin-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid #334155}.admin-table th{color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#0f172a}.admin-table td{font-size:.9rem}.admin-table tbody tr:hover{background:rgba(59,130,246,.05)}.admin-table code{background:#0f172a;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;color:#94a3b8}.admin-link{color:#3b82f6;text-decoration:none;font-weight:500}.admin-link:hover{text-decoration:underline}.admin-muted{color:#64748b}.admin-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;border:1px solid #475569;background:rgba(0,0,0,0);color:#e2e8f0;cursor:pointer;transition:all .2s}.admin-btn:hover{background:#334155;border-color:#64748b}.admin-btn-small{padding:.35rem .75rem;font-size:.8rem}.admin-btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.admin-btn-primary:hover{background:#2563eb;border-color:#2563eb}.admin-role-badge{display:inline-block;padding:.2rem .6rem;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.admin-role-superadmin{background:rgba(220,38,38,.2);color:#fca5a5}.admin-role-owner{background:rgba(168,85,247,.2);color:#d8b4fe}.admin-role-admin{background:rgba(59,130,246,.2);color:#93c5fd}.admin-role-leader{background:rgba(34,197,94,.2);color:#86efac}.admin-role-member{background:rgba(148,163,184,.2);color:#cbd5e1}.nav-item-admin{color:#fca5a5 !important}.nav-item-admin:hover,.nav-item-admin.active{background:rgba(220,38,38,.1) !important;color:#fca5a5 !important}.nav-item-admin svg{stroke:#fca5a5}.admin-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-header-content{flex:1;min-width:200px}.admin-header-actions{display:flex;gap:.75rem;align-items:center}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-section-header h2{margin:0}.admin-actions-cell{display:flex;gap:.5rem;align-items:center}.admin-btn-secondary{background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.2);color:#94a3b8}.admin-btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);color:#f1f5f9}.admin-form-container{max-width:600px}.admin-form{background:#1e293b;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:2rem}.admin-form-errors{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem}.admin-form-errors h4{color:#fca5a5;font-size:.9rem;margin:0 0 .5rem}.admin-form-errors ul{margin:0;padding-left:1.25rem;color:#fca5a5;font-size:.85rem}.admin-form-errors li{margin-bottom:.25rem}.admin-form-group{margin-bottom:1.5rem}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width: 600px){.admin-form-row{grid-template-columns:1fr}}.admin-label{display:block;font-size:.85rem;font-weight:500;color:#f1f5f9;margin-bottom:.5rem}.admin-input,.admin-select{width:100%;padding:.75rem 1rem;background:#0f172a;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#f1f5f9;font-size:.95rem;transition:all .2s ease}.admin-input:focus,.admin-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.admin-input::placeholder,.admin-select::placeholder{color:#64748b}.admin-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.admin-field-hint{font-size:.8rem;color:#64748b;margin:.5rem 0 0}.admin-field-hint strong{color:#94a3b8}.admin-form-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0 1.5rem}.admin-form-divider span{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;white-space:nowrap}.admin-form-divider::before,.admin-form-divider::after{content:"";flex:1;height:1px;background:hsla(0,0%,100%,.1)}.admin-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.1)}.dashboard-stats{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon svg{width:24px;height:24px}.stat-icon-okr{background:rgba(99,102,241,.1)}.stat-icon-okr svg{stroke:#6366f1}.stat-icon-project{background:rgba(34,197,94,.1)}.stat-icon-project svg{stroke:#22c55e}.stat-icon-task{background:rgba(59,130,246,.1)}.stat-icon-task svg{stroke:#3b82f6}.stat-icon-assigned{background:rgba(168,85,247,.1)}.stat-icon-assigned svg{stroke:#a855f7}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-ink);line-height:1.2}.stat-label{font-size:.8rem;color:var(--color-ink-muted);margin-top:.25rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.dashboard-section-wide{grid-column:span 2}.dashboard-cycle-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.cycle-badge{padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-decoration:none}.cycle-badge.cycle-badge-annual{background:rgba(168,85,247,.1);color:#a855f7}.cycle-badge.cycle-badge-quarterly{background:rgba(59,130,246,.1);color:#3b82f6}.cycle-dates{font-size:.85rem;color:var(--color-ink-muted)}.cycle-progress-mini{display:flex;align-items:center;gap:.75rem;margin-left:auto}.cycle-progress-bar{width:100px;height:6px;background:var(--color-surface-secondary);border-radius:3px;overflow:hidden}.cycle-progress-fill{height:100%;background:linear-gradient(90deg, var(--color-accent), #3b82f6);border-radius:3px;transition:width .5s ease}.cycle-progress-text{font-size:.85rem;font-weight:600;color:var(--color-ink)}.objectives-list{display:flex;flex-direction:column;gap:1rem}.objective-card-mini{background:var(--color-surface-secondary);border-radius:var(--radius-md);padding:1rem 1.25rem}.objective-header-mini{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.objective-title-link{font-weight:600;color:var(--color-ink);text-decoration:none}.objective-title-link:hover{color:var(--color-accent)}.objective-progress-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.objective-progress-badge.on_track{background:rgba(34,197,94,.1);color:#22c55e}.objective-progress-badge.at_risk{background:rgba(245,158,11,.1);color:#f59e0b}.objective-progress-badge.behind{background:rgba(239,68,68,.1);color:#ef4444}.key-results-mini{display:flex;flex-direction:column;gap:.5rem}.kr-mini{display:flex;align-items:center;gap:.75rem}.kr-mini-progress{width:60px;height:4px;background:var(--color-surface-raised);border-radius:2px;overflow:hidden;flex-shrink:0}.kr-mini-fill{height:100%;background:var(--color-accent);border-radius:2px}.kr-mini-title{flex:1;font-size:.85rem;color:var(--color-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kr-mini-value{font-size:.75rem;font-weight:600;color:var(--color-ink-muted);flex-shrink:0}.kr-mini-more{font-size:.75rem;color:var(--color-ink-muted);font-style:italic}.projects-list-mini{display:flex;flex-direction:column;gap:.75rem}.project-card-mini{display:block;background:var(--color-surface-secondary);border-radius:var(--radius-md);padding:1rem;text-decoration:none;transition:all .2s;border:1px solid rgba(0,0,0,0)}.project-card-mini:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.project-card-mini-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.project-name{font-weight:600;color:var(--color-ink)}.project-status-badge{padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase}.project-status-badge.active{background:rgba(34,197,94,.1);color:#22c55e}.project-status-badge.planning{background:rgba(59,130,246,.1);color:#3b82f6}.project-status-badge.on_hold{background:rgba(245,158,11,.1);color:#f59e0b}.project-description-mini{font-size:.85rem;color:var(--color-ink-muted);margin-bottom:.75rem;line-height:1.4}.project-meta-mini{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.project-owner-mini{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-ink-muted)}.avatar-mini{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, var(--color-accent-soft), var(--color-annual-soft));display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:600;color:var(--color-accent)}.project-date-mini{font-size:.8rem;color:var(--color-ink-muted)}.project-progress-mini{display:flex;align-items:center;gap:.75rem}.project-progress-bar{flex:1;height:4px;background:var(--color-surface-raised);border-radius:2px;overflow:hidden}.project-progress-fill{height:100%;background:linear-gradient(90deg, var(--color-accent), #3b82f6);border-radius:2px}.project-progress-text{font-size:.75rem;font-weight:600;color:var(--color-ink-muted);flex-shrink:0}.tasks-list-mini{display:flex;flex-direction:column;gap:.5rem}.task-card-mini{display:flex;align-items:center;gap:.75rem;background:var(--color-surface-secondary);border-radius:var(--radius-md);padding:.75rem 1rem;text-decoration:none;transition:all .2s;border:1px solid rgba(0,0,0,0)}.task-card-mini:hover{border-color:var(--color-accent);background:var(--color-surface-raised)}.task-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-priority-dot.low{background:#94a3b8}.task-priority-dot.medium{background:var(--color-accent)}.task-priority-dot.high{background:#f59e0b}.task-priority-dot.urgent{background:#ef4444}.task-card-mini-content{flex:1;min-width:0}.task-title-mini{display:block;font-size:.9rem;font-weight:500;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta-mini{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.task-project-mini{font-size:.75rem;color:var(--color-ink-muted)}.task-due-mini{font-size:.75rem;color:var(--color-ink-muted)}.task-due-mini.overdue{color:#ef4444;font-weight:500}.task-status-mini{padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;flex-shrink:0}.task-status-mini.todo{background:rgba(148,163,184,.1);color:#64748b}.task-status-mini.in_progress{background:rgba(59,130,246,.1);color:#3b82f6}.section-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.empty-state-compact{padding:2rem;text-align:center;color:var(--color-ink-muted)}.empty-state-compact svg{width:32px;height:32px;margin-bottom:.75rem;opacity:.5}.empty-state-compact p{margin-bottom:1rem;font-size:.9rem}.btn-small{padding:.5rem 1rem;font-size:.85rem}@media(max-width: 1024px){.dashboard-stats{grid-template-columns:repeat(2, 1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-section-wide{grid-column:span 1}}@media(max-width: 640px){.dashboard-stats{grid-template-columns:1fr}.dashboard-cycle-info{flex-wrap:wrap}.cycle-progress-mini{margin-left:0;width:100%;margin-top:.5rem}}.okr-tree-page{padding:2rem;max-width:1400px;margin:0 auto}.tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.tree-year-nav{display:flex;gap:.5rem}.year-tab{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--color-ink-muted);text-decoration:none;transition:all .2s ease;background:var(--color-surface);border:1px solid var(--color-border)}.year-tab:hover{background:var(--color-surface-raised);color:var(--color-ink)}.year-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tree-actions{display:flex;gap:.5rem}.tree-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.tree-section-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0 1rem}.tree-section-divider span{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);white-space:nowrap}.tree-section-divider::before,.tree-section-divider::after{content:"";flex:1;height:1px;background:var(--color-border)}.tree-node{border-bottom:1px solid var(--color-border)}.tree-node:last-child{border-bottom:none}.tree-node-header{display:flex;align-items:center;padding:1rem 1.25rem;gap:.75rem;cursor:pointer;transition:background .15s ease}.tree-node-header:hover{background:var(--color-surface-raised)}.tree-node-header.no-toggle{cursor:default}.tree-node-header.collapsed .toggle-icon{transform:rotate(-90deg)}.tree-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.toggle-icon{width:16px;height:16px;transition:transform .2s ease;color:var(--color-ink-muted)}.tree-toggle-placeholder{width:20px;height:20px;flex-shrink:0}.tree-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.tree-icon svg{width:18px;height:18px}.tree-icon-annual{background:var(--color-annual-soft);color:var(--color-annual)}.tree-icon-objective{background:var(--color-primary-soft);color:var(--color-primary)}.tree-icon-kr{background:var(--color-success-soft);color:var(--color-success)}.tree-icon-quarterly{background:var(--color-warning-soft);color:var(--color-warning)}.tree-node-content{flex:1;min-width:0}.tree-node-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tree-node-title a{font-weight:500;color:var(--color-ink);text-decoration:none}.tree-node-title a:hover{color:var(--color-primary)}.tree-node-meta{font-size:.8125rem;color:var(--color-ink-muted);margin-top:.25rem}.tree-owner{font-weight:500}.tree-aligned-count{color:var(--color-primary);font-weight:500}.tree-status-badge{display:inline-flex;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.tree-status-badge.draft{background:var(--color-border);color:var(--color-ink-muted)}.tree-status-badge.active{background:var(--color-primary-soft);color:var(--color-primary)}.tree-status-badge.completed{background:var(--color-success-soft);color:var(--color-success)}.tree-quarter-badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .375rem;background:var(--color-warning-soft);color:var(--color-warning);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:700}.tree-warning-badge{display:inline-flex;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;background:rgba(239,68,68,.1);color:#dc2626}.tree-node-progress{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.tree-progress-bar{width:80px;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.tree-progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}.tree-progress-fill.on_track{background:var(--color-success)}.tree-progress-fill.at_risk{background:var(--color-warning)}.tree-progress-fill.behind{background:#ef4444}.tree-progress-text{font-size:.8125rem;font-weight:600;color:var(--color-ink-muted);min-width:36px;text-align:right}.tree-children{border-top:1px solid var(--color-border);background:rgba(0,0,0,.02)}.tree-children.collapsed{display:none}.tree-children .tree-node-header{padding-left:3rem}.tree-children .tree-children .tree-node-header{padding-left:5rem}.tree-children .tree-children .tree-children .tree-node-header{padding-left:7rem}.tree-children .tree-children .tree-children .tree-children .tree-node-header{padding-left:9rem}.tree-node-annual>.tree-node-header{background:linear-gradient(90deg, var(--color-annual-soft) 0%, transparent 50%)}.tree-node-unaligned>.tree-node-header{background:rgba(239,68,68,.05)}.tree-node-leaf .tree-node-header{cursor:default}.tree-node-leaf .tree-node-header:hover{background:rgba(0,0,0,0)}.empty-state{padding:4rem 2rem;text-align:center}.empty-state>svg,.empty-state .empty-state-icon svg{width:48px;height:48px;color:var(--color-ink-muted);opacity:.5;margin-bottom:1rem}.empty-state h3{font-family:var(--font-display);font-size:1.25rem;color:var(--color-ink);margin:0 0 .5rem}.empty-state p{color:var(--color-ink-muted);margin:0 0 1.5rem}@media(max-width: 768px){.okr-tree-page{padding:1rem}.tree-header{flex-direction:column;align-items:stretch}.tree-year-nav{flex-wrap:wrap;justify-content:center}.tree-node-header{padding:.75rem 1rem;flex-wrap:wrap}.tree-node-progress{width:100%;margin-top:.5rem;padding-left:52px}.tree-progress-bar{flex:1}.tree-children .tree-node-header{padding-left:2rem}.tree-children .tree-children .tree-node-header{padding-left:3rem}.tree-children .tree-children .tree-children .tree-node-header{padding-left:4rem}.tree-children .tree-children .tree-children .tree-children .tree-node-header{padding-left:5rem}}.comments-section{margin-top:2rem;border-top:1px solid var(--color-border);padding-top:1.5rem}.comments-header{margin-bottom:1rem}.comments-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-ink);margin:0}.comments-header h3 svg{color:var(--color-ink-muted)}.comments-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-primary-soft);color:var(--color-primary);border-radius:10px;font-size:.75rem;font-weight:600}.comments-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.comments-empty{color:var(--color-ink-muted);font-size:.9rem;font-style:italic;padding:1rem 0}.comment{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.comment-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.comment-avatar-small{width:28px;height:28px;font-size:.75rem}.comment-meta{flex:1;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.comment-author{font-weight:600;color:var(--color-ink);font-size:.9rem}.comment-time{color:var(--color-ink-muted);font-size:.8rem}.comment-edited{color:var(--color-ink-muted);font-size:.75rem;font-style:italic}.comment-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.comment:hover .comment-actions{opacity:1}.comment-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:rgba(0,0,0,0);color:var(--color-ink-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.comment-action-btn:hover{background:var(--color-surface-raised);color:var(--color-ink)}.comment-action-delete:hover{background:rgba(239,68,68,.1);color:#ef4444}.comment-body{color:var(--color-ink);font-size:.9rem;line-height:1.6}.comment-body p{margin:0 0 .5rem}.comment-body p:last-child{margin-bottom:0}.comment-replies{margin-top:1rem;padding-left:2rem;border-left:2px solid var(--color-border);display:flex;flex-direction:column;gap:.75rem}.comment-replies .comment{background:var(--color-surface-raised)}.comment-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.comment-form-errors{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:.75rem;margin-bottom:1rem}.comment-form-errors p{color:#ef4444;font-size:.85rem;margin:0}.comment-form-input{display:flex;gap:.75rem;align-items:flex-start}.comment-form-input .comment-textarea-wrapper{flex:1;min-width:0}.comment-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-ink);font-size:.9rem;font-family:inherit;resize:vertical;min-height:60px;transition:border-color .15s ease}.comment-textarea:focus{outline:none;border-color:var(--color-primary)}.comment-textarea::placeholder{color:var(--color-ink-muted)}.comment-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;gap:1rem}.comment-editing{background:var(--color-surface-raised)}.comment-edit-form{display:flex;flex-direction:column;gap:.75rem}.comment-edit-actions{display:flex;justify-content:flex-end;gap:.5rem}.activity-feed{margin-top:2rem;border-top:1px solid var(--color-border);padding-top:1.5rem}.activity-feed-header{margin-bottom:1rem}.activity-feed-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-ink);margin:0}.activity-feed-header h3 svg{color:var(--color-ink-muted)}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-empty{color:var(--color-ink-muted);font-size:.9rem;font-style:italic;padding:1rem 0}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.activity-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-border);color:var(--color-ink-muted)}.activity-icon-created{background:var(--color-success-soft);color:var(--color-success)}.activity-icon-updated{background:var(--color-primary-soft);color:var(--color-primary)}.activity-icon-deleted{background:rgba(239,68,68,.1);color:#ef4444}.activity-icon-commented{background:var(--color-warning-soft);color:var(--color-warning)}.activity-icon-status_changed{background:var(--color-annual-soft);color:var(--color-annual)}.activity-icon-assigned{background:rgba(34,197,94,.1);color:#22c55e}.activity-icon-attached{background:rgba(148,163,184,.2);color:#94a3b8}.activity-content{flex:1;min-width:0;font-size:.875rem;line-height:1.5}.activity-user{font-weight:600;color:var(--color-ink)}.activity-description{color:var(--color-ink-muted)}.activity-time{color:var(--color-ink-muted);font-size:.8rem;margin-left:.5rem}@media(max-width: 640px){.comment-header{flex-wrap:wrap}.comment-actions{opacity:1;width:100%;justify-content:flex-end;margin-top:.5rem}.comment-replies{padding-left:1rem}.activity-item{flex-direction:column;gap:.5rem}.activity-time{display:block;margin-left:0;margin-top:.25rem}}.task-detail-page{max-width:100%}.task-detail-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-ink-muted);margin-bottom:20px}.task-detail-page .breadcrumb a{color:var(--color-ink-muted);text-decoration:none;transition:color .2s ease}.task-detail-page .breadcrumb a:hover{color:var(--color-accent)}.task-detail-page .breadcrumb svg{width:14px;height:14px;flex-shrink:0}.task-detail-page .breadcrumb span{color:var(--color-ink-soft)}.task-header-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem 2rem;margin-bottom:1.5rem}.task-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.task-title-section{flex:1}.task-meta-badges{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.task-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;margin:0;color:var(--color-ink)}.task-actions{display:flex;gap:.5rem;flex-shrink:0}.priority-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.priority-badge.low{background:var(--color-border-soft);color:var(--color-ink-muted)}.priority-badge.medium{background:var(--color-accent-soft);color:var(--color-accent)}.priority-badge.high{background:var(--color-warning-soft);color:var(--color-warning)}.priority-badge.urgent{background:var(--color-danger-soft);color:var(--color-danger)}.overdue-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:var(--color-danger-soft);color:var(--color-danger)}.task-info-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border-soft)}.task-info-item{display:flex;flex-direction:column;gap:.25rem}.task-info-label{font-size:.75rem;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em}.task-info-value{display:flex;align-items:center;gap:.5rem;color:var(--color-ink);font-weight:500}.task-info-value a{color:var(--color-accent);text-decoration:none}.task-info-value a:hover{text-decoration:underline}.task-info-value svg{width:16px;height:16px;flex-shrink:0}.task-info-value.muted{color:var(--color-ink-muted);font-weight:400}.task-info-value.overdue{color:var(--color-danger)}.task-info-value.assignee{gap:.75rem}.assignee-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.assignee-name{font-weight:500}.task-description-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem 2rem;margin-bottom:1.5rem}.task-description-card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin:0 0 1rem 0;color:var(--color-ink)}.task-description-card .description-content{color:var(--color-ink-soft);line-height:1.7}.task-description-card .description-content p{margin:0 0 1rem 0}.task-description-card .description-content p:last-child{margin-bottom:0}.task-status-section{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem 2rem;margin-bottom:1.5rem}.task-status-section h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin:0 0 1rem 0;color:var(--color-ink)}.status-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.status-buttons .btn{display:inline-flex;align-items:center;gap:.5rem}.status-buttons .btn svg{width:16px;height:16px}.status-buttons .btn:disabled{opacity:.6;cursor:default}.comments-activity-section{display:grid;grid-template-columns:1fr 350px;gap:1.5rem;margin-top:1.5rem}@media(max-width: 900px){.comments-activity-section{grid-template-columns:1fr}}@media(max-width: 640px){.task-header-card{padding:1rem 1.25rem}.task-header-top{flex-direction:column}.task-actions{width:100%;justify-content:flex-start}.task-title{font-size:1.5rem}.task-info-grid{grid-template-columns:1fr 1fr}.status-buttons{flex-direction:column}.status-buttons .btn{width:100%;justify-content:center}}.mention{background:var(--color-accent-soft);color:var(--color-accent);padding:.1em .3em;border-radius:4px;font-weight:500}.comment-textarea-wrapper{position:relative;flex:1}.mention-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;display:none;max-height:200px;overflow-y:auto}.mention-dropdown.visible{display:block}.mention-list{padding:.25rem}.mention-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.mention-item:hover,.mention-item.selected{background:var(--color-surface)}.mention-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0}.mention-name{font-weight:500;color:var(--color-ink)}.mention-empty{padding:.75rem;text-align:center;color:var(--color-ink-muted);font-size:.875rem}.comment-hint{font-size:.75rem;color:var(--color-ink-muted)}.comment-hint kbd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.1em .4em;font-family:var(--font-body);font-size:.85em}.notification-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--color-ink-soft);transition:all .15s ease}.notification-btn:hover{background:var(--color-surface);color:var(--color-ink)}.notification-btn svg{width:20px;height:20px}.notification-badge-count{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;background:var(--color-danger);color:#fff;font-size:.65rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.notifications-page{max-width:700px}.notifications-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.notifications-page .page-header h1{font-family:var(--font-display);font-size:1.75rem;margin:0}.notifications-list{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.notification-item{display:flex;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-soft);transition:background .15s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-surface)}.notification-item.unread{background:rgba(37,99,235,.03)}.notification-item.unread:hover{background:rgba(37,99,235,.06)}.notification-link{display:flex;align-items:flex-start;gap:.75rem;flex:1;text-decoration:none;color:inherit}.notification-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-message{color:var(--color-ink);font-size:.9rem;line-height:1.4}.notification-message strong{font-weight:600}.notification-excerpt{color:var(--color-ink-muted);font-size:.85rem;margin-top:.25rem;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{color:var(--color-ink-muted);font-size:.75rem;margin-top:.25rem}.notification-indicator{width:8px;height:8px;background:var(--color-accent);border-radius:50%;flex-shrink:0;margin-top:.5rem}.notification-mark-read{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:rgba(0,0,0,0);color:var(--color-ink-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-left:.5rem}.notification-mark-read:hover{background:var(--color-success-soft);color:var(--color-success)}.notification-mark-read svg{width:16px;height:16px}.notifications-empty{text-align:center;padding:3rem 2rem}.notifications-empty .empty-icon{color:var(--color-ink-muted);margin-bottom:1rem}.notifications-empty h3{font-family:var(--font-display);font-size:1.25rem;margin:0 0 .5rem;color:var(--color-ink)}.notifications-empty p{color:var(--color-ink-muted);margin:0}@media(max-width: 640px){.notification-item{padding:.875rem 1rem}.notification-excerpt{display:none}}.profile-page{max-width:800px}.profile-header{display:flex;align-items:flex-start;gap:1.5rem;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;margin-bottom:1.5rem}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-large .avatar-initials{color:#fff;font-size:2.5rem;font-weight:600}.profile-header-info{flex:1}.profile-name{font-family:var(--font-display);font-size:2rem;font-weight:600;margin:0 0 .25rem;color:var(--color-ink)}.profile-title{color:var(--color-ink-soft);font-size:1.1rem;margin:0 0 .75rem}.profile-badges{display:flex;gap:.5rem}.role-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.role-badge.member{background:var(--color-border-soft);color:var(--color-ink-soft)}.role-badge.leader{background:var(--color-accent-soft);color:var(--color-accent)}.role-badge.admin{background:var(--color-warning-soft);color:var(--color-warning)}.role-badge.owner{background:var(--color-success-soft);color:var(--color-success)}.role-badge.superadmin{background:var(--color-annual-soft);color:var(--color-annual)}.role-badge.small{font-size:.65rem;padding:.15rem .5rem}.profile-actions{flex-shrink:0}.profile-content{display:flex;flex-direction:column;gap:1.5rem}.profile-section{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem 2rem}.profile-section h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--color-ink)}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1rem}.profile-info-item{display:flex;flex-direction:column;gap:.25rem}.profile-info-item .info-label{font-size:.75rem;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em}.profile-info-item .info-value{color:var(--color-ink);font-weight:500}.profile-info-item .info-value a{color:var(--color-accent);text-decoration:none}.profile-info-item .info-value a:hover{text-decoration:underline}.profile-stats{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:1rem}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);padding:1rem;text-align:center}.stat-card .stat-value{display:block;font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-ink)}.stat-card .stat-label{display:block;font-size:.75rem;color:var(--color-ink-muted);margin-top:.25rem}.profile-activity-list{display:flex;flex-direction:column;gap:.75rem}.profile-activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-surface);border-radius:var(--radius-sm)}.profile-activity-item .activity-content{flex:1}.profile-activity-item .activity-description{color:var(--color-ink);font-size:.9rem}.profile-activity-item .activity-time{color:var(--color-ink-muted);font-size:.75rem;margin-left:.5rem}.profile-edit-page{max-width:700px}.profile-edit-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-edit-page .page-header h1{font-family:var(--font-display);font-size:1.75rem;margin:0}.profile-edit-content{display:flex;flex-direction:column;gap:1.5rem}.edit-section{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem 2rem}.edit-section h2{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin:0 0 1.25rem;color:var(--color-ink);padding-bottom:.75rem;border-bottom:1px solid var(--color-border-soft)}.edit-section.edit-section-readonly{background:var(--color-surface)}.avatar-edit-section{display:flex;align-items:center;gap:1.5rem}.avatar-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-preview .avatar-image{width:100%;height:100%;object-fit:cover}.avatar-preview .avatar-placeholder{width:100%;height:100%;background:var(--color-accent);display:flex;align-items:center;justify-content:center}.avatar-preview .avatar-placeholder span{color:#fff;font-size:1.5rem;font-weight:600}.avatar-actions{display:flex;gap:.75rem}.file-input-wrapper{position:relative}.file-input-wrapper .file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-input-wrapper label{cursor:pointer}.profile-form{display:flex;flex-direction:column;gap:1rem}.form-hint{font-size:.8rem;color:var(--color-ink-muted);margin-top:.25rem}.form-actions{display:flex;justify-content:flex-start;gap:.75rem;margin-top:.5rem}.readonly-info{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border-soft)}.info-row:last-child{border-bottom:none}.info-row .info-label{color:var(--color-ink-muted);font-size:.9rem}.info-row .info-value{color:var(--color-ink);font-weight:500}.mention-link{color:inherit;text-decoration:none}.mention-link:hover{text-decoration:underline}.profile-card-popup{position:absolute;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-card{width:280px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.profile-card-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border-soft)}.profile-card-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.profile-card-avatar img{width:100%;height:100%;object-fit:cover}.profile-card-avatar .avatar-initials{color:#fff;font-size:1rem;font-weight:600}.profile-card-info{flex:1;min-width:0}.profile-card-name{font-family:var(--font-display);font-size:1rem;font-weight:600;margin:0;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card-title{color:var(--color-ink-muted);font-size:.8rem;margin:.125rem 0 .375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card-details{padding:.75rem 1rem}.profile-card-stat{display:flex;align-items:center;gap:.5rem;color:var(--color-ink-soft);font-size:.8rem;margin-bottom:.5rem}.profile-card-stat:last-child{margin-bottom:0}.profile-card-stat svg{flex-shrink:0;color:var(--color-ink-muted)}.profile-card-stat span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card-footer{padding:.75rem 1rem;border-top:1px solid var(--color-border-soft);display:flex;justify-content:center}@media(max-width: 640px){.profile-header{flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.profile-avatar-large{width:100px;height:100px}.profile-avatar-large .avatar-initials{font-size:2rem}.profile-name{font-size:1.5rem}.profile-stats{grid-template-columns:repeat(2, 1fr)}.avatar-edit-section{flex-direction:column;text-align:center}}.intakes-list .data-table{width:100%;border-collapse:collapse;background:var(--color-surface-raised);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.intakes-list .data-table th,.intakes-list .data-table td{padding:16px 20px;text-align:left}.intakes-list .data-table th{background:var(--color-surface);font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);border-bottom:1px solid var(--color-border)}.intakes-list .data-table td{border-bottom:1px solid var(--color-border-light)}.intakes-list .data-table tr:last-child td{border-bottom:none}.intakes-list .data-table tr:hover td{background:var(--color-surface)}.intakes-list .data-table .actions{text-align:right}.intakes-list .progress-bar-small{width:80px;height:6px;background:var(--color-surface);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px}.intakes-list .progress-bar-small .progress-fill{height:100%;background:var(--color-success);border-radius:3px;transition:width .3s ease}.intakes-list .progress-text{font-size:.8125rem;color:var(--color-ink-muted)}.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.status-badge.status-draft{background:var(--color-surface);color:var(--color-ink-muted);border:1px solid var(--color-border)}.status-badge.status-submitted,.status-badge.status-processing{background:var(--color-info-bg);color:var(--color-info)}.status-badge.status-completed{background:var(--color-success-bg);color:var(--color-success)}.status-badge.status-failed{background:var(--color-error-bg);color:var(--color-error)}.status-card{display:flex;align-items:center;gap:20px;padding:24px;border-radius:var(--radius-lg);margin-bottom:32px}.status-card.processing{background:var(--color-info-bg);border:1px solid var(--color-info)}.status-card.processing .status-icon svg{stroke:var(--color-info)}.status-card.success{background:var(--color-success-bg);border:1px solid var(--color-success)}.status-card.error{background:var(--color-error-bg);border:1px solid var(--color-error)}.status-card .status-content h3{margin:0 0 8px 0;font-family:var(--font-display);font-size:1.125rem}.status-card .status-content p{margin:0 0 16px 0;color:var(--color-ink-soft)}.status-card .status-content p:last-child{margin-bottom:0}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.wizard-container{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 80px);margin:-32px -40px}.wizard-sidebar{background:var(--color-surface-raised);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:32px 0}.wizard-header{padding:0 24px 24px;border-bottom:1px solid var(--color-border)}.wizard-header h2{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin:0 0 16px 0;color:var(--color-ink)}.wizard-progress .progress-bar{height:6px;background:var(--color-surface);border-radius:3px;overflow:hidden;margin-bottom:8px}.wizard-progress .progress-fill{height:100%;background:var(--color-success);border-radius:3px;transition:width .3s ease}.wizard-progress .progress-label{font-size:.8125rem;color:var(--color-ink-muted)}.wizard-nav{flex:1;padding:24px 0;overflow-y:auto}.wizard-nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--color-ink-muted);text-decoration:none;transition:all .15s ease;border-left:3px solid rgba(0,0,0,0)}.wizard-nav-item:hover{background:var(--color-surface);color:var(--color-ink)}.wizard-nav-item.active{background:var(--color-surface);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:500}.wizard-nav-item.complete{color:var(--color-success)}.wizard-nav-item.complete .step-number{background:var(--color-success);color:#fff}.wizard-nav-item .step-number{width:28px;height:28px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;flex-shrink:0}.wizard-nav-item.active .step-number{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.wizard-nav-item .step-title{font-size:.9375rem}.wizard-footer{padding:24px;border-top:1px solid var(--color-border)}.wizard-content{padding:40px 48px;background:var(--color-surface);overflow-y:auto}.step-content{max-width:720px}.step-header{margin-bottom:40px}.step-header h1{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-ink);margin:0 0 8px 0}.step-header p{font-size:1rem;color:var(--color-ink-soft);margin:0}.form-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--color-border-light)}.form-section:last-of-type{border-bottom:none;margin-bottom:24px;padding-bottom:0}.form-section h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-ink);margin:0 0 20px 0}.repeatable-container{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.repeatable-item{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.repeatable-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.repeatable-item-header h4{font-family:var(--font-display);font-size:1rem;font-weight:600;margin:0;color:var(--color-ink)}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);cursor:pointer;border-radius:var(--radius-md);color:var(--color-ink-muted);transition:all .15s ease}.btn-icon:hover{background:var(--color-surface);color:var(--color-error)}.add-item-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;margin-bottom:32px}.add-item-btn svg{flex-shrink:0}.info-box{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-lg);padding:24px;margin:24px 0}.info-box h4{font-family:var(--font-display);font-size:1rem;font-weight:600;margin:0 0 12px 0;color:var(--color-info)}.info-box p{margin:0 0 12px 0;color:var(--color-ink-soft)}.info-box ol{margin:0;padding-left:20px;color:var(--color-ink-soft)}.info-box ol li{margin-bottom:8px}.info-box ol li:last-child{margin-bottom:0}.info-box ol strong{color:var(--color-ink)}.review-container{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.review-section{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.review-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.review-section-header h3{font-family:var(--font-display);font-size:1rem;font-weight:600;margin:0;color:var(--color-ink)}.review-section-header .edit-link{font-size:.875rem;color:var(--color-primary);text-decoration:none}.review-section-header .edit-link:hover{text-decoration:underline}.review-data{margin:0}.review-data dt{font-size:.8125rem;font-weight:500;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.review-data dd{font-size:.9375rem;color:var(--color-ink);margin:0 0 16px 0}.review-data dd:last-child{margin-bottom:0}.review-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:20px;margin-bottom:16px}.review-row:last-child{margin-bottom:0}.review-row>div dt,.review-row>div dd{margin-bottom:0}.review-row>div dd{margin-top:4px}.review-list{display:flex;flex-direction:column;gap:16px}.review-list-item{padding:16px;background:var(--color-surface);border-radius:var(--radius-md)}.review-list-item h4{font-family:var(--font-display);font-size:.9375rem;font-weight:600;margin:0 0 8px 0;color:var(--color-ink)}.review-list-item p{font-size:.9375rem;color:var(--color-ink-soft);margin:0 0 8px 0}.review-list-item p:last-child{margin-bottom:0}.review-list-item ul{margin:8px 0;padding-left:20px}.review-list-item ul li{font-size:.9375rem;color:var(--color-ink-soft);margin-bottom:4px}.review-meta{font-size:.8125rem;color:var(--color-ink-muted)}.review-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.tag{display:inline-block;padding:4px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-ink-muted)}.tag.tag-planned{background:var(--color-surface)}.tag.tag-in_progress{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info)}.tag.tag-blocked{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.empty-text{color:var(--color-ink-muted);font-style:italic;font-size:.9375rem}.alert{padding:20px 24px;border-radius:var(--radius-lg);margin-bottom:24px}.alert.alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning)}.alert strong{display:block;font-family:var(--font-display);font-size:1rem;margin-bottom:8px;color:var(--color-warning)}.alert p{margin:0 0 12px 0;color:var(--color-ink-soft)}.alert ul{margin:0;padding-left:20px}.alert ul li{margin-bottom:4px}.alert ul li a{color:var(--color-primary)}.intake-summary h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:0 0 24px 0;color:var(--color-ink)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:20px}.summary-section{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;position:relative}.summary-section.complete{border-color:var(--color-success)}.summary-section.complete .section-header h3{color:var(--color-success)}.summary-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.summary-section .section-header h3{font-family:var(--font-display);font-size:.9375rem;font-weight:600;margin:0;color:var(--color-ink)}.summary-section .section-header .check-icon{color:var(--color-success)}.summary-section .section-preview{font-size:.875rem;color:var(--color-ink-soft);margin-bottom:12px}.summary-section .section-edit-link{font-size:.8125rem;color:var(--color-primary);text-decoration:none}.summary-section .section-edit-link:hover{text-decoration:underline}@media(max-width: 900px){.wizard-container{grid-template-columns:1fr;margin:0}.wizard-sidebar{border-right:none;border-bottom:1px solid var(--color-border);padding:20px 0}.wizard-nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.wizard-nav-item{padding:8px 12px;border-left:none;border-radius:var(--radius-full);border:1px solid var(--color-border)}.wizard-nav-item.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.wizard-nav-item .step-title{display:none}.wizard-footer{display:none}.wizard-content{padding:24px 20px}}@media(max-width: 640px){.form-row{flex-direction:column;gap:0}.review-row{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr}}.strategy-summary{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-surface-raised) 100%);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px}.strategy-summary h2{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px 0}.strategy-summary .strategy-sentence{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--color-ink);line-height:1.4;margin:0 0 20px 0}.strategy-summary .strategy-themes{display:flex;flex-wrap:wrap;gap:8px}.strategy-summary .theme-tag{display:inline-block;padding:6px 14px;background:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:.875rem;color:var(--color-primary);font-weight:500}.proposal-content{margin-bottom:40px}.okr-section{margin-bottom:48px}.okr-section h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-ink);margin:0 0 24px 0;padding-bottom:12px;border-bottom:2px solid var(--color-border)}.okr-list{display:flex;flex-direction:column;gap:24px}.okr-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;transition:all .2s ease}.okr-card.annual{border-left:4px solid var(--color-annual)}.okr-card.quarterly{border-left:4px solid var(--color-quarterly)}.okr-card.editable{background:#fff}.okr-card-header{margin-bottom:16px}.okr-card-header .okr-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);margin-bottom:8px}.okr-card-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-ink);margin:0;line-height:1.4}.okr-card-header .form-group.inline{margin:0}.okr-card-header .form-group.inline .form-control-lg{font-family:var(--font-display);font-size:1.25rem;font-weight:600;padding:8px 12px}.okr-rationale{font-size:.9375rem;color:var(--color-ink-soft);line-height:1.6;margin:0 0 20px 0;padding-left:16px;border-left:2px solid var(--color-border)}.alignments{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.alignments .alignments-label{font-size:.8125rem;color:var(--color-ink-muted);font-weight:500}.alignments .alignment-tag{display:inline-block;padding:4px 10px;background:var(--color-annual-light);border:1px solid var(--color-annual);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-annual)}.key-results h4{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);margin:0 0 16px 0}.kr-item{display:flex;flex-direction:column;padding:16px;background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:12px}.kr-item:last-child{margin-bottom:0}.kr-item.editable{background:var(--color-surface-raised);border:1px solid var(--color-border)}.kr-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px;font-size:.9375rem;color:var(--color-ink);line-height:1.5}.kr-title .kr-number{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;background:var(--color-success-bg);color:var(--color-success);font-size:.6875rem;font-weight:700;border-radius:var(--radius-sm);flex-shrink:0}.kr-metrics{display:flex;align-items:center;gap:16px;padding-left:44px}.kr-metrics .kr-metric{font-size:.875rem;color:var(--color-ink-soft);font-weight:500}.kr-metrics .kr-type{font-size:.75rem;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.03em}.kr-edit-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.kr-edit-row .kr-number{flex-shrink:0}.kr-edit-row .form-control{flex:1}.kr-edit-metrics{display:flex;align-items:center;gap:8px;padding-left:44px}.kr-edit-metrics .form-control-sm{padding:6px 10px;font-size:.875rem}.kr-edit-metrics select.form-control-sm{width:120px}.kr-edit-metrics input[type=number].form-control-sm{width:80px}.kr-edit-metrics input[type=text].form-control-sm{width:80px}.kr-edit-metrics .arrow{color:var(--color-ink-muted);font-weight:500}.proposal-actions{display:flex;align-items:center;justify-content:space-between;padding:24px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:32px}.proposal-actions .action-group{display:flex;align-items:center;gap:12px}.suggested-projects{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:16px}.suggested-project{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.suggested-project h4{font-family:var(--font-display);font-size:1rem;font-weight:600;margin:0 0 8px 0}.suggested-project .project-krs{font-size:.8125rem;color:var(--color-ink-muted);margin:0}.proposal-metadata{margin-top:48px;padding:24px;background:var(--color-surface);border-radius:var(--radius-lg)}.proposal-metadata h3{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px 0}.proposal-metadata dl{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:16px;margin:0}.proposal-metadata dl dt{font-size:.75rem;font-weight:500;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.proposal-metadata dl dd{font-size:.9375rem;color:var(--color-ink);margin:0}.proposal-edit-form .form-label-sm{font-size:.75rem;font-weight:500;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;display:block}.proposal-edit-form .form-actions.sticky{position:sticky;bottom:0;background:var(--color-surface-raised);border-top:1px solid var(--color-border);margin:32px -40px -32px;padding:20px 40px;display:flex;justify-content:flex-end;gap:12px}@media(max-width: 768px){.kr-edit-metrics{flex-wrap:wrap;padding-left:0}.proposal-actions{flex-direction:column;gap:16px}.proposal-actions .action-group{width:100%;justify-content:center}}