:root{--bg-color: hsl(220, 20%, 8%);--card-bg: hsla(0, 0%, 100%, .03);--card-border: hsla(0, 0%, 100%, .08);--text-primary: hsl(210, 20%, 95%);--text-secondary: hsl(210, 10%, 70%);--text-muted: hsl(210, 10%, 50%);--accent-blue: hsl(210, 100%, 56%);--accent-blue-hover: hsl(210, 100%, 46%);--accent-gold: hsl(45, 100%, 51%);--accent-gold-hover: hsl(45, 100%, 41%);--alert-emerald: hsl(150, 80%, 40%);--alert-emerald-hover: hsl(150, 80%, 32%);--alert-emerald-glow: hsla(150, 80%, 40%, .15);--alert-crimson: hsl(348, 83%, 47%);--alert-crimson-hover: hsl(348, 83%, 37%);--alert-crimson-glow: hsla(348, 83%, 47%, .15);--border-radius-lg: 12px;--border-radius-md: 8px;--border-radius-sm: 4px;--font-mono: "Fira Code", "Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;padding:20px;overflow:hidden}.app-container{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:20px;height:calc(100vh - 40px)}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--alert-emerald);padding-bottom:15px}.header h1{font-size:1.8rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header p{color:var(--text-secondary);font-size:.9rem}.main-grid{display:grid;grid-template-columns:30% 45% 25%;gap:20px;flex:1;min-height:0}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:20px;display:flex;flex-direction:column;min-height:0}.glass-card h2{font-size:1.1rem;color:var(--text-secondary);margin-bottom:15px;display:flex;align-items:center;gap:8px}.textarea-wrapper{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}textarea{flex:1;background:#0006;color:#0f0;border:1px solid var(--card-border);border-radius:var(--border-radius-md);padding:15px;font-family:var(--font-mono);font-size:.85rem;line-height:1.5;resize:none;outline:none;transition:border-color .3s,box-shadow .3s}textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 8px #1e90ff33}button{border:none;padding:12px 20px;font-weight:700;cursor:pointer;border-radius:var(--border-radius-md);font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}button:after{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);transform:skew(-25deg);transition:.75s;opacity:0}button:hover:after{left:125%;opacity:1}.btn-primary{background:var(--alert-crimson);color:#fff}.btn-primary:hover{background:var(--alert-crimson-hover);box-shadow:0 0 12px var(--alert-crimson-glow)}.btn-blue{background:var(--accent-blue);color:#fff}.btn-blue:hover{background:var(--accent-blue-hover)}.btn-gold{background:var(--accent-gold);color:#000}.btn-gold:hover{background:var(--accent-gold-hover)}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.kpi-card{background:#ffffff04;border:1px solid var(--card-border);border-radius:var(--border-radius-md);padding:12px;text-align:center}.kpi-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.kpi-val{font-size:1.3rem;font-weight:700;font-family:var(--font-mono)}.kpi-val.green{color:var(--alert-emerald)}.kpi-val.red{color:var(--alert-crimson)}.table-container{flex:1;overflow-y:auto;border:1px solid var(--card-border);border-radius:var(--border-radius-md);background:#0003;margin-bottom:20px}table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}th,td{padding:10px 12px;border-bottom:1px solid var(--card-border)}th{background:#ffffff08;color:var(--text-secondary);font-weight:600;position:sticky;top:0;z-index:10}tr:hover{background:#ffffff05}.rejects-panel{display:flex;flex-direction:column;gap:10px;max-height:180px;overflow-y:auto}.reject-item{display:flex;justify-content:space-between;align-items:center;background:var(--alert-crimson-glow);border:1px solid rgba(214,48,49,.3);border-radius:var(--border-radius-md);padding:8px 12px;font-size:.8rem;animation:slideInShake .4s ease-out}.reject-info{display:flex;flex-direction:column;gap:2px}.reject-id{font-weight:700;font-family:var(--font-mono)}.reject-reason{color:var(--text-secondary);font-size:.75rem}.reject-badge{background:var(--alert-crimson);color:#fff;padding:2px 6px;border-radius:var(--border-radius-sm);font-size:.7rem;font-weight:700}.tab-headers{display:flex;border-bottom:1px solid var(--card-border);margin-bottom:15px}.tab-header{padding:10px 15px;cursor:pointer;color:var(--text-secondary);font-weight:600;border-bottom:2px solid transparent;transition:all .3s;font-size:.9rem}.tab-header.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.output-container{flex:1;display:flex;flex-direction:column;min-height:0;gap:12px}.output-container textarea{background:#0d0d0d}.record-input-row{display:flex;align-items:center;gap:10px;margin-bottom:15px}.record-input-row label{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.record-input-row input{background:#0006;border:1px solid var(--card-border);border-radius:var(--border-radius-sm);padding:6px 10px;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;outline:none;flex:1}.record-input-row input:focus{border-color:var(--accent-blue)}.toast{position:fixed;bottom:20px;right:20px;background:var(--alert-emerald);color:#fff;padding:12px 24px;border-radius:var(--border-radius-md);font-weight:700;box-shadow:0 4px 12px #00000080;animation:slideInUp .3s ease-out,fadeOut .3s ease-in 2.7s forwards;z-index:100}@keyframes slideInShake{0%{transform:translate(30px);opacity:0}50%{transform:translate(-10px)}75%{transform:translate(5px)}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}