:root{--bg-primary:#05060a;--bg-secondary:#0a0e18;--bg-tertiary:#10182b;--bg-elevated:#141d33;--border-hairline:#ffffff12;--border-color:#5ea8ff29;--border-focus:#5ec8ff;--text-main:#f3f6fb;--text-muted:#93a0b8;--text-subtle:#5b6884;--color-primary:#2f7bff;--color-primary-light:#5ec8ff;--color-primary-glow:#2f7bff4d;--gradient-primary:linear-gradient(135deg, #2f7bff 0%, #5ec8ff 100%);--color-success:#2fd88f;--color-success-glow:#2fd88f38;--color-danger:#ff5c72;--color-danger-glow:#ff5c7238;--color-warning:#f5a623;--color-warning-glow:#f5a62333;--glass-bg:#0a0e1899;--glass-border:#ffffff14;--glass-backdrop:blur(20px);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:999px;--elevation-rest:0 1px 2px #0006, 0 8px 24px #00000059;--elevation-hover:0 2px 4px #00000073, 0 16px 40px #00000073;--elevation-active:0 1px 2px #00000080, 0 4px 12px #0006;--shadow-sm:var(--elevation-active);--shadow-lg:var(--elevation-rest);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2.125rem;--text-3xl:3rem;--font-display:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-main);font-size:var(--text-base);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.bg-blur-glow{filter:blur(120px);z-index:-1;opacity:.22;pointer-events:none;will-change:transform;border-radius:50%;position:fixed}.sphere-1{background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);width:560px;height:560px;animation:26s ease-in-out infinite drift1;top:-120px;right:-80px}.sphere-2{background:radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);width:620px;height:620px;animation:32s ease-in-out infinite drift2;bottom:-160px;left:-120px}@keyframes drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,40px)scale(1.08)}}@keyframes drift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.05)}}.app-container{max-width:1080px;padding:var(--space-4);gap:var(--space-6);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}@media (width>=640px){.app-container{padding:var(--space-5);gap:var(--space-7)}}@media (width>=1024px){.app-container{padding:var(--space-7) var(--space-6)}}.app-header{align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-hairline);flex-direction:column;display:flex}@media (width>=640px){.app-header{flex-flow:wrap;justify-content:space-between;align-items:center}}.logo-area{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.logo-wrapper{justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.logo-wrapper:hover{transform:scale(1.03)}.logo-codisplan{filter:drop-shadow(0 2px 10px #2f7bff2e);width:180px;height:auto}@media (width>=640px){.logo-codisplan{width:220px}}.logo-title-divider{display:none}@media (width>=640px){.logo-title-divider{background-color:var(--border-hairline);width:1px;height:36px;margin:0 var(--space-1);display:block}}.app-title-text{font-family:var(--font-display);letter-spacing:-.4px;align-items:center;gap:var(--space-2);color:var(--text-main);font-weight:700;display:flex;font-size:var(--text-lg)!important}.badge-premium{font-size:var(--text-xs);text-transform:uppercase;background:var(--gradient-primary);padding:2px var(--space-2);border-radius:var(--radius-full);color:#05060a;letter-spacing:.5px;box-shadow:0 0 12px var(--color-primary-glow);font-weight:600}.subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.security-status{align-items:center;gap:var(--space-2);background-color:var(--bg-secondary);border:1px solid var(--border-hairline);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);justify-content:center;align-self:stretch;display:flex}@media (width>=640px){.security-status{font-size:var(--text-sm);justify-content:flex-start;align-self:auto}}.status-indicator{background-color:var(--text-subtle);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.status-indicator.active{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-indicator.active:after{content:"";border:2px solid var(--color-success);border-radius:50%;animation:1.8s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:-3px}.warning-banner{border:1px solid var(--color-warning);border-radius:var(--radius-md);background:#f59e0b1a;align-items:flex-start;gap:15px;margin-bottom:10px;padding:15px 20px;animation:.4s ease-out fadeIn;display:flex}.warning-icon{color:var(--color-warning);font-size:1.5rem}.warning-content h3{font-family:var(--font-display);color:var(--color-warning);margin-bottom:4px;font-size:1rem}.warning-content p{color:var(--text-main);font-size:.9rem}.warning-content code{background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:monospace}.card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--elevation-rest);position:relative;overflow:hidden}@media (width>=640px){.card{padding:var(--space-6)}}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff29,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.card-header-actions{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.card-header-actions .card-header{margin-bottom:0}.step-num{background:var(--gradient-primary);color:#05060a;width:28px;height:28px;font-weight:700;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card h2{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.3px;font-weight:600}.dropzone{border:2px dashed var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-7) var(--space-4);text-align:center;cursor:pointer;background-color:#ffffff04;transition:border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative}.dropzone:hover,.dropzone.dragover{border-color:var(--color-primary-light);background-color:#5ea8ff0a;box-shadow:inset 0 0 0 1px #5ea8ff14,0 0 30px #5ea8ff24}.file-input-hidden{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.icon-upload{margin-bottom:var(--space-4);filter:drop-shadow(0 0 10px var(--color-primary-glow));font-size:2.5rem;animation:3s ease-in-out infinite float}.dropzone.dragover .icon-upload{animation:1.2s ease-in-out infinite float,1.2s ease-in-out infinite pulse-scale}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.dropzone-prompt h3{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:500}.dropzone-prompt p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.file-limits{background:var(--bg-tertiary);padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);border:1px solid var(--border-hairline);color:var(--color-primary-light);display:inline-block}.dropzone-file-info{justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-3);animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex}.icon-file{filter:drop-shadow(0 0 10px #ffffff26);font-size:2.25rem}.file-details{text-align:left;gap:var(--space-1);flex-direction:column;display:flex}.file-name{font-weight:600;font-size:var(--text-base);color:var(--text-main);word-break:break-all}.file-size{font-size:var(--text-sm);color:var(--text-muted)}.btn-remove-file{color:var(--color-danger);width:28px;height:28px;font-size:var(--text-lg);cursor:pointer;z-index:10;background:#ff5c7226;border:1px solid #ff5c7233;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:background-color .2s,color .2s,box-shadow .2s;display:flex;position:relative}.btn-remove-file:hover{background-color:var(--color-danger);color:#fff;box-shadow:0 0 10px var(--color-danger-glow)}.bank-select-group{gap:var(--space-2);margin-top:var(--space-5);margin-bottom:var(--space-5);text-align:left;flex-direction:column;display:flex}.bank-select-label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-main);font-weight:600}.select-wrapper{width:100%;display:flex;position:relative}.bank-select-input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;appearance:none;outline:none;padding-right:40px;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.bank-select-input:hover{border-color:#5ea8ff59}.bank-select-input:focus{border-color:var(--border-focus);box-shadow:0 0 10px var(--color-primary-glow)}.select-arrow{right:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);pointer-events:none;transition:color .2s;position:absolute;top:50%;transform:translateY(-50%)}.bank-select-input:focus+.select-arrow{color:var(--color-primary-light)}.bank-select-input option{background-color:var(--bg-secondary);color:var(--text-main);padding:var(--space-2)}.btn{font-family:var(--font-display);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:none;font-weight:600;text-decoration:none;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}.btn-primary{background:var(--gradient-primary);color:#05060a;width:100%;margin-top:var(--space-5);font-size:var(--text-base);box-shadow:var(--elevation-rest)}.btn-primary:not(:disabled):hover{box-shadow:var(--elevation-hover)}.btn-glow{background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn:not(:disabled):hover .btn-glow{left:100%}.loading-card{padding:var(--space-8) var(--space-5)}.loading-wrapper{text-align:center;flex-direction:column;align-items:center;display:flex}.progress-ring{width:64px;height:64px;margin:0 auto var(--space-6)}.progress-ring svg{animation:1.4s linear infinite spin}.progress-ring-track{fill:none;stroke:var(--border-hairline);stroke-width:4px}.progress-ring-arc{fill:none;stroke:var(--color-primary-light);stroke-width:4px;stroke-linecap:round;stroke-dasharray:163;stroke-dashoffset:120px}@keyframes spin{to{transform:rotate(360deg)}}.loading-card h2{font-size:var(--text-lg)}.loading-sub{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-2) 0 var(--space-6);max-width:440px}.mode-badge-container{margin-bottom:var(--space-5)}.mode-badge{align-items:center;gap:var(--space-2);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--color-primary-light);font-size:var(--text-xs);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:inline-flex}.mode-badge.fast{color:var(--color-success);box-shadow:0 0 10px var(--color-success-glow);border-color:#2fd88f66}.mode-badge.ocr{color:var(--color-warning);box-shadow:0 0 10px var(--color-warning-glow);border-color:#f5a62366}.loading-steps{gap:var(--space-4);text-align:left;flex-direction:column;width:100%;max-width:400px;list-style:none;display:flex}.step-item{align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);opacity:.5;transition:color .3s,opacity .3s;display:flex}.step-item.active{color:var(--text-main);opacity:1;font-weight:500}.step-check{border:1.5px solid var(--text-subtle);width:20px;height:20px;font-size:var(--text-xs);color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.step-item.active .step-check{border-color:var(--color-primary-light);color:var(--color-primary-light);box-shadow:0 0 8px var(--color-primary-glow)}.step-item.completed{color:var(--color-success);opacity:1}.step-item.completed .step-check{background-color:var(--color-success);border-color:var(--color-success);color:#05060a}.table-instruction{color:var(--text-muted);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary);background-color:#ffffff05;margin-bottom:15px;padding:8px 12px;font-size:.85rem;display:inline-block}.text-right{text-align:right}.text-center{text-align:center}.stats-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=640px){.stats-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";width:3px;height:100%;position:absolute;top:0;left:0}.stat-card.credit:before{background-color:var(--color-success)}.stat-card.debit:before{background-color:var(--color-danger)}.stat-card.balance:before{background:var(--gradient-primary)}.stat-label{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.stat-value{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.5px;font-weight:700}.stat-card.credit .stat-value{color:var(--color-success)}.stat-card.debit .stat-value{color:var(--color-danger)}.stat-card.balance .stat-value.positive{color:var(--color-success)}.stat-card.balance .stat-value.negative{color:var(--color-danger)}.actions-area{border-top:1px solid var(--border-color);padding-top:25px}.toast-container{bottom:var(--space-5);right:var(--space-5);left:var(--space-5);align-items:flex-end;gap:var(--space-3);z-index:9999;pointer-events:none;flex-direction:column;display:flex;position:fixed}@media (width>=640px){.toast-container{left:auto}}.toast{-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);width:100%;max-width:400px;box-shadow:var(--elevation-hover);align-items:center;gap:var(--space-3);color:var(--text-main);pointer-events:auto;background:#0a0e18e6;display:flex}.toast.success{border-left:4px solid var(--color-success)}.toast.error{border-left:4px solid var(--color-danger)}.toast.warning{border-left:4px solid var(--color-warning)}.toast-icon{font-size:var(--text-lg)}.toast-message{font-size:var(--text-sm);flex-grow:1;font-weight:500}.toast-close{color:var(--text-muted);cursor:pointer;font-size:var(--text-lg);background:0 0;border:none;line-height:1}.toast-close:hover{color:var(--text-main)}.app-footer{text-align:center;padding:var(--space-7) 0 var(--space-3);border-top:1px solid var(--border-hairline);gap:var(--space-3);flex-direction:column;margin-top:auto;display:flex}.app-footer p{font-size:var(--text-xs);color:var(--text-muted)}.privacy-note{background-color:var(--bg-secondary);max-width:640px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-hairline);margin:0 auto;line-height:1.6;font-size:var(--text-sm)!important}@keyframes pulse-ring{0%{opacity:1;transform:scale(.3)}80%,to{opacity:0;transform:scale(2.2)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hidden{display:none!important}.review-header{margin-bottom:var(--space-5);border-bottom:1px solid var(--border-hairline);padding-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.review-header h2{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-main);font-weight:700}.transaction-count{font-size:var(--text-sm);color:var(--text-muted)}.search-actions-bar{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}@media (width>=640px){.search-actions-bar{flex-direction:row;align-items:center}}.search-container{flex-grow:1;align-items:center;display:flex;position:relative}.search-icon{left:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);pointer-events:none;position:absolute}.search-container input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) 38px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:border-color .25s,box-shadow .25s}.search-container input:focus{border-color:var(--border-focus);box-shadow:0 0 10px var(--color-primary-glow)}.action-buttons-group{gap:var(--space-2);justify-content:flex-end;display:flex}.btn-circle{background-color:var(--bg-tertiary);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-main);font-size:var(--text-lg);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:background-color .25s,border-color .25s,box-shadow .25s;display:flex}.btn-circle:hover{border-color:var(--text-subtle);background-color:#ffffff0f}.btn-circle.btn-add-main{color:var(--color-success);border-color:#2fd88f59}.btn-circle.btn-add-main:hover{border-color:var(--color-success);box-shadow:0 0 8px var(--color-success-glow);background-color:#2fd88f1a}.btn-circle:disabled{opacity:.4;cursor:not-allowed}.review-table-container{display:none}@media (width>=768px){.review-table-container{border:1px solid var(--border-hairline);border-radius:var(--radius-lg);max-height:480px;margin-bottom:var(--space-5);background-color:#0a0d144d;display:block;overflow-y:auto}}.review-table-container::-webkit-scrollbar{width:8px;height:8px}.review-table-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.review-table-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.review-table-container::-webkit-scrollbar-thumb:hover{background:#fff3}.review-table{border-collapse:collapse;width:100%;margin:0}.review-table thead{z-index:10;background-color:var(--bg-secondary);position:sticky;top:0}.review-table th{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-hairline);padding:var(--space-3) var(--space-2);font-weight:600;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.review-table tr{border-bottom:1px solid var(--border-hairline);transition:background-color .15s}.review-table tbody tr:hover{background-color:#ffffff06}.review-table td{padding:var(--space-2);vertical-align:middle;font-size:var(--text-sm)}.review-table input[type=text]{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-body);font-size:var(--text-sm);background-color:#10152480;outline:none;transition:border-color .2s,background-color .2s,box-shadow .2s}.review-table input[type=text]:focus{border-color:var(--border-focus);background-color:var(--bg-tertiary);box-shadow:0 0 6px var(--color-primary-glow)}.review-table input.input-val-debit{color:var(--color-danger);text-align:right;font-weight:500}.review-table input.input-val-credit{color:var(--color-success);text-align:right;font-weight:500}.review-table input.input-val-credit:placeholder-shown,.review-table input.input-val-debit:placeholder-shown{color:var(--text-muted)}.review-table input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary)}.line-actions{gap:var(--space-2);justify-content:center;display:flex}.btn-line-action{font-size:var(--text-lg);cursor:pointer;padding:var(--space-1);background:0 0;border:none;line-height:1;transition:transform .15s,opacity .15s}.btn-line-action:hover{transform:scale(1.2)}.btn-line-action.add{color:var(--color-success)}.btn-line-action.delete{color:var(--color-danger)}.transaction-card-list{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}@media (width>=768px){.transaction-card-list{display:none}}.transaction-card{background-color:var(--bg-secondary);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;transition:opacity .2s;display:flex}.transaction-card-row-top{align-items:center;gap:var(--space-3);display:flex}.transaction-card-row-top input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0}.transaction-card-date{flex:1}.transaction-card-row-top .line-actions{justify-content:flex-end}.transaction-card input[type=text]{width:100%;padding:var(--space-3);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-body);font-size:var(--text-base);background-color:#10152480;outline:none;transition:border-color .2s,box-shadow .2s}.transaction-card input[type=text]:focus{border-color:var(--border-focus);box-shadow:0 0 6px var(--color-primary-glow)}.transaction-card-values{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.transaction-card-values label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:var(--space-1);display:block}.transaction-card input.input-val-credit{color:var(--color-success);font-weight:500}.transaction-card input.input-val-debit{color:var(--color-danger);font-weight:500}.transaction-card input.input-val-credit:placeholder-shown,.transaction-card input.input-val-debit:placeholder-shown{color:var(--text-muted)}.transaction-card-empty{text-align:center;color:var(--text-muted);padding:var(--space-6) var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-hairline);border-radius:var(--radius-md)}.metadata-grid{gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-hairline);margin-bottom:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=640px){.metadata-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.metadata-grid{grid-template-columns:repeat(4,1fr)}}.metadata-item{gap:var(--space-2);flex-direction:column;display:flex}.metadata-item label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metadata-item input{padding:var(--space-3) var(--space-4);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:border-color .25s,box-shadow .25s}.metadata-item input:focus{border-color:var(--border-focus);box-shadow:0 0 10px var(--color-primary-glow)}.review-footer-actions{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column-reverse;display:flex}@media (width>=640px){.review-footer-actions{flex-direction:row;justify-content:space-between;align-items:center}}.btn-voltar{border:1px solid var(--border-color)!important;color:var(--text-main)!important;padding:var(--space-3) var(--space-6)!important;border-radius:var(--radius-md)!important;cursor:pointer!important;background-color:#0000!important;font-weight:600!important}.btn-voltar:hover{border-color:var(--text-subtle)!important;background-color:#ffffff0d!important}.btn-finalizar{background:var(--gradient-primary)!important;color:#05060a!important;padding:var(--space-3) var(--space-7)!important;border-radius:var(--radius-md)!important;cursor:pointer!important;box-shadow:var(--elevation-rest)!important;border:none!important;font-weight:700!important}.btn-finalizar:hover{box-shadow:var(--elevation-hover)!important}.execution-tracker-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-top:var(--space-5);box-shadow:var(--elevation-rest);transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.execution-tracker-card:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#5ea8ff66,#0000);height:2px;position:absolute;top:0;left:0;right:0}.execution-tracker-card.status-running:before{background:linear-gradient(90deg, transparent, var(--color-primary-light), transparent);animation:2s linear infinite shimmerTracker}@keyframes shimmerTracker{0%{transform:translate(-100%)}to{transform:translate(100%)}}.execution-tracker-body{gap:var(--space-4);flex-direction:column;display:flex}@media (width>=768px){.execution-tracker-body{flex-direction:row;justify-content:space-between;align-items:flex-start}}.execution-tracker-info{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.execution-tracker-title-row{align-items:center;gap:var(--space-2);display:flex}.execution-pulse-icon{color:var(--color-primary-light);filter:drop-shadow(0 0 6px var(--color-primary-glow));justify-content:center;align-items:center;display:inline-flex}.execution-pulse-icon.status-running{animation:1.4s ease-in-out infinite pulseBeat}.execution-pulse-icon.status-error{color:var(--color-danger);filter:drop-shadow(0 0 6px var(--color-danger-glow))}.execution-pulse-icon.status-success{color:var(--color-success);filter:drop-shadow(0 0 6px var(--color-success-glow))}@keyframes pulseBeat{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.execution-tracker-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-main);letter-spacing:-.2px;font-weight:700}.execution-tracker-status{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px;line-height:1.5}.execution-tracker-card.status-error .execution-tracker-status{color:#ff9aa8}.execution-tracker-card.status-success .execution-tracker-status{color:#85efbe}.execution-tracker-caption{font-size:var(--text-xs);color:var(--text-subtle);margin-top:4px;line-height:1.4}.execution-tracker-actions{align-items:flex-start;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}@media (width>=768px){.execution-tracker-actions{align-items:flex-end}}.execution-tracker-btn-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-tracker-primary,.btn-tracker-secondary{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;font-family:var(--font-body);cursor:pointer;border:1px solid var(--border-color);color:var(--text-main);background:#ffffff08;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0003}.btn-tracker-primary:hover{border-color:var(--border-focus);box-shadow:0 0 12px var(--color-primary-glow);background:#5ea8ff14}.btn-tracker-secondary:hover:not(:disabled){border-color:var(--text-muted);background:#ffffff0f}.btn-tracker-secondary:disabled{opacity:.45;cursor:not-allowed;border-color:var(--border-hairline)}.tracker-log-badge{background:var(--color-primary);color:#05060a;border-radius:var(--radius-full);margin-left:2px;padding:1px 7px;font-size:11px;font-weight:800}.execution-tracker-btn-bottom{justify-content:flex-start;width:100%;display:flex}@media (width>=768px){.execution-tracker-btn-bottom{justify-content:flex-end}}.btn-tracker-ghost{color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:6px;padding:4px 6px;font-weight:500;transition:color .2s,opacity .2s;display:inline-flex}.btn-tracker-ghost:hover:not(:disabled){color:var(--color-danger)}.btn-tracker-ghost:disabled{opacity:.35;cursor:not-allowed}.diagnostic-modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:1000;padding:var(--space-4);background-color:#05060ac7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.diagnostic-modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:880px;max-height:88vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000b3,0 0 30px #5ea8ff1f}.diagnostic-modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-hairline);background:#ffffff04;justify-content:space-between;align-items:center;display:flex}.diagnostic-modal-title-wrap{align-items:center;gap:var(--space-3);display:flex}.diagnostic-modal-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-primary-light);border:1px solid var(--border-color);background:#5ea8ff1f;justify-content:center;align-items:center;display:flex}.diagnostic-modal-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-main);letter-spacing:-.3px;font-weight:700}.diagnostic-modal-sub{font-size:var(--text-xs);color:var(--text-muted)}.diagnostic-modal-header-actions{align-items:center;gap:var(--space-3);display:flex}.diagnostic-stat-pills{align-items:center;gap:6px;display:none}@media (width>=640px){.diagnostic-stat-pills{display:flex}}.diag-pill{border-radius:var(--radius-full);padding:3px 8px;font-size:11px;font-weight:600}.diag-pill.total{color:var(--text-muted);border:1px solid var(--border-hairline);background:#ffffff0f}.diag-pill.success{color:var(--color-success);background:#2fd88f1f;border:1px solid #2fd88f40}.diag-pill.warn{color:var(--color-warning);background:#f5a6231f;border:1px solid #f5a62340}.diag-pill.error{color:var(--color-danger);background:#ff5c7224;border:1px solid #ff5c724d}.btn-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;transition:all .2s;display:flex}.btn-modal-close:hover{color:var(--text-main);background:#ffffff14}.diagnostic-modal-toolbar{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-hairline);gap:var(--space-3);background:#10182b80;flex-direction:column;display:flex}@media (width>=640px){.diagnostic-modal-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.diagnostic-filter-pills{align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-btn{border:1px solid var(--border-hairline);color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#ffffff0a;padding:4px 10px;font-weight:500;transition:all .2s}.filter-btn:hover{color:var(--text-main);background:#ffffff14}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#05060a;font-weight:700}.diagnostic-search-wrap{align-items:center;min-width:200px;display:flex;position:relative}.diagnostic-search-input{background:var(--bg-tertiary);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-size:var(--text-xs);outline:none;padding:6px 28px;transition:border-color .2s}.diagnostic-search-input:focus{border-color:var(--border-focus)}.diagnostic-search-wrap .search-icon{color:var(--text-subtle);pointer-events:none;font-size:12px;position:absolute;left:8px}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;position:absolute;right:6px}.diagnostic-console-container{padding:var(--space-4) var(--space-5);background:#060912;flex:1;min-height:320px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow-y:auto}.diagnostic-empty-state{text-align:center;padding:var(--space-7) var(--space-4);color:var(--text-subtle);flex-direction:column;justify-content:center;align-items:center;display:flex}.diagnostic-empty-state .empty-icon{margin-bottom:var(--space-2);opacity:.6;font-size:32px}.diagnostic-empty-state h4{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-1)}.diagnostic-empty-state p{font-size:var(--text-xs);max-width:380px}.diagnostic-logs-list{flex-direction:column;gap:4px;display:flex}.diagnostic-log-row{border-radius:4px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:5px 8px;transition:background .15s;display:flex}.diagnostic-log-row:hover{background:#ffffff08}.log-time{color:var(--text-subtle);flex-shrink:0;font-size:11px}.log-level-badge{letter-spacing:.5px;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:700}.log-level-badge.info{color:var(--color-primary-light);background:#2f7bff2e}.log-level-badge.success{color:var(--color-success);background:#2fd88f33}.log-level-badge.warn{color:var(--color-warning);background:#f5a62333}.log-level-badge.error{color:var(--color-danger);background:#ff5c7238}.log-category-tag{color:#7b8fae;text-transform:uppercase;flex-shrink:0;font-size:10.5px}.log-message-text{color:#d8e2f0;word-break:break-word;flex:1}.diagnostic-log-row.level-error .log-message-text{color:#ffa1ad}.diagnostic-log-row.level-warn .log-message-text{color:#fed78a}.diagnostic-log-row.level-success .log-message-text{color:#a8f5cf}.log-details-block{width:100%;margin-top:4px;margin-left:20px}.log-details-block summary{color:var(--color-primary-light);cursor:pointer;outline:none;font-size:11px}.log-details-block pre{border:1px solid var(--border-hairline);color:#b5c7e0;white-space:pre-wrap;background:#030408;border-radius:4px;margin-top:6px;padding:8px 12px;font-size:11px;overflow-x:auto}.diagnostic-modal-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-hairline);gap:var(--space-3);background:#ffffff04;flex-direction:column;display:flex}@media (width>=640px){.diagnostic-modal-footer{flex-direction:row;justify-content:space-between;align-items:center}}.diagnostic-modal-footer-note{font-size:var(--text-xs);color:var(--text-subtle);align-items:center;gap:6px;display:flex}.diagnostic-modal-footer-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-diag-action{border:1px solid var(--border-hairline);color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:all .2s;display:inline-flex}.btn-diag-action:hover:not(:disabled){color:var(--text-main);border-color:var(--border-color);background:#ffffff14}.btn-diag-action.danger:hover:not(:disabled){color:var(--color-danger);background:#ff5c7214;border-color:#ff5c7266}.btn-diag-action:disabled{opacity:.4;cursor:not-allowed}.btn-diag-close-main{background:var(--gradient-primary);color:#05060a;font-weight:700;font-size:var(--text-xs);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 16px;transition:opacity .2s}.btn-diag-close-main:hover{opacity:.9}
