:root{--bg:#0a0a0a;--text:#fff;--text-muted:#888;--card-bg:#ffffff0d;--card-hover:#ffffff14;--border-color:#ffffff1a;--input-bg:#0000004d;--header-bg:#000;--btn-bg:#ffffff0d;--btn-text:#fff;--btn-hover-bg:#fff;--btn-hover-text:#000;--color-urgent:#ff3e3e;--color-pending:#f59e0b;--color-resolved:#4caf50}body.light-mode{--bg:#f4f6f8;--text:#111;--text-muted:#555;--card-bg:#fff;--card-hover:#fafafa;--border-color:#00000026;--input-bg:#fff;--header-bg:#fff;--btn-bg:#fff;--btn-text:#111;--btn-hover-bg:#111;--btn-hover-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);height:100vh;font-family:Inter,sans-serif;transition:background .3s,color .3s;overflow:hidden}.app-shell{flex-direction:column;max-width:1100px;height:100vh;margin:0 auto;padding:0 20px;display:flex}.red-text{color:var(--color-urgent)}.app-header{text-align:left;padding:30px 0}.app-header h1{letter-spacing:2px;font-size:1.5rem;font-weight:800}.stats-bar{background:var(--header-bg);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;gap:30px;padding:15px;font-size:12px;font-weight:800;transition:background .3s;display:flex}.stat-total,.stat-active{color:var(--text)}.stat-pending{color:var(--color-pending)}.stat-urgent{color:var(--color-urgent)}.stat-resolved{color:var(--color-resolved)}.theme-switch{background:var(--input-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:30px;justify-content:space-between;align-items:center;width:54px;height:28px;padding:0 6px;display:flex;position:relative}.switch-slider{background:var(--text);z-index:2;border-radius:50%;width:22px;height:22px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}body.light-mode .switch-slider{transform:translate(26px)}.theme-switch img{z-index:1;opacity:.6;width:14px;transition:all .3s}body:not(.light-mode) .icon-moon,body.light-mode .icon-sun{opacity:1}.input-area{flex-shrink:0;padding-bottom:25px}.glass-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.form-grid{grid-template-columns:1fr 1fr 1fr auto;align-items:flex-end;gap:15px;display:grid}.field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:10px;font-weight:700}.field input,#search-input{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text);border-radius:6px;padding:12px;font-size:14px;transition:all .2s}.field input:focus,#search-input:focus{border-color:var(--color-urgent);outline:none}.primary-btn{background:var(--color-urgent);color:#fff;cursor:pointer;border:none;border-radius:6px;height:43px;padding:0 25px;font-size:12px;font-weight:800;transition:all .2s}.primary-btn:hover{background:#e63535}.content-area{flex:1;padding-bottom:20px;overflow:hidden}.glass-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;height:100%;display:flex}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.panel-header h2{letter-spacing:1px;color:var(--text);font-size:.9rem}.search-group{flex:0 300px;gap:8px;margin:0 20px;display:flex}#search-input{flex:1;padding:10px 12px;font-size:13px}.search-small{height:38px!important;padding:0 15px!important}.scroll-viewport{flex:1;padding:25px 25px 100px;overflow-y:auto}.scroll-viewport::-webkit-scrollbar{width:4px}.scroll-viewport::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px}.cards-layout{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.blocker-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s}.blocker-card:hover{background:var(--card-hover);border-color:var(--text-muted)}.blocker-card h3{color:var(--text);margin-bottom:10px;font-size:1.1rem}.blocker-card p{color:var(--text-muted);margin-bottom:5px;font-size:13px}.blocker-card strong{color:var(--text)}.blocker-card small{color:var(--text-muted);margin-top:15px;font-size:11px;display:block}.card-footer{border-top:1px solid var(--border-color);margin-top:15px;padding-top:10px}.resolve-btn{border:1px solid var(--border-color);background:var(--btn-bg);width:100%;color:var(--btn-text);cursor:pointer;border-radius:6px;margin-top:15px;padding:10px;font-size:11px;font-weight:600;transition:all .2s}.resolve-btn:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text)}.text-btn{color:var(--color-urgent);cursor:pointer;letter-spacing:1px;background:0 0;border:none;font-size:11px;font-weight:700}.age-red{border-left:3px solid var(--color-urgent);box-shadow:-10px 0 20px -10px #ff3e3e4d}.age-amber{border-left:3px solid var(--color-pending)}.age-neutral{border-left:3px solid var(--text)}.archived-card{border-left:3px solid var(--color-resolved);box-shadow:-10px 0 20px -10px #4caf504d}body.light-mode .age-red{background-color:#ffeaea;border-color:#fcc}body.light-mode .age-amber{background-color:#fff8e1;border-color:#ffecb3}body.light-mode .archived-card{background-color:#e8f5e9;border-color:#c8e6c9}body.light-mode #search-input{background:#fff}