:root{--color-primary: #3b82f6;--color-primary-dark: #1e40af;--color-primary-light: #60a5fa;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-white: #ffffff;--color-background: #f8f9fa;--color-gray-50: #f8f9fa;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-hover: rgba(59, 130, 246, .08);--color-active: rgba(59, 130, 246, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;line-height:1.6;background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;outline:none;font-family:inherit}.btn:focus{outline:none;box-shadow:0 0 0 3px var(--color-active)}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover,.btn-primary:active{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-primary:disabled{background:var(--color-gray-400);border-color:var(--color-gray-400);cursor:not-allowed}.btn-secondary{background:var(--color-gray-50);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-hover);border-color:var(--color-gray-400);color:var(--color-text-primary)}.btn-secondary:active{background:var(--color-active);border-color:var(--color-gray-500)}.btn-secondary:disabled{background:var(--color-gray-50);color:var(--color-gray-400);border-color:var(--color-border);cursor:not-allowed}.btn-small{padding:6px 12px;font-size:14px;min-height:36px;min-width:100px}.btn-medium{padding:10px 16px;font-size:14px;min-height:40px;min-width:120px}.btn-large{padding:14px 20px;font-size:16px;min-height:48px;min-width:140px}.btn-success{background:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.btn-success:hover:not(:disabled){background:var(--color-success);border-color:var(--color-success);opacity:.9;transform:translateY(-1px)}.btn-success:active:not(:disabled){background:var(--color-success);opacity:1;transform:translateY(0)}.btn-warning{background:var(--color-warning);color:var(--color-white);border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){background:var(--color-warning);border-color:var(--color-warning);opacity:.9;transform:translateY(-1px)}.btn-warning:active:not(:disabled){background:var(--color-warning);opacity:1;transform:translateY(0)}.btn-danger{background:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background:var(--color-error);border-color:var(--color-error);opacity:.9;transform:translateY(-1px)}.btn-danger:active:not(:disabled){background:var(--color-error);opacity:1;transform:translateY(0)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-primary-dark);color:var(--color-primary-dark);transform:translateY(-1px)}.btn-outline:active:not(:disabled){background:var(--color-active);transform:translateY(0)}.btn:disabled,.btn-disabled{cursor:not-allowed;opacity:.6;transform:none!important;box-shadow:none!important}.btn-full-width{width:100%;min-width:100%}.btn-bouncy:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-bouncy:active:not(:disabled){transform:translateY(0)}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;border-radius:6px;font-weight:500;text-align:center;cursor:pointer;transition:all .2s ease-in-out;outline:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;white-space:nowrap}.link-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.link-button--small{padding:6px 12px;font-size:12px;min-height:28px}.link-button--medium{padding:8px 16px;font-size:14px;min-height:36px}.link-button--large{padding:12px 20px;font-size:16px;min-height:44px}.link-button--primary{background:var(--color-primary)!important;color:var(--color-white)!important;border-color:var(--color-primary)}.link-button--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.link-button--secondary{background:var(--color-gray-50)!important;color:var(--color-text-secondary)!important;border-color:var(--color-border)}.link-button--secondary:hover{background:var(--color-hover);border-color:var(--color-gray-400);color:var(--color-text-primary)}.link-button--success{background:var(--color-success)!important;color:var(--color-white)!important;border-color:var(--color-success)}.link-button--success:hover{background:var(--color-success);border-color:var(--color-success);opacity:.9;transform:translateY(-1px)}.link-button--warning{background:var(--color-warning)!important;color:var(--color-white)!important;border-color:var(--color-warning)}.link-button--warning:hover{background:var(--color-warning);border-color:var(--color-warning);opacity:.9;transform:translateY(-1px)}.link-button--danger{background:var(--color-error)!important;color:var(--color-white)!important;border-color:var(--color-error)}.link-button--danger:hover{background:var(--color-error);border-color:var(--color-error);opacity:.9;transform:translateY(-1px)}.link-button--outline{background:transparent!important;color:var(--color-primary)!important;border:2px solid var(--color-primary)}.link-button--outline:hover{background:var(--color-hover);border-color:var(--color-primary-dark);color:var(--color-primary-dark);transform:translateY(-1px)}.link-button--ghost{background:transparent!important;color:var(--color-primary)!important;border-color:transparent}.link-button--ghost:hover{background:var(--color-hover)}.link-button--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.link-button:link,.link-button:visited,.link-button:hover,.link-button:active{text-decoration:none!important}.link-button--primary:visited{background:var(--color-primary)!important;color:var(--color-white)!important;border-color:var(--color-primary)}.link-button--secondary:visited{background:var(--color-gray-50)!important;color:var(--color-text-secondary)!important;border-color:var(--color-border)}.link-button--success:visited{background:var(--color-success)!important;color:var(--color-white)!important;border-color:var(--color-success)}.link-button--warning:visited{background:var(--color-warning)!important;color:var(--color-white)!important;border-color:var(--color-warning)}.link-button--danger:visited{background:var(--color-error)!important;color:var(--color-white)!important;border-color:var(--color-error)}.link-button--outline:visited{background:transparent!important;color:var(--color-primary)!important;border-color:var(--color-primary)}.link-button--ghost:visited{background:transparent!important;color:var(--color-primary)!important;border-color:transparent}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-full-width{width:100%}.input-disabled{opacity:.6}.input-has-error .input-field{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a;color:var(--color-error)}.input-has-error .input-field:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.input-has-error .input-field::placeholder{color:var(--color-error)!important;opacity:.7}.input-label{display:block;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px;font-size:14px}.input-disabled .input-label{color:var(--color-gray-400)}.input-field{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-white);color:var(--color-gray-600);font-size:14px;line-height:1.5;transition:all .2s ease;outline:none;box-sizing:border-box}.input-field::placeholder{color:var(--color-gray-500)}.input-field:hover:not(:disabled):not(:focus){border-color:var(--color-gray-400)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-active)}.input-field:disabled{background-color:var(--color-gray-50);cursor:not-allowed;color:var(--color-gray-400)}.input-field:disabled::placeholder{color:var(--color-gray-300)}.input-field-small{padding:8px 12px;font-size:14px;min-height:36px}.input-field-medium{padding:10px 12px;font-size:14px;min-height:40px}.input-field-large{padding:12px 16px;font-size:16px;min-height:48px}.input-error{font-size:12px;color:var(--color-error);line-height:1.4;font-weight:500;margin-top:4px}.input-disabled .input-error{color:var(--color-gray-400)}.input-field[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-field[type=search]::-webkit-search-decoration,.input-field[type=search]::-webkit-search-cancel-button,.input-field[type=search]::-webkit-search-results-button,.input-field[type=search]::-webkit-search-results-decoration{display:none}.input-field[type=email]:focus:valid{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input-field[type=email]:focus:invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;margin-bottom:24px}.card-shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.component-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.card-content{color:#374151;line-height:1.6}.error-message{color:var(--color-error);font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.error-icon{width:14px;height:14px;flex-shrink:0}.select-container{position:relative;width:100%}.custom-select{position:relative}.select-label{display:block;font-weight:500;color:var(--color-gray-600);margin-bottom:6px;font-size:14px}.custom-select-display{width:100%;max-width:100%;min-width:0;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-white);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;color:var(--color-gray-600);box-sizing:border-box}.custom-select-display:hover{border-color:var(--color-gray-400)}.custom-select-display.focused{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-active)}.custom-select-display.error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a;color:var(--color-error)}.custom-select-text{flex:1}.custom-select-text.placeholder{color:var(--color-gray-500)}.custom-select-text.error.placeholder{color:var(--color-error);opacity:.7}.custom-select-arrow{width:16px;height:16px;margin-right:8px;transition:transform .2s ease}.custom-select-clear{width:16px;height:16px;margin-left:8px;cursor:pointer;opacity:.6;transition:opacity .2s ease}.custom-select-clear:hover{opacity:1}.custom-select-icons{display:flex;align-items:center}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-border);border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 6px -1px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.custom-select-option{padding:10px 12px;cursor:pointer;font-size:14px;color:var(--color-gray-600);transition:background-color .15s ease}.custom-select-option:hover{background-color:var(--color-hover)}.custom-select-option.selected{color:var(--color-primary)}.input-group .custom-select-display.select-small{padding:6px 8px;font-size:12px}.input-group .custom-select-display.select-large{padding:12px 16px;font-size:16px}.input-disabled .custom-select-display{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.input-disabled .custom-select-display:hover{border-color:#d1d5db}.textarea-field{resize:vertical;min-height:80px;line-height:1.5}.textarea-field-small{padding:6px 8px;font-size:12px;min-height:60px}.textarea-field-large{padding:12px 16px;font-size:16px;min-height:100px}.checkbox-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--color-gray-600)}.checkbox-input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;position:relative;transition:all .2s ease}.checkbox-input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:checked+.checkbox-custom:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.checkbox-input:hover+.checkbox-custom{border-color:var(--color-gray-400)}.checkbox-input:disabled+.checkbox-custom{background-color:var(--color-gray-50);border-color:var(--color-border);cursor:not-allowed}.checkbox-input:disabled:checked+.checkbox-custom{background-color:var(--color-gray-400);border-color:var(--color-gray-400)}.checkbox-input:disabled~*{color:var(--color-gray-400);cursor:not-allowed}.checkbox-input.error+.checkbox-custom{border-color:var(--color-error)}.checkbox-input.error:checked+.checkbox-custom{background:var(--color-error);border-color:var(--color-error)}.checkbox-label.checkbox-error{color:var(--color-error)!important}.checkbox-group:has(.checkbox-input.error) .checkbox-label,.checkbox-group:has(.checkbox-input.error) div{color:var(--color-error)!important}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--color-gray-600);margin-bottom:8px}.radio-input{display:none}.radio-custom{width:18px;height:18px;border:2px solid var(--color-border);border-radius:50%;position:relative;transition:all .2s ease}.radio-input:checked+.radio-custom{border-color:var(--color-primary)}.radio-input:checked+.radio-custom:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--color-primary);border-radius:50%}.radio-input:hover+.radio-custom{border-color:var(--color-gray-400)}.radio-input:disabled+.radio-custom{background-color:var(--color-gray-50);border-color:var(--color-border);cursor:not-allowed}.radio-input:disabled~*{color:var(--color-gray-400);cursor:not-allowed}.radio-input.error+.radio-custom{border-color:var(--color-error)}.radio-input.error:checked+.radio-custom:after{background:var(--color-error)}.radio-error{color:var(--color-error)!important}.radio-group{display:flex;flex-direction:column;gap:8px}.input-has-error .input-label{color:var(--color-error)!important}.radio-group-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.color-palette{padding:24px;max-width:1200px}.color-palette-title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin-bottom:32px;text-align:center}.color-group{margin-bottom:40px}.color-group-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-border-light)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.color-swatch{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative}.color-swatch:hover{border-color:var(--color-primary-500);box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.color-preview{width:100%;height:80px;border-radius:8px;margin-bottom:12px;border:1px solid var(--color-border-light);position:relative}.color-info{text-align:left}.color-name{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.color-value{font-size:12px;font-weight:500;color:var(--color-text-secondary);margin-bottom:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.color-variable{font-size:11px;color:var(--color-text-muted);font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--color-gray-50);padding:2px 6px;border-radius:4px;display:inline-block}.copy-feedback{position:absolute;top:8px;right:8px;background:var(--color-primary-500);color:var(--color-white);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;animation:fadeInOut 1s ease;z-index:10}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.badge{display:inline-block;border-radius:4px;font-size:12px;font-weight:600;text-align:center;white-space:nowrap;vertical-align:baseline;transition:all .2s ease}.badge-small{padding:2px 6px;font-size:11px}.badge-medium{padding:4px 8px;font-size:12px}.badge-large{padding:6px 12px;font-size:14px}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge[role=button]{outline:none}.badge[role=button]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.badge[role=button]:focus{box-shadow:0 0 0 2px #3b82f680}.badge[role=button]:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.badge-primary[role=button]:hover{background:#bfdbfe;color:#1d4ed8}.badge-success[role=button]:hover{background:#bbf7d0;color:#047857}.badge-warning[role=button]:hover{background:#fde68a;color:#d97706}.badge-danger[role=button]:hover{background:#fca5a5;color:#dc2626}.badge-secondary[role=button]:hover{background:#e2e8f0;color:#334155}.badge-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.badge-group .badge{margin:0}.split-divider{display:flex;align-items:center;margin:18px 0 16px;gap:12px}.divider-line{flex:1;height:1px;background:var(--color-border)}.divider-text{font-size:13px;color:var(--color-text-secondary);font-weight:500}.card-divider{height:1px;background:#e5e7eb;margin:16px -20px;width:calc(100% + 40px)}.card-divider.tight{margin:8px -20px}.card-divider.loose{margin:24px -20px}.card-divider.no-margin{margin:0 -20px}.card-divider.light{background:#f3f4f6}.card-divider.dark{background:#d1d5db}.card-divider.primary{background:#3b82f6}.breadcrumbs{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.breadcrumbs-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center;min-height:20px;padding-left:calc(var(--indent-level, 0) * 16px);position:relative}.breadcrumb-item:not(:first-child):before{content:"";position:absolute;left:calc(var(--indent-level, 0) * 16px - 8px);top:-2px;width:1px;height:12px;background:#374151;opacity:.3}.breadcrumb-item:not(:first-child):after{content:"";position:absolute;left:calc(var(--indent-level, 0) * 16px - 8px);top:8px;width:6px;height:1px;background:#374151;opacity:.3}.breadcrumb-content{display:flex;align-items:center;gap:6px}.breadcrumb-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:#9ca3af;flex-shrink:0}.breadcrumb-text{font-size:12px;color:#6b7280;line-height:1.4;word-break:break-word}.breadcrumb-item.current .breadcrumb-text{color:#374151;font-weight:500}.breadcrumb-button{background:none;border:none;padding:2px 4px;margin:-2px -4px;font-size:12px;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .15s ease;line-height:1.4;text-align:left;word-break:break-word;text-decoration:none}.breadcrumb-button:link,.breadcrumb-button:visited{color:#6b7280;text-decoration:none}.breadcrumb-button:hover{background:#f3f4f6;color:#374151;text-decoration:none}.breadcrumb-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6;background:#f3f4f6;text-decoration:none}.breadcrumbs.left-nav .breadcrumb-text{color:#fff;font-size:11px}.breadcrumbs.left-nav .breadcrumb-item.current .breadcrumb-text{color:#fff;font-weight:600}.breadcrumbs.left-nav .breadcrumb-button{color:#fff;font-size:11px;text-decoration:none}.breadcrumbs.left-nav .breadcrumb-button:link,.breadcrumbs.left-nav .breadcrumb-button:visited{color:#fff;text-decoration:none}.breadcrumbs.left-nav .breadcrumb-button:hover{background:#fff3;color:#fff;text-decoration:none}.breadcrumbs.left-nav .breadcrumb-button:focus{box-shadow:0 0 0 2px #93c5fd80;background:#fff3;text-decoration:none}.breadcrumbs.left-nav .breadcrumb-icon{color:#fff;width:12px;height:12px}.breadcrumbs.left-nav .breadcrumb-item.icon-only .breadcrumb-icon{width:20px;height:20px}.breadcrumbs.left-nav .breadcrumb-button.icon-button{background:none;border:none;padding:2px;margin:-2px;cursor:pointer;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;text-decoration:none}.breadcrumbs.left-nav .breadcrumb-button.icon-button:link,.breadcrumbs.left-nav .breadcrumb-button.icon-button:visited{color:#fff;text-decoration:none}.breadcrumbs.left-nav .breadcrumb-button.icon-button:hover{background:#ffffff26;text-decoration:none}.breadcrumbs.left-nav .breadcrumb-button.icon-button:focus{outline:none;box-shadow:0 0 0 2px #93c5fd80;background:#ffffff26;text-decoration:none}.breadcrumbs.left-nav .breadcrumb-item:not(:first-child):before,.breadcrumbs.left-nav .breadcrumb-item:not(:first-child):after{background:#fff;opacity:.5}.breadcrumbs.compact .breadcrumbs-list{gap:2px}.breadcrumbs.compact .breadcrumb-item{min-height:18px;padding-left:calc(var(--indent-level, 0) * 12px)}.breadcrumbs.compact .breadcrumb-item:not(:first-child):before{left:calc(var(--indent-level, 0) * 12px - 6px);height:10px}.breadcrumbs.compact .breadcrumb-item:not(:first-child):after{left:calc(var(--indent-level, 0) * 12px - 6px);width:4px}.breadcrumbs.compact .breadcrumb-text,.breadcrumbs.compact .breadcrumb-button{font-size:10px}.breadcrumbs.compact .breadcrumb-icon{width:10px;height:10px}.progress-wrapper{width:100%}.progress-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.progress-bar{width:100%;background:#e5e7eb;border-radius:4px;overflow:hidden;margin:12px 0}.progress-bar-small{height:4px}.progress-bar-medium{height:8px}.progress-bar-large{height:12px}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-bar-primary .progress-fill{background:#3b82f6}.progress-bar-success .progress-fill{background:#10b981}.progress-bar-warning .progress-fill{background:#f59e0b}.progress-bar-danger .progress-fill{background:#ef4444}.progress-text{font-size:14px;color:#6b7280;margin:8px 0 0;font-weight:500}.progress-fill.animated{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:1rem 0}}.notification{padding:12px 16px;border-radius:8px;margin-bottom:12px;border-left:4px solid;display:flex;align-items:flex-start;justify-content:space-between;width:100%;box-sizing:border-box}.notification-info{background:#eff6ff;border-left-color:#3b82f6;color:#1e40af}.notification-success{background:#ecfdf5;border-left-color:#10b981;color:#065f46}.notification-warning{background:#fffbeb;border-left-color:#f59e0b;color:#92400e}.notification-error{background:#fef2f2;border-left-color:#ef4444;color:#991b1b}.notification-close{background:transparent;border:none;padding:0;margin-left:16px;cursor:pointer;color:currentColor;opacity:.7;transition:opacity .2s ease;font-size:18px;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-close:hover{opacity:1}.notification-close:focus{outline:none;opacity:1}.notification-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.notification-icon svg{width:100%;height:100%}.notification-info .notification-icon{color:#3b82f6}.notification-success .notification-icon{color:#10b981}.notification-warning .notification-icon{color:#f59e0b}.notification-error .notification-icon{color:#ef4444}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;margin-bottom:4px;line-height:1.4}.notification-message{font-size:14px;line-height:1.5;opacity:.9}.notification-close{flex-shrink:0;background:transparent;border:none;padding:4px;border-radius:4px;cursor:pointer;color:currentColor;opacity:.6;transition:all .2s ease;margin-left:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-close:hover{opacity:1;background:#0000001a}.notification-close:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.notification-close svg{width:16px;height:16px}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.notification{animation:notificationSlideIn .3s ease-out}.notification-dismissing{animation:notificationSlideOut .25s ease-in forwards}.notification-container-top-left .notification,.notification-container-bottom-left .notification{animation:notificationSlideInLeft .3s ease-out}.notification-container-top-left .notification.notification-closing,.notification-container-bottom-left .notification.notification-closing{transform:translate(-100%)}@keyframes notificationSlideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.notification-container-top-center .notification{animation:notificationSlideInTop .3s ease-out}.notification-container-bottom-center .notification{animation:notificationSlideInBottom .3s ease-out}.notification-container-top-center .notification.notification-closing{transform:translateY(-100%)}.notification-container-bottom-center .notification.notification-closing{transform:translateY(100%)}@keyframes notificationSlideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes notificationSlideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.social-button{width:100%;padding:12px 20px;background:#fff;color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit}.social-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.social-button:active{transform:translateY(0)}.social-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-button:disabled:hover{background:#fff;border-color:var(--color-border);transform:none;box-shadow:none}.social-button-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.social-button-text{flex-grow:1;text-align:center}.sectioned-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px;padding:0;overflow:hidden}.sectioned-card-header{padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:16px;font-weight:600;color:#1f2937}.sectioned-card-body{padding:20px;color:#374151;line-height:1.6}.sectioned-card-footer{padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:14px;color:#6b7280}.sectioned-card .card{margin-bottom:16px;border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000000d}.sectioned-card .card:last-child{margin-bottom:0}.sectioned-card .sectioned-card{margin-bottom:16px;border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000000d}.date-input-calendar-popup{position:absolute;top:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 32px #00000026,0 4px 12px #0000001a;padding:16px;z-index:1000;min-width:320px;width:380px}.date-input-calendar-popup.bottom-right{right:0}.date-input-calendar-popup.bottom-left{left:0}.date-input-calendar-popup.top-right{top:auto;bottom:100%;right:0}.date-input-calendar-popup.top-left{top:auto;bottom:100%;left:0}.date-input-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.date-input-calendar-year-nav{display:flex;gap:8px}.date-input-calendar-month{font-weight:600;color:#374151;font-size:14px}.date-input-calendar-nav-btn,.date-input-calendar-year-btn{background:none;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease}.date-input-calendar-nav-btn:hover,.date-input-calendar-year-btn:hover{background:#f3f4f6;color:#374151}.date-input-calendar-nav-btn svg,.date-input-calendar-year-btn svg{width:16px;height:16px;color:#1f2937}.date-input-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.date-input-calendar-day-header{padding:8px 4px;text-align:center;font-size:12px;font-weight:600;color:#1e40af;background:#eff6ff;border-radius:4px}.date-input-calendar-day{padding:8px 4px;text-align:center;font-size:14px;cursor:pointer;border-radius:4px;transition:all .2s ease;background:#fff;outline:none}.date-input-calendar-day:hover,.date-input-calendar-day:focus{background:#f3f4f6}.date-input-calendar-day-selected{background:#3b82f6!important;color:#fff!important;font-weight:600}.date-input-calendar-day.date-input-calendar-day-selecting{background:#3b82f6!important;color:#fff!important;transform:scale(1.15)!important;box-shadow:0 0 0 4px #3b82f64d,0 4px 12px #3b82f666!important;transition:all .2s ease!important;z-index:999!important;position:relative!important;font-weight:600!important}.date-input-calendar-day-other{color:#9ca3af}.date-input-calendar-day-disabled{color:#d1d5db!important;cursor:not-allowed!important;background:#f9fafb!important}.date-input-calendar-day-disabled:hover{background:#f9fafb!important}.date-input-calendar-footer{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb}.date-input-calendar-action-btn{display:flex;align-items:center;gap:8px;background:#eff6ff;color:#1e40af;border:1px solid #3b82f6;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.date-input-calendar-action-btn:hover{background:#dbeafe;border-color:#2563eb;color:#1e3a8a}.date-input-calendar-action-btn svg{width:14px;height:14px}.date-input-wrapper{display:flex;gap:8px;align-items:stretch}.date-input-wrapper.date-with-calendar{position:relative}.date-input{flex:1;min-width:200px}.date-button{padding:12px;background:#eff6ff;color:#1e40af;border:1px solid #3b82f6;border-radius:6px;cursor:pointer;transition:all .2s ease;min-height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.date-button:hover{background:#dbeafe;border-color:#2563eb}.date-button svg{width:20px;height:20px}.date-input-wrapper.error .date-input-calendar-popup{border-color:var(--color-error)}.date-input-wrapper .date-button.error{background:#fef2f2;color:#dc2626;border-color:#dc2626}.date-input-wrapper .date-button.error:hover{background:#fecaca;border-color:#b91c1c}.date-input-wrapper.disabled .date-button{color:var(--color-gray-400);cursor:not-allowed}.date-input-wrapper.disabled .date-button:hover{background:none;color:var(--color-gray-400)}.date-input-wrapper:focus-within .date-input-calendar-popup{border-color:#3b82f6;box-shadow:0 8px 32px #3b82f633,0 4px 12px #3b82f626}.date-input-calendar-popup{animation:dateInputCalendarFadeIn .2s ease-out;transform-origin:top right}@keyframes dateInputCalendarFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.input-group{width:100%;display:block;margin-bottom:16px}.input-label{display:block;font-weight:500;color:#374151;margin-bottom:6px;font-size:14px}.input-field{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease;background:#fff;color:#374151}.input-field:hover{border-color:#9ca3af}.input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-field::placeholder{color:#6b7280}.input-field.error{border-color:#dc2626;color:#dc2626}.input-field.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.input-field.error::placeholder{color:#dc2626}.input-error{margin-top:4px;font-size:12px;color:#dc2626;font-weight:500}.input-group:has(.input-field.error) .input-label,.input-group:has(.date-button.error) .input-label{color:#dc2626}.input-field:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.date-button:disabled{background:#f9fafb;color:#6b7280;border-color:#d1d5db;cursor:not-allowed}.date-button:disabled:hover{background:#f9fafb;border-color:#d1d5db}.date-input-wrapper:focus-within .date-input{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-input-wrapper.error:focus-within .date-input{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.date-input-wrapper{position:relative}.date-input-wrapper .date-input-calendar-popup{right:0;top:100%;margin-top:4px}.input-field.error{animation:errorShake .3s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.input-label{display:block;font-weight:500;font-size:14px;color:var(--color-text-primary);margin-bottom:6px}.input-group.has-error .input-label{color:var(--color-error)}.file-input-wrapper{position:relative;border:2px dashed var(--color-border);border-radius:8px;background:var(--color-white);transition:all .2s ease;padding:16px}.file-input-wrapper:hover,.file-input-wrapper.drag-over{border-color:var(--color-primary);background:var(--color-hover)}.file-input-wrapper.error{border-color:var(--color-error);background:#ef444405}.file-input-wrapper.disabled{background:var(--color-gray-50);border-color:var(--color-border);opacity:.6;cursor:not-allowed}.file-input-wrapper.file-selected{border-style:solid;border-color:var(--color-primary);background:var(--color-hover)}.file-input-wrapper.file-selected.error{border-color:var(--color-error);background:#ef444405}.file-input{display:none}.file-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.file-button-group{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.file-input-label{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-white);border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.file-input-wrapper.file-selected .file-input-label{background:var(--color-hover);color:var(--color-primary);border-color:var(--color-primary)}.file-input-wrapper.disabled.file-selected{background:var(--color-gray-50);border-color:var(--color-border)}.file-input-wrapper.disabled.file-selected .file-input-label{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-500)}.file-input-label:hover{background:var(--color-hover)}.file-input-wrapper.error .file-input-label{border-color:var(--color-error);color:var(--color-error)}.file-input-wrapper.file-selected.error .file-input-label{background:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.file-input-wrapper.disabled .file-input-label{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-500);cursor:not-allowed}.file-icon{width:18px;height:18px;flex-shrink:0}.file-drag-text{font-size:14px;color:var(--color-text-secondary);white-space:nowrap}.file-input-wrapper.error .file-drag-text{color:var(--color-error)}.file-input-wrapper.disabled .file-drag-text{color:var(--color-gray-400)}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;justify-content:center;padding-top:4px}.file-name{font-size:14px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:32px}.file-name.selected{color:var(--color-text-primary);font-weight:500}.file-input-wrapper.error .file-name,.file-input-wrapper.error .file-name.selected{color:var(--color-error)}.file-size{font-size:12px;color:var(--color-text-secondary);display:none}.file-size.show{display:block}.file-input-wrapper.error .file-size{color:var(--color-error)}.file-remove-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.file-input-wrapper.error .close-circle,.file-input-wrapper.error .close-x,.file-input-wrapper.file-selected.error .close-circle,.file-input-wrapper.file-selected.error .close-x{stroke:var(--color-error)!important}.file-input-wrapper.disabled .close-circle,.file-input-wrapper.disabled .close-x{stroke:var(--color-gray-400)!important}.file-input:focus+.file-row .file-input-label{outline:2px solid var(--color-primary);outline-offset:2px}.file-remove-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.file-input-wrapper.drag-over{transform:scale(1.02);box-shadow:0 4px 12px #3b82f626}.file-input-wrapper.error{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.chat-btn{display:inline-flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.chat-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.chat-btn:active{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f659}.chat-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f633}.chat-btn:disabled{background:#9ca3af;color:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}.chat-btn:disabled:hover{background:#9ca3af;transform:none;box-shadow:none}.chat-btn svg{width:16px;height:16px;stroke-width:2}.chat-btn.chat-btn-small{padding:8px 12px;font-size:13px}.chat-btn.chat-btn-large{padding:12px 20px;font-size:16px}.chat-btn.chat-btn-icon-only{padding:10px}.chat-btn.chat-btn-icon-only.chat-btn-small{padding:8px}.chat-btn.chat-btn-icon-only.chat-btn-large{padding:12px}.stat-bucket{text-align:center;padding:4px;border-radius:6px;transition:all .2s ease}.stat-bucket-number{font-size:16px;font-weight:700;color:#1f2937;line-height:1}.stat-bucket-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.stat-bucket-clickable{cursor:pointer;border:1px solid transparent}.stat-bucket-clickable:hover{transform:translateY(-2px);background:#f8fafc;border-color:#e2e8f0;box-shadow:0 4px 12px #0000001a}.stat-bucket-clickable:hover .stat-bucket-number{color:#3b82f6}.stat-bucket-clickable:hover .stat-bucket-label{color:#374151}.stat-bucket-clickable:active{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.stat-bucket-clickable:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.stat-bucket.stat-bucket-small .stat-bucket-number{font-size:14px}.stat-bucket.stat-bucket-small .stat-bucket-label{font-size:9px}.stat-bucket.stat-bucket-large .stat-bucket-number{font-size:20px}.stat-bucket.stat-bucket-large .stat-bucket-label{font-size:11px}.stat-bucket.stat-bucket-primary .stat-bucket-number{color:#3b82f6}.stat-bucket.stat-bucket-success .stat-bucket-number{color:#10b981}.stat-bucket.stat-bucket-warning .stat-bucket-number{color:#f59e0b}.stat-bucket.stat-bucket-danger .stat-bucket-number{color:#ef4444}.stat-category{margin-bottom:12px}.stat-category:last-child{margin-bottom:0}.stat-category-title{font-size:12px;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-buckets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-category.columns-1 .stat-buckets{grid-template-columns:1fr}.stat-category.columns-2 .stat-buckets{grid-template-columns:repeat(2,1fr)}.stat-category.columns-3 .stat-buckets{grid-template-columns:repeat(3,1fr)}.stat-category.columns-4 .stat-buckets{grid-template-columns:repeat(4,1fr)}.stat-category.columns-5 .stat-buckets{grid-template-columns:repeat(5,1fr)}.stat-category.columns-6 .stat-buckets{grid-template-columns:repeat(6,1fr)}.stat-category.spacing-tight .stat-buckets{gap:4px}.stat-category.spacing-normal .stat-buckets{gap:8px}.stat-category.spacing-loose .stat-buckets{gap:12px}.stat-category.title-left .stat-category-title{text-align:left}.stat-category.title-center .stat-category-title{text-align:center}.stat-category.title-right .stat-category-title{text-align:right}.repo-link{display:flex;align-items:center;gap:6px;color:#3b82f6;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease;margin-bottom:16px;min-width:0;max-width:100%}.repo-link:hover{color:#2563eb}.repo-link:focus{outline:none;color:#2563eb;text-decoration:underline}.repo-link:active{color:#1d4ed8}.repo-icon{width:14px;height:14px;fill:currentColor;flex-shrink:0}.repo-name{line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repo-link.repo-link-small{font-size:12px;gap:4px}.repo-link.repo-link-small .repo-icon{width:12px;height:12px}.repo-link.repo-link-large{font-size:14px;gap:8px}.repo-link.repo-link-large .repo-icon{width:16px;height:16px}.repo-link.repo-link-no-margin{margin-bottom:0}.repo-link.repo-link-tight-margin{margin-bottom:8px}.repo-link.repo-link-loose-margin{margin-bottom:24px}.repo-link.repo-link-secondary{color:#6b7280}.repo-link.repo-link-secondary:hover{color:#374151}.repo-link.repo-link-muted{color:#9ca3af}.repo-link.repo-link-muted:hover{color:#6b7280}.time-ago{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;transition:color .2s ease;cursor:help}.time-ago[title]:hover{color:#374151}.time-ago-icon{width:14px;height:14px;color:#9ca3af;flex-shrink:0}.time-ago.small{font-size:11px}.time-ago.large{font-size:14px}.time-ago.muted{color:#9ca3af}.time-ago.muted:hover{color:#6b7280}.meta-item .time-ago{font-size:13px;color:#6b7280}.card-status .time-ago{font-size:10px;color:#9ca3af}.page-header{padding:36px 44px;border-bottom:1px solid #d6dbdf;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:0 12px 12px 0;box-shadow:0 2px 8px #0000000d,0 -2px 8px #0000000d,2px 0 8px #0000000d;margin-top:12px;margin-right:12px;margin-bottom:0}.page-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto 0 0}.page-header-text{flex:1}.page-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.2}.page-subtitle{font-size:16px;color:#6b7280;font-weight:400;margin:0;line-height:1.5}.page-header-actions{display:flex;gap:12px;align-items:center}.rounded-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000014}.rounded-card-header{padding:12px 16px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.rounded-card-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.rounded-card-title-link{color:inherit;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s ease}.rounded-card-title-link svg{width:14px;height:14px;color:#9ca3af;transition:transform .2s ease,color .2s ease}.rounded-card-title-link:hover{color:#3b82f6}.rounded-card-title-link:hover svg{color:#3b82f6;transform:translate(2px)}.rounded-card-title-text{color:#1f2937}.rounded-card-body{padding:16px;flex-grow:1;display:flex;flex-direction:column}.attention-items{display:flex;flex-direction:column;gap:4px}.attention-item{padding:6px 8px;background:#fff;border-radius:6px;display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;transition:all .2s ease}.attention-item:hover{border-color:#d1d5db;background:#f9fafb}.attention-indicator{width:4px;height:16px;border-radius:2px;flex-shrink:0}.attention-indicator.review{background:#f59e0b}.attention-indicator.pr-review{background:#3b82f6}.attention-indicator.failed{background:#ef4444}.attention-details{flex:1;font-size:13px;color:#1f2937;min-width:0;display:flex;align-items:center}.attention-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.attention-meta{color:#6b7280;flex-shrink:0;white-space:nowrap}.attention-action{font-size:12px;font-weight:500;color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:4px 8px;text-decoration:none;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.attention-action:hover{background:#e5e7eb;color:#1f2937}.truncated-text{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}.truncated-text *{display:inline;white-space:inherit}.recent-items{display:flex;flex-direction:column}.recent-list-header{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}.recent-list{display:flex;flex-direction:column;gap:2px;flex-grow:1}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:6px 4px;border-radius:6px;transition:background-color .2s ease}.recent-item:hover{background-color:#f9fafb}.recent-name{font-size:13px;font-weight:500;color:#1f2937;flex:1;margin-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.recent-name-link{color:inherit;text-decoration:none;transition:color .2s ease}.recent-name-link:hover{color:#3b82f6}.recent-meta{font-size:11px;color:#6b7280;white-space:nowrap;flex-shrink:0}.segmented-line-graph{padding-top:16px}.stats-separator{height:1px;background:#e5e7eb;margin-bottom:16px}.stats-progressbar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-segment{height:100%;transition:opacity .2s ease;cursor:pointer}.progress-segment:hover{opacity:.8}.stats-legend{display:flex;gap:4px;flex-wrap:wrap;font-size:13px;color:#6b7280;align-items:center;justify-content:space-between}.legend-group{display:flex;gap:4px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;transition:all .2s ease;text-decoration:none;color:#6b7280;border:1px solid transparent;font-size:13px}.legend-item:hover{background-color:#eff6ff;color:#1e40af;border-color:#dbeafe}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-total{font-weight:600;color:#374151}.legend-total:hover{color:#1f2937;background-color:#f3f4f6}.legend-item{padding:6px 8px}.quick-actions{display:flex;flex-direction:column;gap:6px}.action-btn{padding:8px 12px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:6px;text-decoration:none;color:#374151;transition:all .2s ease;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500}.action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.action-icon{width:16px;height:16px;color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon svg{width:16px;height:16px;stroke-width:2}.activity-list{display:flex;flex-direction:column;gap:0}.activity-item{padding:6px 4px;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:#f9fafb}.activity-title{font-size:12px;font-weight:500;color:#1f2937;margin-bottom:2px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-title-link{color:inherit;text-decoration:none;transition:color .2s ease}.activity-title-link:hover{color:#3b82f6}.activity-time{font-size:11px;color:#6b7280;line-height:1.3}.view-switcher{display:inline-flex;background:#f3f4f6;border-radius:6px;padding:4px}.view-switcher-btn{padding:6px 12px;border:none;background:transparent;font-size:13px;font-weight:500;color:#374151;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-switcher-btn:hover:not(.active){color:#1f2937}.view-switcher-btn.active{background:#fff;color:#1e40af;box-shadow:0 1px 3px #0000001a}.view-switcher-btn:disabled{opacity:.5;cursor:not-allowed}.increment-type-icon{flex-shrink:0;display:inline-block}.increment-type-icon.epic{color:#7c3aed}.increment-type-icon.feature{color:#059669}.increment-type-icon.story{color:#3b82f6}.increment-list{display:flex;flex-direction:column}.increment-list.flat .list-item{background:#fff;border:1px solid #e5e7eb;border-bottom:none;padding:10px 12px;transition:all .2s ease;display:flex;align-items:center;gap:12px;min-height:48px}.increment-list.flat .list-item:first-child{border-radius:8px 8px 0 0}.increment-list.flat .list-item:last-child{border-radius:0 0 8px 8px;border-bottom:1px solid #e5e7eb}.increment-list.flat .list-item:hover{background:#f8f9fa}.increment-list.hierarchical .hierarchy-item{display:flex;flex-direction:column}.increment-list.hierarchical .item-row{background:#fff;border:1px solid #e5e7eb;border-bottom:none;padding:12px 16px;display:flex;align-items:center;gap:12px;min-height:48px}.increment-list.hierarchical .item-row:hover{background:#f8f9fa}.increment-list.hierarchical .hierarchy-item:first-child .item-row{border-radius:8px 8px 0 0}.increment-list.hierarchical .hierarchy-item:last-child:not(:has(.children-container.expanded)) .item-row{border-radius:0 0 8px 8px;border-bottom:1px solid #e5e7eb}.expand-toggle{width:20px;height:20px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;flex-shrink:0;border-radius:4px}.expand-toggle:hover{color:#3b82f6;border-color:#3b82f6;background:#f8fafc}.expand-toggle.expanded{background:#3b82f6;color:#fff;border-color:#3b82f6}.expand-toggle:disabled{opacity:0;cursor:default;border:none;background:none}.expand-toggle svg{transition:transform .2s ease;transform:rotate(-90deg)}.expand-toggle.expanded svg{transform:rotate(0)}.item-id{font-family:Monaco,Menlo,monospace;font-size:11px;font-weight:700;color:#6b7280;background:#f1f5f9;padding:2px 6px;border-radius:3px;min-width:50px;text-align:center;flex-shrink:0}.item-content{flex:1;min-width:0}.item-title-line{font-size:14px;flex:1;min-width:0}.item-title-link{color:inherit;text-decoration:none;display:block;min-width:0;width:100%;transition:all .2s ease}.item-title-link:link,.item-title-link:visited{color:inherit}.item-title-link:hover{cursor:pointer;color:#3b82f6}.item-title-link:visited:hover{color:#3b82f6}.list-item:hover .item-title-link,.item-row:hover .item-title-link{color:#3b82f6!important;opacity:1}.item-title{font-weight:600;color:#1f2937;display:inline}.item-description-preview{color:#6b7280;display:inline}.item-meta{display:flex;gap:12px;align-items:center;flex-shrink:0}.item-info{font-size:11px;color:#9ca3af;min-width:60px;text-align:right}.item-menu{width:24px;height:24px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;transition:all .2s ease;border-radius:4px;opacity:0}.list-item:hover .item-menu,.item-row:hover .item-menu{opacity:1}.item-menu:hover{background:#f3f4f6}.children-container{border-left:2px dotted #d1d5db;margin-left:20px;display:none}.children-container.expanded{display:block}.child-item .item-row{border-left:none;border-right:none;background:#fafbfc}.child-item .item-row:hover{background:#f1f5f9}.hierarchy-item:last-child .children-container>.hierarchy-item:last-child .item-row{border-bottom:1px solid #e5e7eb;border-radius:0 0 8px 8px}.loading-children{padding:8px 12px;color:#6b7280;font-size:13px;font-style:italic;background:#f9fafb;border-left:2px dotted #d1d5db;margin-left:20px}.pagination-page-size{display:flex;align-items:center;gap:4px}.per-page-label{font-size:14px;color:#6b7280;font-weight:500;margin-right:4px}.per-page-link{padding:4px 8px;color:#6b7280;text-decoration:none;border-radius:4px;font-size:14px;font-weight:500;transition:all .2s ease;border:none;background:none;cursor:pointer;min-width:32px;text-align:center}.per-page-link.disabled,.per-page-link:disabled{color:#d1d5db;cursor:not-allowed;background:none}.per-page-link.disabled:hover,.per-page-link:disabled:hover{background:none;color:#d1d5db}.pagination-page-size.disabled .per-page-label{color:#d1d5db}.pagination-page-number-selection{display:flex;align-items:center;gap:2px}.page-link{padding:6px 10px;color:#6b7280;text-decoration:none;border-radius:4px;font-size:14px;font-weight:500;transition:all .2s ease;min-width:32px;text-align:center;border:none;background:none;cursor:pointer}.page-link:hover:not(.disabled){background:#e5e7eb;color:#374151}.page-link.active{background:#3b82f6;color:#fff}.page-link.disabled{color:#d1d5db;cursor:not-allowed}.page-ellipsis{padding:6px 10px;color:#6b7280;font-size:14px;font-weight:500;min-width:32px;text-align:center}.summary-stats{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;height:fit-content}.summary-stats-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8f9fa;border-radius:8px 8px 0 0}.summary-stats-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.summary-stats-body{padding:20px}.stats-group{display:flex;flex-direction:column;gap:4px}.stats-group+.stats-group{margin-top:8px}.stats-divider{border:none;height:1px;background-color:#e5e7eb;margin:8px 0}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:6px;text-decoration:none;transition:background-color .2s ease}.stat-row.clickable{cursor:pointer}.stat-row.clickable:hover{background-color:#f3f4f6}.stat-row.non-clickable{cursor:default}.stat-label{font-size:13px;color:#6b7280;font-weight:500}.stat-value{font-size:13px;font-weight:700;color:#1f2937}.project-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014;overflow:hidden;position:relative;max-width:380px}.project-card-header{padding:20px 20px 16px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:flex-start}.project-card-content{flex:1}.project-card .project-title{font-size:18px!important;font-weight:600!important;color:#1f2937!important;margin-bottom:8px!important;display:block!important}.project-card .project-description{font-size:14px!important;color:#6b7280!important;line-height:1.5!important;margin-bottom:12px!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;text-overflow:ellipsis!important}.project-chat-button{margin-left:12px}.project-card-body{padding:20px;display:flex;flex-direction:column;min-height:280px}.project-repositories{margin-bottom:20px;height:40px;display:flex;flex-direction:column;justify-content:flex-start}.project-repository-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;overflow:hidden;min-height:20px}.project-repository-link{flex:1;min-width:0;overflow:hidden}.project-repository-link .repo-link{margin-bottom:0}.project-repository-time{margin-left:12px;flex-shrink:0;font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden}.project-stats{flex:1}.project-card-status{margin-top:16px;font-size:12px;color:#9ca3af;display:flex;justify-content:flex-end}.project-tiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;align-items:stretch}.project-tile{min-width:350px;display:flex;flex-direction:column}.project-tile .rounded-card{flex:1;display:flex;flex-direction:column}.project-tile-tall{min-height:380px}.repository-list{display:flex;flex-direction:column}.repository-item{display:flex;justify-content:space-between;align-items:center;padding:6px 4px;border-radius:6px;transition:background-color .2s ease}.repository-item:hover{background-color:#f9fafb}.repository-time{font-size:11px;color:#6b7280;margin-left:12px;flex-shrink:0}.increments-page{display:flex;flex-direction:column;min-height:0;background:#f8f9fa}.increments-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #d6dbdf;padding:36px 44px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #0000000d;margin-bottom:0}.increments-title{font-size:32px;font-weight:700;color:#1f2937;margin:0}.increments-controls{display:flex;gap:16px;align-items:center}.increments-content{display:flex;flex:1;min-height:0}.increments-sidebar{width:280px;background:#f8f9fa;border-left:none;padding:24px;flex-shrink:0;overflow-y:auto}.increments-main{flex:1;display:flex;flex-direction:column;min-width:0;padding:24px}.increments-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}.search-and-filters{display:flex;justify-content:flex-start;align-items:flex-start;flex:1;flex-wrap:wrap;gap:24px}.search-group{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;max-width:500px;min-width:200px}.search-label{font-size:13px;font-weight:500;color:#374151}.search-and-filters .search-box{width:100%;min-width:300px;max-width:none;flex:1}.filter-controls{display:flex;flex:1 1 420px;gap:24px;align-items:flex-start;justify-content:space-between;min-width:420px}.filter-group{display:flex;flex-direction:column;gap:4px;flex:1 1 0;min-width:120px;white-space:nowrap}.filter-label{font-size:13px;font-weight:500;color:#374151}.view-and-pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.per-page-controls{display:flex;align-items:center;gap:4px}.per-page-controls span{font-size:14px;color:#6b7280;font-weight:500;margin-right:4px}.per-page-link{padding:4px 8px;color:#6b7280;text-decoration:none;border-radius:4px;font-size:14px;font-weight:500;transition:all .2s ease}.per-page-link:hover{background:#e5e7eb;color:#374151}.per-page-link.active{background:#3b82f6;color:#fff}.increments-list-container{padding:0;background:#f8f9fa}.pagination-bar{margin-top:32px;display:flex!important;justify-content:flex-end;padding:0 24px;min-height:40px;align-items:center;visibility:visible!important}.increments-footer{background:#fff;border-top:1px solid #e5e7eb;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.increments-stats{display:flex;gap:24px;color:#6b7280;font-size:14px}.increments-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#6b7280;font-style:italic}.increments-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;color:#6b7280;text-align:center}.increments-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.increments-empty-title{font-size:18px;font-weight:600;margin-bottom:8px}.increments-empty-description{font-size:14px;max-width:400px;line-height:1.5}@media (max-width: 1350px){.increments-sidebar{display:none}}.story-page{display:flex;flex-direction:column;min-height:0;background:#f8f9fa}.story-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #d6dbdf;padding:24px 44px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000d}.story-title-section{flex:1}.story-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.story-subtitle{font-size:16px;color:#6b7280;margin:0}.story-controls,.header-actions,.view-mode-actions,.edit-mode-actions{display:flex;gap:12px}.story-content{display:flex;flex-direction:column;gap:24px;margin:24px 44px 24px 24px}.story-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.story-main{flex:1;min-width:0}.story-sidebar{width:280px;background:#f8f9fa;padding:24px;flex-shrink:0;overflow-y:auto}.content-body{background:#fff;border-radius:0 0 12px 12px;padding:32px 44px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:48px;flex:1;overflow-y:auto}.section-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.metadata-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px 40px}.metadata-item{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px}.detail-label{font-size:14px;font-weight:500;color:#6b7280}.detail-value{min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:14px;color:#374151;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.detail-value:hover{border-color:#d1d5db;background:#f9fafb}.detail-value .assignee-avatar{width:20px;height:20px;border-radius:50%;background:#dbeafe;color:#1e40af;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;margin-right:8px}.edit-icon{width:16px;height:16px;color:#9ca3af;opacity:0;transition:opacity .2s ease}.detail-value:hover .edit-icon{opacity:1}.detail-input{width:100%;padding:7px 11px;border:1px solid #3b82f6;border-radius:6px;font-size:14px;box-shadow:0 0 0 3px #3b82f61a}.value-container .edit-mode{display:block;width:100%}.labels-container{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge-primary{background:#dbeafe;color:#1e40af}.badge-secondary{background:#f1f5f9;color:#475569}.description-container{position:relative}.description-content.view-mode{line-height:1.6;color:#374151;max-width:80ch;cursor:pointer;padding:8px;border:1px solid transparent;border-radius:6px}.description-content.view-mode:hover{border-color:#d1d5db;background:#f9fafb}.description-content h3{font-size:18px;margin-top:24px;margin-bottom:8px}.description-content p{margin-bottom:16px}.description-content ul{margin-left:20px;margin-bottom:16px}.description-content li{margin-bottom:8px}.description-content code{background:#f3f4f6;color:#4b5569;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9em}.description-content.edit-mode{width:100%;height:200px;line-height:1.6;font-size:14px;padding:12px;border:1px solid #3b82f6;border-radius:6px;box-shadow:0 0 0 3px #3b82f61a;resize:vertical}.task-list{display:flex;flex-direction:column;gap:4px}.task-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;transition:background-color .2s ease}.task-item:hover{background-color:#f9fafb}.task-checkbox{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer}.task-title{flex:1;font-size:14px;color:#374151}.task-assignee{width:24px;height:24px;border-radius:50%;background:#dbeafe;color:#1e40af;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}.task-status{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-align:center;min-width:60px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.attachment-icon{width:32px;height:32px;color:#3b82f6;flex-shrink:0}.attachment-info{min-width:0}.attachment-name{font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:11px;color:#6b7280}.activity-feed{display:flex;flex-direction:column;gap:24px}.activity-item{display:flex;gap:12px}.activity-avatar{width:32px;height:32px;border-radius:50%;background:#dbeafe;color:#1e40af;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.activity-content{flex:1}.activity-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.activity-user{font-weight:600;font-size:14px;color:#1f2937}.activity-time{font-size:12px;color:#9ca3af}.activity-body{font-size:14px;color:#374151;line-height:1.5}.sidebar{width:220px;background:var(--color-primary-dark);border-right:none;flex-shrink:0;box-shadow:4px 4px 12px #0000001a,0 -2px 8px #0000000d;transition:all .3s ease;position:relative;height:fit-content;z-index:999;border-top-right-radius:12px;border-bottom-right-radius:12px;overflow:hidden}.sidebar.collapsed{width:60px}.sidebar.breadcrumbs-only{background:var(--color-primary)}.sidebar.breadcrumbs-only .sidebar-header{border-bottom:none;margin-bottom:0}.sidebar.nav-only{background:var(--color-primary-dark)}.sidebar-toggle.nav-only-toggle{position:absolute;top:8px;right:8px;background:transparent;border:none;border-radius:6px;color:#ffffffe6;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.sidebar.nav-only .sidebar-nav{margin-top:20px}.sidebar.nav-only.collapsed .sidebar-nav{margin-top:0}.sidebar.breadcrumbs-only.collapsed{min-height:60px}.sidebar.breadcrumbs-only.collapsed:before{background:var(--color-primary)}.sidebar.nav-only.collapsed:before{background:var(--color-primary-dark)}.sidebar.collapsed:before{content:"";position:absolute;top:0;left:0;right:0;height:58px;background:var(--color-primary);border-top-right-radius:12px;z-index:1;transition:all .3s ease}.sidebar-expand{position:absolute;top:8px;right:8px;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;transform:scale(.8);transition:all .3s ease}.sidebar.collapsed .sidebar-expand{opacity:1;transform:scale(1);right:auto;left:14px;top:13px}.sidebar-expand:hover{background:#ffffff1a}.sidebar-expand svg{width:22px;height:22px;stroke-width:2.5;fill:none;stroke:currentColor}.sidebar-header{padding:24px 20px 28px;border-bottom:1px solid rgba(59,130,246,.3);background:var(--color-primary);margin-bottom:20px;position:relative;border-top-right-radius:0;min-height:175px;box-sizing:border-box;opacity:1;transform:translateY(0);transition:all .3s ease;z-index:2}.sidebar.collapsed .sidebar-header{opacity:0;transform:translateY(-20px);pointer-events:none;height:0;min-height:175px;padding:0;margin-bottom:0;border-bottom:none}.sidebar-toggle{position:absolute;top:8px;right:8px;background:transparent;border:none;border-radius:6px;color:#ffffffe6;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transform:scale(1);transition:all .3s ease;z-index:10}.sidebar.collapsed .sidebar-toggle{opacity:0;transform:scale(.8)}.sidebar-toggle:hover{background:#ffffff1a;color:var(--color-white)}.sidebar-toggle svg{width:22px;height:22px;stroke-width:2.5;fill:none;stroke:currentColor}.sidebar-header-content{padding-top:12px;transition:all .3s ease}.sidebar.collapsed .sidebar-header-content{opacity:0;font-size:0}.project-title{font-size:18px;font-weight:700;color:var(--color-white);margin-bottom:8px;transition:all .3s ease}.sidebar.collapsed .project-title{font-size:0;opacity:0}.project-meta{display:flex;flex-direction:column;gap:4px;transition:all .3s ease}.sidebar.collapsed .project-meta{opacity:0;font-size:0}.project-status{font-size:12px;color:#fffc;display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success)}.project-info{font-size:11px;color:#fff9}.left-nav-layout{display:flex;height:100%;width:100%}.left-nav-content{flex:1;min-width:0;transition:all .3s ease}.sidebar-nav{padding:20px 0 0;background:var(--color-primary-dark);overflow-y:auto}.sidebar.collapsed .sidebar-nav{padding-top:50px}.nav-section{margin-bottom:24px;position:relative}.nav-section:not(:last-child):after{content:"";position:absolute;bottom:-12px;left:20px;right:20px;height:1px;background:#ffffff1a;transition:all .3s ease}.sidebar.collapsed .nav-section:not(:last-child):after{left:12px;right:12px;background:#ffffff40;height:1px}.nav-section-title{font-size:10px;font-weight:600;color:#95a5a6;text-transform:uppercase;letter-spacing:1px;padding:0 20px 8px;transition:all .3s ease}.sidebar.collapsed .nav-section-title{opacity:0;font-size:0}.nav-list{list-style:none;margin:0;padding:0}.sidebar .nav-item{display:flex;align-items:center;padding:10px 20px;color:var(--color-white);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;position:relative;border-left:3px solid transparent;cursor:pointer;background:none;border:none;width:100%;text-align:left}.sidebar .nav-item:link,.sidebar .nav-item:visited{color:var(--color-white);text-decoration:none}.sidebar.collapsed .nav-item{padding:10px 18px;justify-content:center}.sidebar .nav-item:hover{background:#ffffff14;color:var(--color-white);border-left-color:#60a5fa80}.sidebar .nav-item.active{background:#ffffff1f;color:var(--color-white);border-left-color:#60a5fa;font-weight:600}.sidebar .nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(135deg,#3b82f640,#1d4ed840);transition:width .3s ease;z-index:-1}.nav-icon{margin-right:12px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sidebar.collapsed .nav-icon{margin-right:0}.nav-text{transition:all .3s ease;white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-text{opacity:0;font-size:0;width:0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff1a}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.top-nav-desktop{position:sticky;top:0;background:#f8f9fa;z-index:1000;width:100%;min-width:750px;padding:12px;box-sizing:border-box}.top-nav-wrapper{background:#fff;border-radius:6px;box-shadow:0 2px 8px #00000026;padding:8px 20px;display:flex;align-items:center;height:56px;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.nav-left{display:flex;align-items:center;flex-shrink:1;min-width:0}.nav-items{display:flex;align-items:center;gap:8px;margin-left:50px;flex-shrink:0;min-width:0}.nav-center{flex:1;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;min-width:150px;padding-left:24px;padding-right:24px}.nav-right{display:flex;align-items:center;flex-shrink:0;width:auto}.logo{margin-right:20px}.logo{display:flex;align-items:center;text-decoration:none;transition:all .2s ease;cursor:pointer}.logo:link,.logo:visited{text-decoration:none}.logo:hover{transform:translateY(-1px);text-decoration:none}.logo svg{transition:all .2s ease}.nav-item{color:#374151;text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:6px;position:relative;white-space:nowrap;cursor:pointer;background:transparent;border:none}.nav-item:link,.nav-item:visited{color:#374151;text-decoration:none}.nav-item:hover{color:#1e40af;background:#3b82f614}.nav-item.active{color:#1e40af;font-weight:600;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);box-shadow:0 2px 8px #3b82f626}.nav-item.active:hover{background:#3b82f626;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.nav-button-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.nav-button-icon svg{width:16px;height:16px}.search-box{position:relative;min-width:150px;max-width:300px;width:100%;background:#ffffffe6;border-radius:20px;padding:2px}.search-input{background:#fffffff2;border:1px solid rgba(59,130,246,.2);border-radius:18px;padding:8px 12px 8px 36px;color:#374151;font-size:14px;width:100%;box-sizing:border-box;transition:all .2s ease;outline:none}.search-input::placeholder{color:#9ca3af}.search-input:hover:not(:disabled):not(:focus){border-color:var(--color-gray-400);background:#fff}.search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;width:16px;height:16px;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.search-icon svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.notification-btn{background:transparent;border:none;border-radius:10px;padding:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.notification-btn:hover{background:#3b82f614;color:#3b82f6}.notification-btn svg{width:20px;height:20px}.notification-badge{position:absolute;top:6px;right:6px;background:#ef4444;color:#fff;border-radius:50%;width:6px;height:6px;border:1px solid #ffffff;box-shadow:0 1px 2px #ef44444d}.user-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;box-shadow:0 2px 8px #3b82f640;position:relative;overflow:hidden}.user-avatar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .2s ease}.user-avatar:hover:before{opacity:1}.user-avatar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;background:#f8f9fa}.app-body{display:flex;flex:1;position:relative;min-width:750px}.main-content{flex:1;background:#f8f9fa;overflow-y:auto}.login-container{background:linear-gradient(135deg,#eff6ff,#dbeafe);min-height:100vh;display:flex;align-items:center;justify-content:center}.login-page{width:100%;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.project-header{padding:16px 0}.project-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.project-meta{font-size:12px;color:#fffc}.project-status{display:flex;align-items:center;gap:6px;margin-bottom:2px}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.project-info{color:#fff9}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;background-color:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:750px;min-height:100vh;background:#f8f9fa;color:#2c3e50;overflow-x:auto}#root{width:100%;min-width:750px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}