@media (width>=768px){html{font-size:18px}}@media (width>=1024px){html{font-size:16px}}@media (width<=639px){h1,.h1{font-size:var(--font-size-4xl)}h2,.h2{font-size:var(--font-size-3xl)}h3,.h3{font-size:var(--font-size-2xl)}h4,.h4{font-size:var(--font-size-xl)}h5,.h5{font-size:var(--font-size-lg)}h6,.h6{font-size:var(--font-size-base)}}@media (width<=1023px){.nav__list--primary,.nav__menu,.nav__search{display:none}.nav__toggle{display:block}.nav__profile-button{padding:var(--spacing-1);border:none}.nav__username,.nav__button--primary{display:none}}@media (width>=640px) and (width<=1023px){.nav__button--primary{display:block}}@media (width>=1024px){.nav__mobile-menu[hidden],.nav__toggle{display:none}}@media (width>=640px) and (width<=1023px){.nav__list--primary{gap:var(--spacing-4)}.nav__link{padding:var(--spacing-2);font-size:var(--font-size-sm)}.nav__search-input{width:160px}}@media (width<=1023px){.nav__list--primary,.nav__menu{display:none}.nav__toggle{display:block}.nav__profile-button{padding:var(--spacing-1);border:none}.nav__username{display:none}}@media (width>=1024px){.nav__mobile-menu[hidden],.nav__toggle{display:none}}@media (width>=640px) and (width<=1023px){.nav__list--primary{gap:var(--spacing-4)}.nav__link{padding:var(--spacing-2);font-size:var(--font-size-sm)}}@media (width>=768px){.footer__section{flex:30%}}@media (width>=768px){.footer__container{flex-direction:row;justify-content:space-between}}@media (width<=767px){.footer__container{align-items:center;gap:var(--spacing-4);flex-direction:column}.footer__section{text-align:center}}@media (width>=1024px){.footer__container{padding:0 var(--spacing-8)}.footer__list{gap:var(--spacing-8)}}@media (width<=639px){.button-group{flex-direction:column}.button-group .button{width:100%}}@media (width>=640px){.form__row{grid-template-columns:repeat(2,1fr)}}.form__actions{gap:var(--spacing-3);justify-content:flex-end;display:flex}@media (width>=640px){.form__filters{grid-template-columns:repeat(3,1fr)}}@media (width<=639px){.modal__overlay{padding:var(--spacing-2)}.modal{max-width:100%;max-height:calc(100vh - var(--spacing-4))}.modal__header,.modal__body,.modal__footer{padding:var(--spacing-4)}.modal__footer{flex-direction:column}.modal__footer .button{width:100%}}@media (width<=639px){.rationale-metrics,.rationale-details{grid-template-columns:1fr}}#toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:auto;opacity:0;background:#fff;border-radius:12px;flex-direction:column;min-width:420px;max-width:520px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;transform:translate(120%)scale(.9);box-shadow:0 10px 40px #0003}.toast.toast-show{opacity:1;transform:translate(0)scale(1)}.toast.toast-hide{opacity:0;transform:translate(120%)scale(.9)}.toast-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.toast-title{color:#111827;font-size:18px;font-weight:600}.toast-content{color:#4b5563;word-break:break-word;padding:20px 24px;font-size:15px;line-height:1.6}.toast-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;padding:16px 24px 20px;display:flex}.toast-confirm-btn{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:6px;padding:10px 24px;font-size:15px;font-weight:500;transition:all .2s}.toast-confirm-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.toast-confirm-btn:active{transform:translateY(1px)}.toast-success .toast-icon{color:#fff;background:#10b981}.toast-success{border-left:4px solid #10b981}.toast-error .toast-icon{color:#fff;background:#ef4444}.toast-error{border-left:4px solid #ef4444}.toast-warning .toast-icon{color:#fff;background:#f59e0b}.toast-warning{border-left:4px solid #f59e0b}.toast-info .toast-icon{color:#fff;background:#3b82f6}.toast-info{border-left:4px solid #3b82f6}.confirm-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out confirmFadeIn;display:flex;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-closing{animation:.2s ease-out forwards confirmFadeOut}@keyframes confirmFadeOut{0%{opacity:1}to{opacity:0}}.confirm-modal{background:#fff;border-radius:12px;width:90%;min-width:400px;max-width:500px;animation:.3s cubic-bezier(.4,0,.2,1) confirmSlideIn;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.confirm-modal-closing .confirm-modal{animation:.2s cubic-bezier(.4,0,.2,1) forwards confirmSlideOut}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes confirmSlideOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(-20px)}}.confirm-modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.confirm-modal-title{color:#111827;margin:0;font-size:18px;font-weight:600}.confirm-modal-body{padding:20px 24px}.confirm-modal-message{color:#4b5563;margin:0;font-size:15px;line-height:1.6}.confirm-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px 20px;display:flex}.confirm-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.confirm-modal-btn-cancel{color:#374151;background:#f3f4f6}.confirm-modal-btn-cancel:hover{background:#e5e7eb}.confirm-modal-btn-confirm{color:#fff;background:#3b82f6}.confirm-modal-btn-confirm:hover{background:#2563eb}@media (width<=640px){#toast-container{left:10px;right:10px}.toast{width:100%;min-width:auto;max-width:none}.confirm-modal{width:calc(100% - 40px);min-width:auto}.toast-header{padding:16px 20px 14px}.toast-content{padding:16px 20px}.toast-footer{padding:14px 20px 16px}}@media (width<=639px){.page__header{flex-direction:column;align-items:flex-start}.page__header h1{font-size:var(--font-size-2xl)}.page__header .button--large{width:100%}}@media (width<=639px){.filter-bar__controls{flex-direction:column}.filter-bar__search,.filter-bar__sort{width:100%}}@media (width<=639px){.card__actions{opacity:1}.card__actions .button{flex:1}}@media (width<=639px){.pagination{flex-wrap:wrap}}@media (width>=640px){.grid--3-col{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid--3-col{grid-template-columns:repeat(3,1fr)}}@media (width<=767px){.summary-grid{grid-template-columns:repeat(2,1fr)}.action-tabs{flex-direction:column}.action-tab{width:100%}.page__header{align-items:flex-start;gap:var(--spacing-4);flex-direction:column}}@media (width<=767px){.comment__header{gap:var(--spacing-3);flex-direction:column}.comment__details{grid-template-columns:1fr}.comment__footer{gap:var(--spacing-2);flex-direction:column;align-items:flex-start}.alert{flex-direction:column}}:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-secondary-50:#f8fafc;--color-secondary-100:#f1f5f9;--color-secondary-200:#e2e8f0;--color-secondary-300:#cbd5e1;--color-secondary-400:#94a3b8;--color-secondary-500:#64748b;--color-secondary-600:#475569;--color-secondary-700:#334155;--color-secondary-800:#1e293b;--color-secondary-900:#0f172a;--color-success-50:#f0fdf4;--color-success-500:#22c55e;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-500:#ef4444;--color-error-700:#b91c1c;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--breakpoint-mobile:640px;--breakpoint-tablet:1024px;--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;line-height:var(--line-height-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}ul,ol{list-style:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}html{font-size:16px}@media (width>=768px){html{font-size:18px}}@media (width>=1024px){html{font-size:16px}}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-gray-900)}p{max-width:75ch;margin-bottom:var(--spacing-4)}h1,.h1{font-size:var(--font-size-5xl);line-height:var(--line-height-tight);margin-bottom:var(--spacing-6)}h2,.h2{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);margin-bottom:var(--spacing-5)}h3,.h3{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}h4,.h4{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin-bottom:var(--spacing-3)}h5,.h5{font-size:var(--font-size-xl);line-height:var(--line-height-normal);margin-bottom:var(--spacing-3)}h6,.h6{font-size:var(--font-size-lg);line-height:var(--line-height-normal);margin-bottom:var(--spacing-2)}@media (width<=639px){h1,.h1{font-size:var(--font-size-4xl)}h2,.h2{font-size:var(--font-size-3xl)}h3,.h3{font-size:var(--font-size-2xl)}h4,.h4{font-size:var(--font-size-xl)}h5,.h5{font-size:var(--font-size-lg)}h6,.h6{font-size:var(--font-size-base)}}a{color:var(--color-primary-600);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-muted{color:var(--color-gray-500)}code,pre,.font-mono{font-family:var(--font-family-mono)}.button{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-align:center;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;font-family:inherit;text-decoration:none;display:inline-flex}.button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.button--primary{background:var(--color-primary-600);color:var(--color-white);border-color:var(--color-primary-600)}.button--primary:hover{background:var(--color-primary-700);border-color:var(--color-primary-700)}.button--primary:active{background:var(--color-primary-800);border-color:var(--color-primary-800)}.button--secondary{background:var(--color-gray-100);color:var(--color-gray-700);border-color:var(--color-gray-200)}.button--secondary:hover{background:var(--color-gray-200);border-color:var(--color-gray-300)}.button--secondary:active{background:var(--color-gray-300)}.button--outline{color:var(--color-primary-600);border-color:var(--color-primary-600);background:0 0}.button--outline:hover{background:var(--color-primary-50)}.button--outline:active{background:var(--color-primary-100)}.button--danger{color:var(--color-white);font-weight:var(--font-weight-semibold);background:#dc2626;border-color:#dc2626}.button--danger:hover{background:#b91c1c;border-color:#b91c1c}.button--danger:active{background:#991b1b;border-color:#991b1b}.button--small{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.button--medium{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base)}.button--large{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg)}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.button--icon{padding:var(--spacing-3);aspect-ratio:1}.button--icon svg{width:20px;height:20px}.button--icon.button--small{padding:var(--spacing-2)}.button--icon.button--small svg{width:16px;height:16px}.button--icon.button--large{padding:var(--spacing-4)}.button--icon.button--large svg{width:24px;height:24px}.button-group{gap:var(--spacing-3);flex-wrap:wrap;display:flex}@media (width<=639px){.button-group{flex-direction:column}.button-group .button{width:100%}}.trading-table-wrapper{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);width:100%;max-width:100%;overflow-x:auto}.trading-table{border-collapse:collapse;width:100%;min-width:1200px;font-size:var(--font-size-sm)}.trading-table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.trading-table th{padding:var(--spacing-3) var(--spacing-4);text-align:center;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--font-size-xs);letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.trading-table th:hover{background:var(--color-gray-100)}.trading-table th.sortable:after{content:"⇅";right:var(--spacing-2);opacity:.3;position:absolute}.trading-table th.sortable.asc:after{content:"↑";opacity:1}.trading-table th.sortable.desc:after{content:"↓";opacity:1}.trading-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:background-color var(--transition-fast)}.trading-table tbody tr:hover{background:var(--color-gray-50)}.trading-table tbody tr:last-child{border-bottom:none}.trading-table td{padding:var(--spacing-3) var(--spacing-4);color:var(--color-gray-900);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trading-table__stock{gap:var(--spacing-1);flex-direction:column;display:flex}.trading-table__ticker{font-weight:var(--font-weight-bold);color:var(--color-gray-900);font-size:var(--font-size-sm)}.trading-table__ticker-link{font-weight:var(--font-weight-bold);color:var(--color-primary);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.trading-table__ticker-link:hover{color:var(--color-primary-dark);text-decoration:underline}.trading-table__name{font-size:var(--font-size-xs);color:var(--color-gray-600);white-space:nowrap;text-overflow:ellipsis;max-width:200px;display:block;overflow:hidden}.trading-table__direction{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;white-space:nowrap;display:inline-block}.trading-table__direction--long{background:var(--color-success-50);color:var(--color-success-700)}.trading-table__direction--short{background:var(--color-error-50);color:var(--color-error-700)}.trading-table__direction--hedged{background:var(--color-warning-50);color:var(--color-warning-700)}.trading-table__shares{text-align:center;font-weight:var(--font-weight-medium);font-family:Arial,Verdana,sans-serif}.trading-table__shares--positive{color:var(--color-success-600)}.trading-table__shares--negative{color:var(--color-error-600)}.trading-table__shares--neutral{color:var(--color-gray-700)}.trading-table__actions{gap:var(--spacing-2);justify-content:center;display:flex}.trading-table__action-btn{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast);line-height:1.2}.trading-table__action-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-700)}.trading-table__action-btn--raise{border-color:var(--color-success-300);color:var(--color-success-700)}.trading-table__action-btn--raise:hover{background:var(--color-success-50)}.trading-table__action-btn--trim{border-color:var(--color-warning-300);color:var(--color-warning-700)}.trading-table__action-btn--trim:hover{background:var(--color-warning-50)}.trading-table__action-btn--close{border-color:var(--color-error-300);color:var(--color-error-700)}.trading-table__action-btn--close:hover{background:var(--color-error-50)}.trading-table__rationale{color:var(--color-primary-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none}.trading-table__rationale:hover{color:var(--color-primary-700);text-decoration:underline}.trading-table__contributor{color:var(--color-primary-600);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-decoration:none}.trading-table__contributor:hover{color:var(--color-primary-700);text-decoration:underline}@media (width<=1023px){.trading-table{font-size:var(--font-size-xs)}.trading-table th,.trading-table td{padding:var(--spacing-2) var(--spacing-3)}}@media (width<=767px){.trading-table__number{font-size:var(--font-size-xs)}.trading-table__actions{flex-direction:column}.trading-table__action-btn{width:100%}}.trading-summary{gap:var(--spacing-4);margin-top:var(--spacing-6);padding:var(--spacing-6);background:var(--color-gray-50);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.trading-summary__card{background:var(--color-white);padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);text-align:center}.trading-summary__label{font-size:var(--font-size-xs);color:var(--color-gray-600);text-transform:uppercase;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold)}.trading-summary__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);font-family:Courier New,monospace}@media (width<=767px){.trading-summary{grid-template-columns:repeat(2,1fr)}}.trading-table__status-text{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);border-radius:var(--radius-sm);line-height:1.2;font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;display:inline-block}.trading-table__status-text--pending{color:#f59e0b;background:#fff9e6;border:1px solid #fbbf24}.trading-table__status-text--executed{background:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-200);cursor:pointer}.trading-table__status-text--executed:hover{background:var(--color-success-100)}.trading-table__action-btn--update{background:var(--color-success-50);border-color:var(--color-success-300);color:var(--color-success-700)}.trading-table__action-btn--update:hover{background:var(--color-success-100);border-color:var(--color-success-400)}.trading-table__action-btn--pending{color:#000;background:#ffc107;border-color:#f59e0b}.trading-table__action-btn--pending:hover{background:#eab308;border-color:#d97706}.modal__overlay{padding:var(--spacing-4);z-index:var(--z-index-modal);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal__overlay[aria-hidden=false]{display:flex}.modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;transition:transform var(--transition-fast);overflow-y:auto;transform:scale(.95)}.modal--large{max-width:800px}.modal__overlay[aria-hidden=false] .modal{transform:scale(1)}.modal__header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);line-height:var(--line-height-tight);margin:0}.modal__close{padding:var(--spacing-2);cursor:pointer;color:var(--color-gray-500);border-radius:var(--radius-md);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal__close:hover{color:var(--color-gray-700);background:var(--color-gray-100)}.modal__close:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.modal__body{padding:var(--spacing-6);color:var(--color-gray-700);line-height:var(--line-height-relaxed)}.modal__footer{justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--color-gray-200);display:flex}@media (width<=639px){.modal__overlay{padding:var(--spacing-2)}.modal{max-width:100%;max-height:calc(100vh - var(--spacing-4))}.modal__header,.modal__body,.modal__footer{padding:var(--spacing-4)}.modal__footer{flex-direction:column}.modal__footer .button{width:100%}}body.modal-open{overflow:hidden}.modal:focus-visible{outline:none}.rationale-content{gap:var(--spacing-6);flex-direction:column;display:flex}.rationale-section{gap:var(--spacing-3);flex-direction:column;display:flex}.rationale-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-gray-200);margin:0}.rationale-section__text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-700);margin:0}.rationale-list{gap:var(--spacing-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rationale-list li{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-gray-700);padding-left:var(--spacing-4);position:relative}.rationale-list li:before{content:"•";color:var(--color-primary-600);font-weight:var(--font-weight-bold);position:absolute;left:0}.rationale-metrics{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.rationale-metric{gap:var(--spacing-1);padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-md);flex-direction:column;display:flex}.rationale-metric__label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.rationale-metric__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);font-family:Courier New,monospace}.rationale-details{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.rationale-detail{padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-md);justify-content:space-between;display:flex}.rationale-detail__label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.rationale-detail__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-family:Courier New,monospace}@media (width<=639px){.rationale-metrics,.rationale-details{grid-template-columns:1fr}}.form{max-width:500px;margin:0 auto}.form__row{gap:var(--spacing-4);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=640px){.form__row{grid-template-columns:repeat(2,1fr)}}.form__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-gray-700);margin-bottom:var(--spacing-2);display:block}.form__hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-1);display:block}.form__input,.form__textarea,.form__select{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;line-height:var(--line-height-normal);color:var(--color-gray-900);background:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form__input:focus,.form__textarea:focus,.form__select:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form__input:read-only,.form__textarea:read-only{background:var(--color-gray-50);color:var(--color-gray-700);cursor:default;border-color:var(--color-gray-200)}.form__error-message{font-size:var(--font-size-sm);color:var(--color-error-600);margin-top:var(--spacing-1);display:block}.form__textarea{resize:vertical;min-height:120px;font-family:inherit}.form__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8.825L1.175 4 6 6.825 10.825 12 6 11.175 4 6.825 1.175 4 1.175 6 6 10.825 6 12 6.825 10.825 12 12 10.825 6 11.175 4 6 825 1.175'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;padding-right:var(--spacing-8)}.form__actions{gap:var(--spacing-3);justify-content:flex-end;display:flex}.form__search{margin-bottom:var(--spacing-6)}.form__filters{gap:var(--spacing-4);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=640px){.form__filters{grid-template-columns:repeat(3,1fr)}}.button--block{width:100%}.nav__unread-count{margin-left:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-700);display:inline-block}.nav__button{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.nav__button--primary{background:var(--color-primary-600);color:var(--color-white)}.nav__button--primary:hover{background:var(--color-primary-700)}.nav__button--primary:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.nav__search{position:relative}.nav__search-input{width:200px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.nav__search-input:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.nav__search-input::placeholder{color:var(--color-gray-500)}@media (width<=1023px){.nav__list--primary,.nav__menu,.nav__search{display:none}.nav__toggle{display:block}.nav__profile-button{padding:var(--spacing-1);border:none}.nav__username,.nav__button--primary{display:none}}@media (width>=640px) and (width<=1023px){.nav__button--primary{display:block}}@media (width>=1024px){.nav__mobile-menu[hidden],.nav__toggle{display:none}}@media (width>=640px) and (width<=1023px){.nav__list--primary{gap:var(--spacing-4)}.nav__link{padding:var(--spacing-2);font-size:var(--font-size-sm)}.nav__search-input{width:160px}}.nav{z-index:var(--z-sticky);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0}.nav__container{max-width:1280px;padding:var(--spacing-3) var(--spacing-4);justify-content:space-between;align-items:center;gap:var(--spacing-4);margin:0 auto;display:flex}.nav__logo{align-items:center;gap:var(--spacing-2);color:var(--color-secondary-600);transition:color var(--transition-fast);display:flex}.nav__logo:hover{color:var(--color-secondary-700)}.nav__logo:focus-visible{outline:2px solid var(--color-secondary-500);outline-offset:2px;border-radius:var(--radius-sm)}.nav__logo-image{width:auto;height:36px;display:block}.nav__logo-text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.nav__list{margin:0;padding:0;list-style:none;display:none}.nav__list--primary,.nav__menu{align-items:center;gap:var(--spacing-6);margin:0;padding:0;list-style:none;display:flex}.nav__item{display:block}.nav__link{padding:var(--spacing-1) var(--spacing-2);color:var(--color-gray-700);font-weight:var(--font-weight-medium);border-radius:var(--radius-base);transition:all var(--transition-fast);font-size:14px;text-decoration:none;display:block}.nav__link:hover{color:var(--color-secondary-600);background:var(--color-secondary-50)}.nav__link[aria-current=page]{color:var(--color-secondary-700);background:var(--color-secondary-100);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-secondary-600);position:relative}.nav__link[aria-current=page]:after{content:"";background:var(--color-secondary-600);height:2px;position:absolute;bottom:-2px;left:0;right:0}.nav__item--active .nav__link{color:var(--color-secondary-700);background:var(--color-secondary-100);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-secondary-600);position:relative}.nav__item--active .nav__link:after{content:"";background:var(--color-secondary-600);height:2px;position:absolute;bottom:-2px;left:0;right:0}.nav__link:focus-visible{outline:2px solid var(--color-secondary-500);outline-offset:2px}.nav__actions{align-items:center;gap:var(--spacing-4);display:flex}.nav__notifications{padding:var(--spacing-2);border-radius:var(--radius-base);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;position:relative}.nav__notifications:hover{background:var(--color-gray-100)}.nav__notifications:focus-visible{outline:2px solid var(--color-secondary-500);outline-offset:2px}.nav__badge{background:var(--color-error-500);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:0 var(--spacing-1);border-radius:var(--radius-full);text-align:center;min-width:18px;position:absolute;top:0;right:0}.nav__profile{position:relative}.nav__profile-button{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:flex}.nav__profile-button:hover{background:var(--color-gray-50)}.nav__profile-button:focus-visible{outline:2px solid var(--color-secondary-500);outline-offset:2px}.nav__avatar{border-radius:var(--radius-full);width:32px;height:32px}.nav__username{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.nav__toggle{padding:var(--spacing-2);color:var(--color-gray-700);cursor:pointer;background:0 0;border:none;display:none}.nav__toggle:focus-visible{outline:2px solid var(--color-secondary-500);outline-offset:2px}.nav__mobile-menu{background:var(--color-white);padding:var(--spacing-6);z-index:var(--z-modal);position:fixed;inset:0}.nav__mobile-list{margin:0;padding:0;list-style:none}.nav__mobile-item{border-bottom:1px solid var(--color-gray-200)}.nav__mobile-link{padding:var(--spacing-4) 0;color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none;display:block}.nav__mobile-link:hover{color:var(--color-secondary-600)}@media (width<=1023px){.nav__list--primary,.nav__menu{display:none}.nav__toggle{display:block}.nav__profile-button{padding:var(--spacing-1);border:none}.nav__username{display:none}}@media (width>=1024px){.nav__mobile-menu[hidden],.nav__toggle{display:none}}@media (width>=640px) and (width<=1023px){.nav__list--primary{gap:var(--spacing-4)}.nav__link{padding:var(--spacing-2);font-size:var(--font-size-sm)}}.grid-container{max-width:1280px;padding:0 var(--spacing-4);margin:0 auto}@media (width>=640px){.grid-container{padding:0 var(--spacing-6)}}@media (width>=1024px){.grid-container{padding:0 var(--spacing-8)}}.grid{gap:var(--spacing-4);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=640px){.grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (width>=1024px){.grid{gap:var(--spacing-8)}}.grid--2-cols{grid-template-columns:repeat(1,1fr)}@media (width>=640px){.grid--2-cols{grid-template-columns:repeat(2,1fr)}}.grid--3-cols{grid-template-columns:repeat(1,1fr)}@media (width>=640px){.grid--3-cols{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width>=1024px){.grid--3-cols{grid-template-columns:repeat(3,1fr)}}.grid--4-cols{grid-template-columns:repeat(1,1fr)}@media (width>=640px){.grid--4-cols{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width>=1024px){.grid--4-cols{grid-template-columns:repeat(4,1fr)}}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid__item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:box-shadow var(--transition-fast), transform var(--transition-fast)}.grid__item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.grid--gap-sm{gap:var(--spacing-2)}.grid--gap-md{gap:var(--spacing-4)}.grid--gap-lg{gap:var(--spacing-6)}.grid--gap-xl{gap:var(--spacing-8)}@media (width>=640px){.grid--gap-sm{gap:var(--spacing-3)}.grid--gap-md{gap:var(--spacing-6)}.grid--gap-lg{gap:var(--spacing-8)}.grid--gap-xl{gap:var(--spacing-10)}}@media (width>=1024px){.grid--gap-sm{gap:var(--spacing-4)}.grid--gap-md{gap:var(--spacing-8)}.grid--gap-lg{gap:var(--spacing-10)}.grid--gap-xl{gap:var(--spacing-12)}}.footer{background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);padding:var(--spacing-6) 0;margin-top:var(--spacing-4)}.footer__container{max-width:1280px;padding:0 var(--spacing-4);align-items:flex-start;gap:var(--spacing-6);flex-wrap:wrap;margin:0 auto;display:flex}.footer__section{flex:1;min-width:200px}@media (width>=768px){.footer__section{flex:30%}}.footer__brand{align-items:center;gap:var(--spacing-2);color:var(--color-gray-700);display:flex}.footer__logo-text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.footer__logo{width:auto;height:48px;margin-bottom:var(--spacing-3)}.footer__heading{color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.footer__nav{margin:0}.footer__list{justify-content:center;gap:var(--spacing-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer__link{color:var(--color-gray-600);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.footer__link:hover{color:var(--color-primary-600)}.footer__link:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.footer__social{gap:var(--spacing-4);display:flex}.footer__social-link{color:var(--color-gray-500);padding:var(--spacing-2);border-radius:var(--radius-base);transition:all var(--transition-fast)}.footer__social-link:hover{color:var(--color-primary-600);background:var(--color-gray-100)}.footer__social-link:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.footer__bottom{max-width:1280px;padding:0 var(--spacing-4);text-align:center;margin:0 auto;margin-top:var(--spacing-4)}.footer__bottom p{margin:0}.footer__copyright p{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0}@media (width>=768px){.footer__container{flex-direction:row;justify-content:space-between}}@media (width<=767px){.footer__container{align-items:center;gap:var(--spacing-4);flex-direction:column}.footer__section{text-align:center}}@media (width>=1024px){.footer__container{padding:0 var(--spacing-8)}.footer__list{gap:var(--spacing-8)}}.page{background:var(--color-gray-50);min-height:100vh}.page__container{max-width:1400px;padding:var(--spacing-6) var(--spacing-4) var(--spacing-4);margin:0 auto}.page__header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.page__header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}@media (width<=639px){.page__header{flex-direction:column;align-items:flex-start}.page__header h1{font-size:var(--font-size-2xl)}.page__header .button--large{width:100%}}.filter-bar{z-index:var(--z-index-sticky);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm);position:sticky;top:0}.filter-bar__tabs{gap:var(--spacing-2);margin-bottom:var(--spacing-4);display:flex}.filter-bar__tab{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.filter-bar__tab:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.filter-bar__tab--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-white)}.filter-bar__controls{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.filter-bar__search{flex:1;min-width:200px}.filter-bar__sort{width:150px}@media (width<=639px){.filter-bar__controls{flex-direction:column}.filter-bar__search,.filter-bar__sort{width:100%}}.ideas-grid{margin-bottom:var(--spacing-8)}.card__actions{gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-200);opacity:0;transition:opacity var(--transition-fast);display:flex}.card--idea:hover .card__actions{opacity:1}@media (width<=639px){.card__actions{opacity:1}.card__actions .button{flex:1}}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-4)}.empty-state__icon{width:120px;height:120px;margin:0 auto var(--spacing-6);background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-400);justify-content:center;align-items:center;display:inline-flex}.empty-state__title{margin:0 0 var(--spacing-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.empty-state__message{margin:0 0 var(--spacing-6);font-size:var(--font-size-lg);color:var(--color-gray-600)}.pagination{justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) 0;display:flex}.pagination__button{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.pagination__button:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.pagination__button--disabled{opacity:.5;cursor:not-allowed}.pagination__list{gap:var(--spacing-2);margin:0;padding:0;list-style:none;display:flex}.pagination__item{display:inline-block}.pagination__item a{min-width:40px;height:40px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pagination__item a:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.pagination__item--active a{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-white)}@media (width<=639px){.pagination{flex-wrap:wrap}}@media (width>=640px){.grid--3-col{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid--3-col{grid-template-columns:repeat(3,1fr)}}.modal--idea{max-width:700px}@media (width<=639px){.modal--idea{border-radius:0;max-width:100%;height:100%}}.form-section{margin-bottom:var(--spacing-6)}.form-section:last-child{margin-bottom:0}.form-section__title{margin:0 0 var(--spacing-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.form-row{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=639px){.form-row{grid-template-columns:1fr}}.form__counter{margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:right;display:block}.form__label.required:after{content:"*";color:var(--color-error-500);margin-left:2px}.form__input--error,.form__textarea--error,.form__select--error{border-color:var(--color-error-500)}.form__error-message{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-error-600);display:block}.modal__footer{justify-content:flex-end;gap:var(--spacing-3);display:flex}@media (width<=639px){.modal__footer{flex-direction:column}.modal__footer .button{width:100%}}.form{margin:0}.form__group{margin-bottom:var(--spacing-5)}.form__group:last-child{margin-bottom:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.form__input:focus-visible,.form__textarea:focus-visible,.form__select:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.form__input::placeholder,.form__textarea::placeholder{color:var(--color-gray-400)}.form__input:disabled,.form__textarea:disabled,.form__select:disabled{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.form__textarea{resize:vertical;min-height:120px}input[type=number].form__input{-moz-appearance:textfield}input[type=number].form__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].form__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form__input[style*="text-transform: uppercase"]{text-transform:uppercase}.position-summary{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4)}.update-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-gray-500);margin-left:var(--spacing-3)}.summary-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.summary-card{background:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-md);text-align:center}.summary-card__label{font-size:var(--font-size-xs);color:var(--color-gray-600);text-transform:uppercase;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium)}.summary-card__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);font-family:Courier New,monospace}.summary-card__value.positive{color:var(--color-success-600)}.summary-card__value.negative{color:var(--color-error-600)}.edit-options{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.action-tabs{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.action-tab{padding:var(--spacing-3) var(--spacing-6);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.action-tab:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-700)}.action-tab--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-white)}.edit-form{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6);display:none}.edit-form.active{display:block}.alert{padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);border-left:4px solid}.alert--warning{background:var(--color-warning-50);border-color:var(--color-warning-500);color:var(--color-warning-900)}.alert--warning strong{margin-bottom:var(--spacing-2);font-weight:var(--font-weight-bold);display:block}@media (width<=767px){.summary-grid{grid-template-columns:repeat(2,1fr)}.action-tabs{flex-direction:column}.action-tab{width:100%}.page__header{align-items:flex-start;gap:var(--spacing-4);flex-direction:column}}.comments-feed{margin-top:var(--spacing-8)}.comment{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6);transition:box-shadow var(--transition-fast)}.comment:hover{box-shadow:var(--shadow-md)}.comment__header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:flex-start;display:flex}.comment__author{align-items:center;gap:var(--spacing-3);display:flex}.comment__avatar{border-radius:var(--radius-full);background:var(--color-primary-100);width:40px;height:40px;color:var(--color-primary-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);justify-content:center;align-items:center;display:flex}.comment__meta{gap:var(--spacing-1);flex-direction:column;display:flex}.comment__name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-sm)}.comment__title{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.comment__timestamp{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap}.comment__badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;margin-bottom:var(--spacing-4);display:inline-flex}.comment__badge--open{background:var(--color-success-50);color:var(--color-success-700)}.comment__badge--raise{background:var(--color-primary-50);color:var(--color-primary-700)}.comment__badge--trim{background:var(--color-warning-50);color:var(--color-warning-700)}.comment__badge--update{background:var(--color-info-50);color:var(--color-info-700)}.comment__badge--close{background:var(--color-error-50);color:var(--color-error-700)}.comment__content{gap:var(--spacing-4);flex-direction:column;display:flex}.comment__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.comment__details{gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.comment__detail{gap:var(--spacing-1);flex-direction:column;display:flex}.comment__detail-label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium);text-transform:uppercase}.comment__detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-family:Courier New,monospace}.comment__body{color:var(--color-gray-700);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.comment__body p{margin-bottom:var(--spacing-3)}.comment__body p:last-child{margin-bottom:0}.comment__body ul{margin:var(--spacing-3) 0;padding-left:var(--spacing-6)}.comment__body li{margin-bottom:var(--spacing-2)}.comment__body strong{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.comment__footer{padding-top:var(--spacing-4);margin-top:var(--spacing-4);border-top:1px solid var(--color-gray-100);font-size:var(--font-size-xs);color:var(--color-gray-500);justify-content:space-between;align-items:center;display:flex}.comment__id{font-family:Courier New,monospace;font-weight:var(--font-weight-medium)}.comment__immutable{font-style:italic}.comment--initial{border-color:var(--color-success-300);border-width:2px}.comment--initial .comment__badge--open{background:var(--color-success-100);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4)}.immutable-notice{margin-top:var(--spacing-8)}.alert{gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-md);background:var(--color-warning-50);border-left:4px solid;border-color:var(--color-warning-500);color:var(--color-warning-900);display:flex}.alert svg{margin-top:var(--spacing-1);flex-shrink:0}.alert strong{margin-bottom:var(--spacing-2);font-size:var(--font-size-base);display:block}.alert p{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}@media (width<=767px){.comment__header{gap:var(--spacing-3);flex-direction:column}.comment__details{grid-template-columns:1fr}.comment__footer{gap:var(--spacing-2);flex-direction:column;align-items:flex-start}.alert{flex-direction:column}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}#app{width:100%;min-height:100vh}
