@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-hue:260;--primary:oklch(65% .2 var(--primary-hue));--primary-hover:oklch(60% .22 var(--primary-hue));--bg-page:var(--lightningcss-light,oklch(95% .01 260))var(--lightningcss-dark,oklch(20% .02 260));--bg-card:var(--lightningcss-light,oklch(97% .01 260/.8))var(--lightningcss-dark,oklch(26% .02 260/.8));--bg-header:var(--lightningcss-light,oklch(97% .01 260/.9))var(--lightningcss-dark,oklch(23% .02 260/.9));--text-main:var(--lightningcss-light,oklch(25% .02 260))var(--lightningcss-dark,oklch(92% .01 260));--text-muted:var(--lightningcss-light,oklch(45% .02 260))var(--lightningcss-dark,oklch(75% .02 260));--text-on-primary:oklch(100% 0 0);--border-light:var(--lightningcss-light,oklch(88% .01 260))var(--lightningcss-dark,oklch(35% .03 260));--border-glass:var(--lightningcss-light,oklch(0% 0 0/.05))var(--lightningcss-dark,oklch(100% 0 0/.05));--glass-blur:blur(12px);--shadow-sm:0 2px 8px var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#0003);--shadow-md:0 8px 24px var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#0000004d);--header-height:60px;--container-width:100%;--radius-lg:12px;--radius-md:8px;--radius-sm:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-main);background-color:var(--bg-page);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{background-image:radial-gradient(at 0% 0%, oklch(70% .15 var(--primary-hue) / .03) 0px, transparent 50%), radial-gradient(at 100% 100%, oklch(70% .15 var(--primary-hue) / .03) 0px, transparent 50%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{color:var(--text-main);font-weight:600;line-height:1.2}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}button{cursor:pointer;font-family:inherit}.glass{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1rem}}.header{height:var(--header-height);z-index:100;background:var(--bg-header);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-light);align-items:center;display:flex;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{letter-spacing:-.015em;color:var(--primary);align-items:center;font-size:1.125rem;font-weight:700;display:flex}.actions{align-items:center;gap:1.25rem;display:flex}.header-search{flex:1;max-width:600px;margin:0 40px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{opacity:.5;pointer-events:none;font-size:14px;position:absolute;left:14px}.header-search-input{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-page);width:100%;color:var(--text-main);outline:none;padding:10px 16px 10px 40px;font-size:14px;transition:all .2s}.header-search-input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px oklch(from var(--primary) l c h / .1)}.header-search-input::placeholder{color:var(--text-muted)}.theme-toggle-btn{background:var(--bg-page);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.theme-toggle-btn:hover{border-color:var(--primary);background:var(--bg-card)}.icon-button{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;transition:background .2s;display:flex}.icon-button:hover{background:var(--border-light);color:var(--text-main)}.profile-container{position:relative}.profile-trigger{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;padding:.4rem .625rem;transition:all .2s;display:flex}.profile-trigger:hover,.profile-trigger.active{background:var(--bg-page);border-color:var(--border-light)}.profile-dropdown{border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-md);z-index:1000;flex-direction:column;padding:8px;animation:.2s ease-out dropdownFade;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{flex-direction:column;gap:2px;padding:12px 16px;display:flex}.dropdown-header strong{color:var(--text-main);font-size:14px}.dropdown-header span{color:var(--text-muted);font-size:12px}.dropdown-divider{background:var(--border-light);height:1px;margin:8px 0}.dropdown-item{border-radius:var(--radius-md);text-align:left;color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.dropdown-item:hover{background:var(--bg-page);color:var(--primary)}.dropdown-item.logout{color:oklch(60% .15 20)}.dropdown-item.logout:hover{background:oklch(60% .15 20/.1)}.avatar{background:linear-gradient(135deg, var(--primary), oklch(75% .15 300));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:600;display:flex}.user-info{text-align:left}.user-name{font-size:.875rem;font-weight:500}.user-role{color:var(--text-muted);font-size:.75rem;display:block}@media (width<=640px){.user-info{display:none}}.admin-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;flex:1;margin:12px;display:flex;position:relative;overflow:hidden}.processing-zone{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.processing-tabs{background:var(--bg-page);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:4px;padding:6px 12px;display:flex}.tabs-list{gap:4px;display:flex}.tabs-actions{gap:8px;display:flex}.tab-item{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.tab-item:hover{color:var(--text-main);background:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0d)}.tab-item.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.tab-content{flex:1;padding:20px;overflow-y:auto}.search-results-overlay{background:var(--bg-card);z-index:100;border:1px solid var(--border-light);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);max-height:80vh;box-shadow:var(--shadow-lg);border-top:none;padding:0;position:absolute;top:0;left:0;right:0;overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;background:var(--bg-page);border-bottom:2px solid var(--border-light);color:var(--text-muted);padding:10px 12px;font-weight:600;position:sticky;top:0}.admin-table td{border-bottom:1px solid var(--border-light);padding:10px 12px}.admin-table tr:hover{cursor:pointer;background:var(--lightningcss-light,#00000005)var(--lightningcss-dark,#ffffff08)}.compact-badge{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.section-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.section-title{color:var(--text-main);align-items:baseline;gap:10px;font-size:20px;font-weight:700;display:flex}.section-id{color:var(--text-muted);font-size:14px;font-weight:400}.action-buttons{gap:10px;display:flex}.action-btn{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-main);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-page);border-color:var(--primary);color:var(--primary)}.action-btn.danger{color:oklch(60% .15 20);border-color:oklch(60% .15 20/.2)}.action-btn.danger:hover{color:oklch(50% .15 20);background:oklch(60% .15 20/.1);border-color:oklch(60% .15 20)}.link-button{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.link-button:hover{color:oklch(var(--primary-light) / .8)}.action-btn.danger:hover{background:oklch(95% .05 20);border-color:oklch(60% .15 20)}.action-btn svg{opacity:.9}.info-tables-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:24px;display:grid}.info-table{border-collapse:collapse;background:var(--bg-page);border-radius:var(--radius-md);border:1px solid var(--border-light);width:100%;overflow:hidden}.info-table tr:not(:last-child){border-bottom:1px solid var(--border-light)}.info-table tr:nth-child(2n){background:var(--lightningcss-light,#00000005)var(--lightningcss-dark,#ffffff05)}.info-table td{padding:10px 12px;font-size:13px}.info-table td:first-child{width:50%;color:var(--text-muted);border-right:1px solid var(--border-light);background:var(--lightningcss-light,#00000003)var(--lightningcss-dark,#ffffff03);font-weight:500}.info-table td:last-child{color:var(--text-main);font-weight:500}.info-table.horizontal-summary{table-layout:fixed}.info-table.horizontal-summary thead th{color:var(--text-muted);text-align:left;text-transform:uppercase;border-bottom:1px solid var(--border-light);background:var(--lightningcss-light,#00000005)var(--lightningcss-dark,#ffffff05);padding:8px 12px;font-size:11px;font-weight:600}.info-table.horizontal-summary td{border-right:1px solid var(--border-light);background:0 0!important;width:auto!important}.info-table.horizontal-summary td:last-child{border-right:none}.info-table-wrapper{flex-direction:column;gap:12px;display:flex}.info-table-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-left:3px solid var(--primary);padding-left:4px;font-size:13px;font-weight:700}.task-preview-image{object-fit:cover;object-position:top;border-radius:var(--radius-md);border:1px solid var(--border-light);width:100%;min-height:0;box-shadow:var(--shadow-sm);cursor:zoom-in;background:#fff;flex:1;transition:all .2s;display:block}.task-preview-image:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.status-new{color:oklch(50% .15 200);background:oklch(95% .05 200)}.status-processed{color:oklch(50% .15 140);background:oklch(95% .05 140)}.status-error{color:oklch(50% .15 20);background:oklch(95% .05 20)}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}.ms-8{margin-left:8px}.ms-12{margin-left:12px}.text-right{text-align:right}.text-small{font-size:11px}.fw-bold{font-weight:700}.tab-pane-container{flex-direction:column;gap:24px;display:flex}.content-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.content-card-header{background:var(--bg-page);border-bottom:1px solid var(--border-light);color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;padding:10px 16px;font-size:13px;font-weight:700}.content-card-body{padding:0}.bg-code{background:var(--lightningcss-light,oklch(97% .01 260))var(--lightningcss-dark,oklch(14% .02 260))!important}.code-block{color:var(--lightningcss-light,oklch(30% .02 260))var(--lightningcss-dark,oklch(85% .1 140));white-space:pre-wrap;word-break:break-all;max-height:500px;margin:0;padding:20px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;overflow-y:auto}.json-key{color:var(--lightningcss-light,oklch(50% .15 260))var(--lightningcss-dark,oklch(75% .1 260));font-weight:600}.json-string{color:var(--lightningcss-light,oklch(55% .15 140))var(--lightningcss-dark,oklch(75% .1 140))}.json-number{color:var(--lightningcss-light,oklch(60% .15 40))var(--lightningcss-dark,oklch(80% .1 40))}.json-boolean{color:var(--lightningcss-light,oklch(55% .2 300))var(--lightningcss-dark,oklch(75% .15 300));font-weight:600}.json-null{color:var(--lightningcss-light,oklch(50% 0 0))var(--lightningcss-dark,oklch(70% 0 0));font-style:italic}.list-group{margin:0;padding:0;list-style:none}.list-group-item{border-bottom:1px solid var(--border-light);align-items:center;padding:12px 16px;font-size:13px;display:flex}.list-group-item:last-child{border-bottom:none}.invoice-container{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm);padding:20px}.invoice-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.invoice-title{align-items:baseline;font-size:18px;font-weight:700;display:flex}.invoice-number{color:var(--primary);margin-left:8px}.invoice-total{color:oklch(50% .15 140);font-size:20px;font-weight:800}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:14px;font-style:italic}.task-documents-gallery{flex-direction:column;display:flex}.mb-12{margin-bottom:12px}.images-horizontal-list{scrollbar-width:thin;scrollbar-color:var(--border-light) transparent;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.images-horizontal-list::-webkit-scrollbar{height:6px}.images-horizontal-list::-webkit-scrollbar-thumb{background-color:var(--border-light);border-radius:10px}.gallery-image{border-radius:var(--radius-md);border:1px solid var(--border-light);width:auto;height:180px;box-shadow:var(--shadow-sm);cursor:zoom-in;background:#fff;flex-shrink:0;transition:all .2s}.viewer-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer-container{background:var(--bg-card);border-radius:var(--radius-lg);flex-direction:column;width:90vw;height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.viewer-close{color:#fff;cursor:pointer;z-index:2010;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.viewer-close:hover{background:var(--primary);transform:rotate(90deg)}.viewer-content{flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow:auto}.image-wrapper{background:#fff;max-width:100%;max-height:100%;display:inline-block;position:relative;box-shadow:0 0 30px #0003}.viewer-image{max-width:100%;height:auto;max-height:80vh;display:block}.ocr-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.ocr-rect{fill:oklch(70% .2 200/.15);stroke:oklch(70% .2 200/.4);stroke-width:1px;pointer-events:all;cursor:help;transition:all .1s}.ocr-rect:hover{fill:oklch(70% .2 200/.3);stroke:oklch(70% .2 200/.8);stroke-width:2px}.accounting-view{flex-direction:column;gap:32px;min-height:600px;padding:10px;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:visible}.accounting-columns{z-index:2;grid-template-columns:1fr 1.2fr 1fr;gap:60px;display:grid;position:relative}.accounting-column{flex-direction:column;gap:24px;display:flex}.column-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:8px;font-size:11px;font-weight:700}.acc-card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.acc-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.acc-card.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--shadow-md)}.acc-card-title{color:var(--text-main);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.acc-number-badge{color:var(--primary);background:oklch(var(--primary-light) / .1);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;display:inline-block;position:relative}.central-card{background:linear-gradient(135deg, var(--bg-card), oklch(70% .1 260/.05));border-width:2px;border-color:oklch(70% .1 260/.3);min-height:300px}.central-card-header{border-bottom:1px solid var(--border-light);margin-bottom:4px;padding-bottom:12px}.central-card .vendor-info{grid-template-columns:1fr auto;gap:8px;display:grid}.vendor-name{font-size:14px;font-weight:600}.total-due-label{color:var(--text-muted);text-align:right;font-size:11px}.total-amount{color:var(--text-main);text-align:right;font-size:24px;font-weight:800}.line-items-list{flex-direction:column;gap:8px;display:flex}.line-item-row{background:oklch(70% .1 260/.05);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.line-item-row:hover{background:oklch(70% .1 260/.1);border-color:oklch(70% .1 260/.2)}.line-item-row.highlighted{border-color:var(--primary);background:oklch(70% .2 260/.1)}.source-card{border-left:4px solid oklch(65% .15 240)}.payment-card{background:linear-gradient(135deg, var(--bg-card), oklch(65% .2 200/.05));border-left-color:oklch(65% .2 200)}.payment-card.cash-card{background:linear-gradient(135deg, var(--bg-card), oklch(70% .2 140/.05));border-left-color:oklch(70% .2 140)}.payment-card.card-card{background:linear-gradient(135deg, var(--bg-card), oklch(60% .2 300/.05));border-left-color:oklch(60% .2 300)}.payment-card.offset-card{background:linear-gradient(135deg, var(--bg-card), oklch(65% .1 260/.05));border-left-color:oklch(65% .1 260)}.card-type-icon{opacity:.8;filter:drop-shadow(0 2px 4px #0000001a);font-size:24px;position:absolute;top:12px;right:12px}.payment-card:before,.proforma-card:before{display:none}.proforma-card{background:linear-gradient(135deg, var(--bg-card), oklch(70% .15 40/.05));border-left-color:oklch(70% .15 40)}.proforma-card:before{content:"📄";opacity:.2;font-size:20px;position:absolute;top:12px;right:12px}.allocation-card{background:linear-gradient(135deg, var(--bg-card), oklch(65% .15 150/.05));border-left:4px solid oklch(65% .15 150)}.allocation-card.warehouse-theme{background:linear-gradient(135deg, var(--bg-card), oklch(70% .2 140/.05));border-left-color:oklch(70% .2 140)}.allocation-card.expense-theme{background:linear-gradient(135deg, var(--bg-card), oklch(65% .15 40/.05));border-left-color:oklch(65% .15 40)}.allocation-card.assets-theme{background:linear-gradient(135deg, var(--bg-card), oklch(60% .15 300/.05));border-left-color:oklch(60% .15 300)}.allocation-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;margin-bottom:4px;padding-bottom:12px;display:flex}.allocation-account-info{flex-direction:row;align-items:baseline;gap:12px;display:flex}.allocation-account-number{color:var(--primary);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;position:relative}.allocation-account-name{color:#000;font-size:15px;font-weight:700;position:relative}.allocation-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:24px}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-matched{color:oklch(45% .2 140);background:oklch(92% .1 140)}.status-deducted{color:oklch(45% .2 240);background:oklch(92% .1 240)}.card-value-row{justify-content:space-between;align-items:center;display:flex}.card-label{color:var(--text-muted);font-size:13px}.card-value{font-size:15px;font-weight:700}.connectors-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.connector-path{fill:none;stroke-width:12px;stroke-linecap:round;opacity:.4;transition:all .3s}.connector-path.highlighted{opacity:1;stroke-width:14px;filter:drop-shadow(0 0 8px)}.source-to-invoice{stroke:url(#gradient-blue)}.invoice-to-allocation{stroke:url(#gradient-green)}.accounting-entry-bubble{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-md);z-index:10;border-radius:12px;flex-direction:column;align-self:center;align-items:center;gap:4px;margin-top:-10px;padding:10px 20px;animation:4s ease-in-out infinite float;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.entry-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.entry-value{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.entry-value span{color:var(--primary);cursor:help;-webkit-text-decoration:underline dotted oklch(var(--primary-light) / .4);text-decoration:underline dotted oklch(var(--primary-light) / .4);position:relative}.entry-value span:after,[data-account-name]:after{content:attr(data-account-name);background:var(--text-main);color:var(--bg-card);white-space:normal;opacity:0;pointer-events:none;max-width:250px;box-shadow:var(--shadow-md);z-index:100;border-radius:8px;padding:8px 14px;font-family:Outfit,sans-serif;font-size:11px;line-height:1.4;transition:all .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(10px)}.entry-value span:hover:after,[data-account-name]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.entry-value span:before,[data-account-name]:before{content:"";border:6px solid #0000;border-top-color:var(--text-main);opacity:0;z-index:100;transition:all .2s;position:absolute;bottom:115%;left:50%;transform:translate(-50%)}.entry-value span:hover:before,[data-account-name]:hover:before{opacity:1}.allocation-item{border:1px solid var(--border-light);background:var(--lightningcss-light,#ffffff80)var(--lightningcss-dark,#0003);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.item-icon{font-size:16px}.central-header-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.accounting-unit-badge{color:var(--primary);background:oklch(var(--primary-light) / .1);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.item-desc-wrapper{flex-direction:column;flex:1;gap:4px;display:flex}.item-accounting-info{align-items:center;gap:8px;display:flex}.item-acc-badge{color:var(--text-muted);background:var(--border-light);cursor:help;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;position:relative}.item-acc-badge:hover{background:var(--primary);color:#fff}.log-view-container{flex-direction:column;gap:12px;display:flex}.log-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:border-color .2s;overflow:hidden}.log-section.severity-error{border-color:oklch(60% .15 20/.4)}.log-section.severity-warning{border-color:oklch(75% .15 80/.4)}.log-section.severity-error .log-section-header{background:oklch(60% .15 20/.05)}.log-section.severity-warning .log-section-header{background:oklch(75% .15 80/.05)}.log-section.severity-error .main-title{color:oklch(60% .15 20)}.log-section.severity-warning .main-title{color:oklch(65% .15 80)}.log-section-header{background:var(--bg-page);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #0000;align-items:center;gap:12px;padding:10px 16px;display:flex}.log-section.expanded .log-section-header{border-bottom-color:var(--border-light)}.log-section-icon{opacity:.5;width:12px;font-size:10px}.log-section-title{color:var(--text-main);flex:1;font-size:13px;font-weight:600}.log-section-title-content{justify-content:space-between;align-items:center;width:100%;display:flex}.main-title{font-weight:700}.sub-title{color:var(--text-muted);gap:16px;font-size:11px;font-weight:400;display:flex}.sub-title span{background:var(--lightningcss-light,#00000008)var(--lightningcss-dark,#ffffff0d);border-radius:4px;padding:2px 8px}.log-section-count{color:var(--text-muted);font-size:11px}.log-section-content{padding:4px 0}.log-entry{border-bottom:1px solid var(--lightningcss-light,#00000008)var(--lightningcss-dark,#ffffff08);padding:8px 16px}.log-entry:last-child{border-bottom:none}.log-entry-header{align-items:center;gap:16px;font-size:13px;display:flex}.log-entry.llm .log-entry-header{cursor:pointer}.log-time{color:var(--text-muted);font-family:var(--font-mono);min-width:120px;font-size:11px}.log-type{min-width:60px}.log-message{color:var(--text-main);flex:1}.log-toggle-icon{opacity:.5;font-size:10px}.log-details{background:var(--bg-page);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px;margin-top:12px;padding:12px;display:grid}.log-detail-section{flex-direction:column;gap:6px;display:flex}.log-detail-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:11px;font-weight:700}.log-code{border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;max-height:400px;color:var(--text-main);background:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0d);margin:0;padding:12px;font-size:12px;line-height:1.5;overflow-y:auto}.compact-badge.status-llm{color:oklch(60% .15 280);background:oklch(70% .15 280/.15);border-color:oklch(70% .15 280/.3)}#root{flex-direction:column;min-height:100vh;display:flex}