:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#dbe3e7;background:radial-gradient(circle at top left,rgba(166,117,78,.22),transparent 28%),linear-gradient(160deg,#142126,#1d2f36 44%,#0d171c);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);min-height:100vh}.app-sidebar{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1.25rem;border-right:1px solid rgba(219,227,231,.08);background:#0a14188c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-main{padding:2rem}.brand-block h1,.page-header h2,.panel-heading h3,.card-topline h4{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;letter-spacing:-.04em}.brand-block,.panel,.login-panel{border:1px solid rgba(219,227,231,.09);background:#0b151ac7;box-shadow:0 20px 70px #00000038}.brand-block{padding:1.25rem;border-radius:1.25rem}.sidebar-nav{display:grid;gap:.5rem}.nav-link{padding:.85rem 1rem;border-radius:.95rem;color:#abc0ca;background:#ffffff05;transition:background-color .16s ease,color .16s ease,transform .16s ease}.nav-link:hover,.nav-link.active{color:#f4f7f8;background:#a6754e3d;transform:translate(3px)}.sidebar-logout{margin-top:auto}.page-section,.login-screen{display:grid;gap:1.25rem}.page-header,.action-row,.card-topline,.run-row,.counter-strip,.event-row,.checkbox-row{display:flex;align-items:center}.page-header,.card-topline,.run-row{justify-content:space-between;gap:1rem}.page-header{padding:.25rem 0}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:#d29d74}.muted{margin:0;color:#9fb1b9}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.panel,.login-panel{padding:1.25rem;border-radius:1.35rem}.panel-heading{display:grid;gap:.3rem;margin-bottom:1rem}.panel-heading-inline{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stack-form,.card-list,.event-list{display:grid;gap:.9rem}.field{display:grid;gap:.4rem}.field span,.meta-grid dt,.run-title,.counter-card span{font-size:.88rem;font-weight:600;color:#bfd0d6}.input{width:100%;padding:.85rem .95rem;border:1px solid rgba(219,227,231,.12);border-radius:.95rem;color:#f5f7f8;background:#ffffff0a;outline:none}.input:focus{border-color:#d29d74bf;box-shadow:0 0 0 3px #d29d742e}.checkbox-row{gap:.7rem;color:#dbe3e7}.checkbox-row input{accent-color:#d29d74}.button{border:0;border-radius:999px;padding:.8rem 1.05rem;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background-color .16s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:progress;opacity:.72;transform:none}.button-primary{color:#111c21;background:linear-gradient(135deg,#f4d8b9,#d29d74)}.button-secondary{color:#eff4f6;background:#ffffff14}.button-danger{color:#ffe4e4;background:#982c2c7a}.notice,.empty-state{margin:0;padding:.95rem 1rem;border-radius:1rem}.notice-info{color:#eaf2f6;background:#53799147}.notice-danger{color:#ffe5e5;background:#92313157}.empty-state{color:#9fb1b9;background:#ffffff08}.data-card,.run-row,.event-row,.counter-card{padding:1rem;border-radius:1rem;background:#ffffff09;border:1px solid rgba(219,227,231,.08)}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;margin:1rem 0}.meta-grid dt{margin-bottom:.2rem}.meta-grid dd{margin:0}.action-row{flex-wrap:wrap;gap:.75rem}.filter-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .62rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.status-pill.ok{color:#cff0d0;background:#4483506b}.status-pill.warn{color:#ffe8bc;background:#b87e1566}.status-pill.danger{color:#ffd9d9;background:#a1333375}.status-pill.idle{color:#c9d7dd;background:#ffffff14}.run-stats,.flag-row{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.run-stats span{color:#bfced4;font-size:.88rem}.event-row{align-items:flex-start;gap:1rem}.event-row>div{min-width:0;flex:1 1 auto}.event-row p{margin:0}.event-row p:first-child{overflow-wrap:anywhere}.table-shell{overflow-x:auto;border-radius:1rem;border:1px solid rgba(219,227,231,.08)}.data-table{width:100%;border-collapse:collapse;min-width:680px}.product-table{table-layout:fixed}.product-table-name-col{width:48%}.product-table-price-col,.product-table-stock-col,.product-table-flags-col,.product-table-change-col{width:13%}.data-table th,.data-table td{padding:.9rem 1rem;border-bottom:1px solid rgba(219,227,231,.08);text-align:left;vertical-align:top}.data-table th{color:#d29d74;font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;background:#ffffff08}.data-table tbody tr:hover{background:#ffffff05}.data-table tbody tr.row-new{background:#3c814a29}.data-table tbody tr.row-changed{background:#9e6e1a26}.data-table tbody tr.row-removed{background:#8c2b2b2e}.text-link{color:#f0cda9}.text-link:hover{text-decoration:underline}.counter-strip{flex-wrap:wrap;gap:.75rem;margin-top:1rem}.counter-card{min-width:120px;display:grid;gap:.2rem}.counter-card strong{font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:1.6rem}.counter-card.positive{background:#3c814a33}.counter-card.warning{background:#9e6e1a2e}.counter-card.danger{background:#8c2b2b38}.item-name-cell{display:grid;gap:.25rem;min-width:0}.product-url-link,.product-url-fallback{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-url-link{color:#9fb1b9}.product-url-link:hover{color:#f0cda9;text-decoration:underline}.truncate-copy{overflow-wrap:anywhere}.login-screen{place-items:center;min-height:100vh;padding:2rem}.login-panel{width:min(100%,460px)}.panel-intro{margin-bottom:1.25rem;display:grid;gap:.35rem}@media (max-width: 980px){.app-shell,.dashboard-grid{grid-template-columns:1fr}.app-main,.app-sidebar{padding:1rem}}@media (max-width: 640px){.page-header,.card-topline,.run-row{align-items:flex-start;flex-direction:column}.data-table{min-width:560px}}
