:root{--base-red:#d11f17;--base-red-hover:#b01b13;--base-red-muted:#d11f1726;--base-graphite:#262626;--base-gray:#e8e8e8;--bg-app:#1a1a1a;--bg-surface:#252525;--bg-elevated:#2f2f2f;--bg-overlay:#3a3a3a;--border-subtle:#303030;--border-default:#404040;--border-strong:#555;--accent:#357a77;--accent-hover:#2c6b67;--accent-muted:#357a7726;--accent-rgb:53, 122, 119;--highlight:#efbd40;--highlight-hover:#d8a930;--highlight-muted:#efbd4066;--highlight-rgb:239, 189, 64;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#fff;--text-on-red:#fff;--color-success:#54ae32;--color-warning:#efbd40;--color-danger:#cd463f;--color-info:#4b97ea;--chart-teal:#2bb5a0;--chart-purple:#9b72cf;--chart-rose:#e05c6a;--chart-slate:#94a3b8;--font-heading:"Oswald", "Roboto", sans-serif;--font-body:"Roboto", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Menlo", monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 24px #000000b3;--topbar-height:48px;--sidebar-width:320px;--left-panel-width:320px;--right-panel-width:320px;--toolbar-height:52px;--footer-height:36px;--grid-panel-border:#e05c6a99;--nota-text-block:var(--accent);--nota-text-block-bg:rgba(var(--accent-rgb), .15);--nota-image-block:#4b97ea;--nota-image-block-bg:#4b97ea26;--nota-content-asset:var(--chart-rose);--nota-content-asset-bg:#e05c6a26}html,body,#root{box-sizing:border-box;height:100%;margin:0;padding:0}*,:before,:after{box-sizing:inherit}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:var(--text-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:var(--radius-full);border:2px solid var(--bg-surface)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}::-webkit-scrollbar-corner{background:var(--bg-surface)}html{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-surface)}.app-name{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--base-red);font-size:20px;font-weight:700;line-height:1}.label-caps{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.label-plain{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.panel-subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--highlight);margin-bottom:var(--space-2);font-weight:600;display:block}.panel-header{justify-content:space-between;align-items:center;gap:var(--space-2);box-sizing:border-box;height:40px;margin-left:calc(-1 * var(--panel-pad,var(--space-2)));margin-right:calc(-1 * var(--panel-pad,var(--space-2)));padding-left:var(--space-2);padding-right:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.panel-header .panel-subtitle{margin-bottom:0}.panel-header--flush{padding-top:var(--space-2);margin-left:0;margin-right:0}.data-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.mono{font-family:var(--font-mono)}.text-secondary-ui{font-size:var(--text-xs);color:var(--text-secondary)}.text-placeholder{font-size:var(--text-xs);color:var(--text-muted)}.pill-group{background-color:var(--bg-app);border-radius:var(--radius-full);flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.pill-btn{font-family:var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;background-color:#0000;border:none;padding:4px 10px;font-size:11px;font-weight:500}.pill-btn:hover:not(.pill-btn--active){color:var(--text-primary)}.pill-btn--active{background-color:var(--bg-elevated);color:var(--text-primary)}.input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:6px var(--space-3);font-size:var(--text-sm);font-family:var(--font-body);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--highlight);box-shadow:0 0 0 2px rgba(var(--highlight-rgb), .25)}.input::placeholder{color:var(--text-muted)}.button-base{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-1);white-space:nowrap;border:1px solid #0000;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.button-base:focus{box-shadow:0 0 0 2px rgba(var(--highlight-rgb), .4);outline:none}.button-base:disabled{opacity:.45;cursor:not-allowed}.button-primary{background-color:var(--base-red);color:var(--text-on-red);border-color:var(--base-red)}.button-primary:hover:not(:disabled){background-color:var(--base-red-hover);border-color:var(--base-red-hover)}.button-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.button-ghost:hover:not(:disabled){background-color:var(--bg-elevated);color:var(--text-primary)}.button-icon{padding:6px!important}.nav-tab{color:var(--text-secondary);background-color:#0000;border-color:#0000}.nav-tab:hover:not(.nav-tab--active){color:var(--text-primary)}.nav-tab--active{background-color:var(--highlight-muted);color:var(--highlight);border-color:var(--highlight)}.list-row{border-top:1px solid var(--border-subtle);border-left:2px solid #0000;transition:background-color .1s,border-color .1s}.list-row:hover{background-color:#ffffff0d}.list-row--active,.list-row--active:hover{background-color:#efbd401a;border-left-color:#efbd4080}.list-row:last-child{border-bottom:1px solid var(--border-subtle)}.row-action-btn{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s,color .1s,border-color .1s;display:flex}.row-action-btn:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-subtle)}.filter-section{padding:0 var(--space-4) var(--space-4);border-bottom:1px solid var(--border-subtle)}.filter-section__heading{padding:var(--space-4) 0 var(--space-2);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.filter-section__heading--toggle{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.filter-section__heading--toggle:hover{color:var(--text-secondary)}.filter-section__chevron{flex-shrink:0;transition:transform .2s;transform:rotate(-90deg)}.filter-section__chevron--open{transform:rotate(0)}.footer-status{align-items:center;gap:var(--space-4);display:flex;overflow:hidden}.footer-status__app{color:var(--text-muted);flex-shrink:0;font-weight:400}.footer-status__version{color:var(--text-muted);margin-left:4px;font-weight:400}.footer-status__item{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.footer-status__item--warning{color:var(--color-warning)}.footer-status__item--success{color:var(--color-success)}.footer-status__item--error{color:var(--color-danger)}.footer-status__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.footer-status__dot--pulse{animation:1.4s ease-in-out infinite footer-pulse}@keyframes footer-pulse{0%,to{opacity:1}50%{opacity:.2}}.login-page{min-height:100vh;padding:var(--space-6);background:var(--bg-app);justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-8);box-shadow:var(--shadow-lg);text-align:center}.login-card h1{font-family:var(--font-heading);font-weight:600;font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-3)}.login-card p{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-5);line-height:1.5}.login-card button.google-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;font-family:var(--font-body);font-size:var(--text-sm);color:#3c4043;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px var(--space-3);cursor:pointer;background:#fff;font-weight:500;transition:background .15s;display:flex}.login-card button.google-btn:hover:not(:disabled){background:#f1f1f1}.login-card button.google-btn:disabled{opacity:.6;cursor:default}.login-error{font-family:var(--font-body);color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--space-3)}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-body), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.\!p-1\.5{padding:.375rem!important}.p-2{padding:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-0{padding-left:0}.pl-4{padding-left:1rem}.pr-0{padding-right:0}.text-left{text-align:left}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}