:root{--bg:#15130f;--bg-grid:#1b1812;--panel:#1e1b16;--panel-raised:#25211a;--hairline:#3a3528;--paper:#faf6ec;--paper-shadow:#00000073;--ink:#2b2620;--ink-soft:#6b6354;--text:#ece6d9;--text-muted:#9a9281;--stamp-red:#c1432a;--stamp-green:#4c7a4c;--amber:#e8a23d;--violet:#8c7bc9;--radius-card:3px;--font-display:"Oswald", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Courier Prime", monospace}[data-theme=light]{--bg:#eae5d9;--bg-grid:#ddd8cb;--panel:#dfd9cd;--panel-raised:#d5cebf;--hairline:#b5ab96;--paper:#fdfbf7;--paper-shadow:#00000026;--ink:#110f0c;--ink-soft:#5c5548;--text:#1e1b16;--text-muted:#5c5548}body,.topbar,.column,.queue-item,.queue-filters,.modal,.id-badge,.auth-wrap,.auth-side,.auth-form-area,.field input,.field select,.field textarea{transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background-color:var(--bg);background-image:radial-gradient(circle, var(--bg-grid) 1.2px, transparent 1.2px);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:26px 26px;min-height:100vh}::selection{background:var(--amber);color:var(--ink)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.screen{min-height:100vh;display:none}.screen.active{flex-direction:column;display:flex}.btn{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;padding:13px 20px;font-size:13px;transition:transform 80ms,filter .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--amber);color:var(--ink);font-weight:600}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{border:1px solid var(--hairline);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--text-muted)}.btn-block{width:100%;margin-top:6px}.btn-sm{padding:8px 12px;font-size:11px}.btn-stamp-approve{background:var(--stamp-green);color:#fff}.btn-stamp-reject{border:1px solid var(--stamp-red);color:var(--stamp-red);background:0 0}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-wrap{border:1px solid var(--hairline);background:var(--panel);grid-template-columns:1.1fr 1fr;width:100%;max-width:980px;display:grid;box-shadow:0 30px 80px #00000080}@media (width<=800px){.auth-wrap{grid-template-columns:1fr}.auth-side{display:none}}.auth-side{background:repeating-linear-gradient(135deg, #e8a23d0d 0 2px, transparent 2px 14px), var(--panel-raised);border-right:1px solid var(--hairline);flex-direction:column;justify-content:space-between;padding:48px 40px;display:flex}.brand-mark{align-items:center;gap:10px;display:flex}.brand-mark .rivet{background:var(--amber);border-radius:50%;width:14px;height:14px;box-shadow:inset 0 -2px #0000004d,0 0 0 3px #e8a23d26}.brand-mark span{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;font-size:22px}.auth-side h1{font-family:var(--font-display);letter-spacing:.5px;margin-top:60px;font-size:42px;font-weight:600;line-height:1.08}.auth-side p{color:var(--text-muted);max-width:38ch;margin-top:18px;font-size:15px;line-height:1.6}.ledger{border-top:1px dashed var(--hairline);font-family:var(--font-mono);color:var(--text-muted);flex-direction:column;gap:6px;margin-top:40px;padding-top:18px;font-size:12px;display:flex}.ledger b{color:var(--amber)}.auth-form-area{flex-direction:column;padding:48px 44px;display:flex}.auth-tabs{border:1px solid var(--hairline);margin-bottom:32px;display:flex}.auth-tab{color:var(--text-muted);font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;border:none;border-right:1px solid var(--hairline);cursor:pointer;background:0 0;flex:1;padding:12px 0;font-size:13px;transition:background .15s}.auth-tab:last-child{border-right:none}.auth-tab.is-active{background:var(--amber);color:var(--ink);font-weight:600}.field{margin-bottom:18px}.field label{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--hairline);width:100%;color:var(--text);border-radius:2px;padding:11px 12px;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--amber);outline:none}.field-error{color:var(--stamp-red);font-size:12px;font-family:var(--font-mono);margin-top:6px}.field.has-error input{border-color:var(--stamp-red)}.role-pick{grid-template-columns:1fr 1fr;gap:10px;display:grid}.role-opt{border:1px solid var(--hairline);background:var(--bg);text-align:left;color:var(--text-muted);cursor:pointer;padding:14px 12px;transition:border-color .15s,background .15s}.role-opt b{color:var(--text);font-family:var(--font-display);letter-spacing:.5px;margin-bottom:4px;font-size:14px;display:block}.role-opt small{font-size:11px;line-height:1.4;display:block}.role-opt.is-selected{border-color:var(--amber);background:#e8a23d14}.role-opt.is-selected b{color:var(--amber)}.auth-foot{color:var(--text-muted);margin-top:auto;padding-top:24px;font-size:12px}.topbar{border-bottom:1px solid var(--hairline);background:var(--panel);z-index:20;align-items:center;gap:24px;padding:14px 28px;display:flex;position:sticky;top:0}.topbar .brand-mark span{font-size:18px}.topbar-divider{background:var(--hairline);width:1px;height:26px}.topbar-title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-size:13px}.topbar-spacer{flex:1}.id-badge{border:1px solid var(--hairline);background:var(--panel-raised);align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.id-badge .avatar{width:30px;height:30px;font-family:var(--font-display);background:var(--amber);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.id-badge.role-employee .avatar{background:var(--violet);color:#15130f}.id-badge .meta{line-height:1.25}.id-badge .meta b{font-size:12.5px;display:block}.id-badge .meta small{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.icon-btn{border:1px solid var(--hairline);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.icon-btn:hover{color:var(--text);border-color:var(--text-muted)}.content{width:100%;max-width:1400px;margin:0 auto;padding:28px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.page-head h2{font-family:var(--font-display);letter-spacing:.5px;font-size:28px}.page-head p{color:var(--text-muted);margin-top:4px;font-size:13.5px}.queue-section{margin-bottom:34px}.queue-section-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.queue-section-head h3{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;font-size:14px}.count-pill{background:var(--amber);color:var(--ink);font-family:var(--font-mono);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.queue-list{flex-direction:column;gap:10px;display:flex}.queue-item{background:var(--panel-raised);border:1px solid var(--hairline);border-left:3px solid var(--amber);flex-wrap:wrap;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.queue-item .qi-main{flex:1;min-width:220px}.queue-item .qi-main .qi-title{font-size:14.5px;font-weight:600}.queue-item .qi-main .qi-sub{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);margin-top:3px}.queue-actions{align-items:center;gap:8px;display:flex}.reject-panel{border-top:1px dashed var(--hairline);width:100%;margin-top:12px;padding-top:12px}.reject-panel textarea{background:var(--bg);border:1px solid var(--hairline);width:100%;min-height:64px;color:var(--text);resize:vertical;border-radius:2px;padding:9px;font-size:13px}.reject-panel .reject-actions{gap:8px;margin-top:8px;display:flex}.empty-queue{color:var(--text-muted);border:1px dashed var(--hairline);text-align:center;padding:14px;font-size:13px;font-style:italic}.board{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=1100px){.board{grid-template-columns:1fr 1fr}}@media (width<=640px){.board{grid-template-columns:1fr}}.column{background:var(--panel);border:1px solid var(--hairline);flex-direction:column;min-height:200px;display:flex}.column-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.column-head h4{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-size:12px}.column-head .n{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.column-body{flex-direction:column;flex:1;gap:14px;padding:14px;display:flex}.column-empty{color:var(--text-muted);text-align:center;padding:18px 6px;font-size:12px;font-style:italic}.ticket{background:var(--paper);color:var(--ink);box-shadow:0 6px 14px var(--paper-shadow);border-radius:var(--radius-card);padding:16px 14px 14px;transition:transform .15s;position:relative}.ticket:nth-child(odd){transform:rotate(-.6deg)}.ticket:nth-child(2n){transform:rotate(.6deg)}.ticket:hover{transform:rotate(0)translateY(-2px)}.ticket .pin{background:radial-gradient(circle at 35% 30%,#ff8a3d,#b5460f);border-radius:50%;width:12px;height:12px;position:absolute;top:-7px;left:16px;box-shadow:0 2px 3px #00000080}.ticket.is-rework .pin{background:radial-gradient(circle at 35% 30%,#ff6e6e,#971f1f)}.ticket-id{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.5px;font-size:10px}.ticket-title{font-family:var(--font-display);margin-top:4px;font-size:15.5px;font-weight:600;line-height:1.25}.ticket-desc{color:var(--ink-soft);margin-top:6px;font-size:12.5px;line-height:1.45}.ticket-meta{border-top:1px dashed #2b262040;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.complexity-dots{font-family:var(--font-mono);letter-spacing:2px;font-size:13px}.complexity-dots .filled{color:var(--stamp-red)}.complexity-dots .empty{color:#2b262033}.ticket-assignee{align-items:center;gap:6px;display:flex}.ticket-assignee .mini-avatar{background:var(--violet);color:#15130f;width:20px;height:20px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.ticket-assignee span{color:var(--ink-soft);font-size:11px}.rework-note{border-left:2px solid var(--stamp-red);color:var(--ink);background:#c1432a14;margin-top:10px;padding:8px 10px;font-size:11.5px;line-height:1.4}.rework-note b{letter-spacing:.5px;text-transform:uppercase;color:var(--stamp-red);font-size:9.5px;font-family:var(--font-mono);margin-bottom:3px;display:block}.ticket-action{background:var(--ink);width:100%;color:var(--paper);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;margin-top:12px;padding:9px 0;font-size:11px}.ticket-action:hover{filter:brightness(1.3)}.ticket-action.is-disabled{color:var(--ink-soft);pointer-events:none;background:0 0;border:1px solid #2b26204d}.ticket-action.is-done{border:1px solid var(--stamp-green);color:var(--stamp-green);pointer-events:none;background:0 0}.stamp-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stamp-mark{font-family:var(--font-display);letter-spacing:2px;border:3px solid var(--stamp-green);color:var(--stamp-green);opacity:0;padding:6px 14px;font-size:22px;font-weight:700;animation:.5s forwards stampIn;transform:rotate(-10deg)scale(.4)}.stamp-mark.reject{border-color:var(--stamp-red);color:var(--stamp-red)}@keyframes stampIn{0%{opacity:0;transform:rotate(-10deg)scale(2.4)}60%{opacity:1;transform:rotate(-10deg)scale(.9)}to{opacity:1;transform:rotate(-10deg)scale(1)}}@media (prefers-reduced-motion:reduce){.stamp-mark{opacity:1;animation:none;transform:rotate(-10deg)scale(1)}}.modal-overlay{z-index:50;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--panel);border:1px solid var(--hairline);width:100%;max-width:480px;padding:28px}.modal h3{font-family:var(--font-display);letter-spacing:.5px;margin-bottom:20px;font-size:18px}.modal-actions{gap:10px;margin-top:20px;display:flex}.toast{background:var(--panel-raised);border:1px solid var(--amber);color:var(--text);font-size:13px;font-family:var(--font-mono);opacity:0;pointer-events:none;z-index:100;border-radius:2px;padding:11px 20px;transition:opacity .25s,transform .25s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast.show{opacity:1;transform:translate(-50%)translateY(-6px)}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.spinner{border:3px solid var(--hairline);border-top-color:var(--amber);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:12px}.queue-filters{background:var(--panel-raised);border:1px solid var(--hairline);border-radius:var(--radius-card);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.queue-filters .filter-group{align-items:center;gap:8px;display:flex}.queue-filters label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px}.queue-filters select{background:var(--bg);border:1px solid var(--hairline);color:var(--text);border-radius:2px;outline:none;padding:6px 12px;font-size:12px}.queue-filters select:focus{border-color:var(--amber)}.confirm-all-btn{margin-left:auto;padding:8px 14px;font-size:11px}.qi-main{cursor:pointer;flex-grow:1;align-items:center;gap:12px;display:flex}.qi-expansion-indicator{color:var(--amber);justify-content:center;width:12px;font-size:10px;transition:transform .2s;display:flex}.queue-item.is-expanded{border-left:2px solid var(--amber)}.queue-detail-panel{border-top:1px solid var(--hairline);background:#0003;grid-column:1/-1;grid-template-columns:1fr 1.2fr;gap:20px;width:100%;margin-top:12px;padding:16px;display:grid}@media (width<=768px){.queue-detail-panel{grid-template-columns:1fr}}.qd-section h5{font-family:var(--font-display);text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;border-bottom:1px solid var(--hairline);margin-bottom:8px;padding-bottom:4px;font-size:12px}.qd-desc{color:var(--text);white-space:pre-wrap;font-size:13px;line-height:1.5}.qd-loading,.qd-empty-history{font-family:var(--font-mono);color:var(--text-muted);padding:8px 0;font-size:11px}.revisions-timeline{flex-direction:column;gap:12px;max-height:250px;padding-right:8px;display:flex;overflow-y:auto}.revision-log-item{background:var(--panel-raised);border:1px dashed var(--hairline);border-radius:2px;padding:10px 12px}.rev-meta{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.rev-num{font-family:var(--font-mono);background:var(--stamp-red);color:#fff;border-radius:2px;padding:2px 6px;font-size:10px}.rev-date{color:var(--text-muted);font-size:11px}.rev-feedback{color:var(--text);border-left:2px solid var(--stamp-red);background:#c1432a0d;margin-bottom:4px;padding:6px 8px;font-size:12px;font-style:italic;line-height:1.4}.rev-author{text-align:right;color:var(--text-muted)}.workload-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}@media (width<=900px){.workload-grid{grid-template-columns:1fr}}.workload-column{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-card);flex-direction:column;min-height:500px;display:flex}.workload-column-head{border-bottom:1px solid var(--hairline);background:var(--panel-raised);padding:16px}.wch-info{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wch-info h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;font-size:15px}.wch-info .n{background:var(--hairline);color:var(--text-muted);font-family:var(--font-mono);border-radius:10px;padding:2px 7px;font-size:11px}.workload-progress-bar-container{flex-direction:column;gap:6px;display:flex}.progress-bar-bg{background:var(--bg);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--amber);border-radius:3px;height:100%;transition:width .3s}.progress-text{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.workload-column-body{flex-direction:column;flex-grow:1;gap:16px;padding:16px;display:flex}.ticket.is-dragging{opacity:.35;transform:scale(.98);border:1px dashed var(--amber)!important}.column.drag-over{border-color:var(--amber)!important;background:var(--panel-raised)!important;box-shadow:inset 0 0 12px #e8a23d26!important}.bell-container{display:inline-block;position:relative}.bell-icon-btn{color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:16px;display:flex;position:relative}.bell-icon-btn:hover{color:var(--amber)}.bell-badge{background:var(--amber);color:var(--ink);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 0 4px #e8a23d66}.bell-dropdown{background:var(--panel-raised);border:1px solid var(--hairline);border-radius:var(--radius-card);z-index:120;width:320px;position:absolute;top:calc(100% + 14px);right:-10px;overflow:hidden;box-shadow:0 10px 30px #00000080}.bell-dropdown:before{content:"";background:var(--panel-raised);border-left:1px solid var(--hairline);border-top:1px solid var(--hairline);width:10px;height:10px;position:absolute;top:-6px;right:16px;transform:rotate(45deg)}.bell-dropdown-head{border-bottom:1px solid var(--hairline);background:var(--panel);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.bell-dropdown-head h5{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--text);font-size:13px}.bell-dropdown-actions{gap:8px;display:flex}.btn-link{color:var(--amber);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0}.btn-link:hover{text-decoration:underline}.btn-link.clear-all{color:var(--text-muted)}.bell-dropdown-body{max-height:280px;overflow-y:auto}.bell-empty{text-align:center;color:var(--text-muted);font-family:var(--font-mono);padding:24px;font-size:11px}.bell-item{border-bottom:1px solid var(--hairline);align-items:flex-start;gap:10px;padding:12px 16px;transition:background-color .15s;display:flex}.bell-item:hover{background:#ffffff05}.bell-item.is-unread{background:#e8a23d08}.bell-item-dot{background:0 0;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.bell-item.is-unread .bell-item-dot{background:var(--amber);box-shadow:0 0 4px var(--amber)}.bell-item-content{flex-direction:column;flex-grow:1;gap:4px;display:flex}.bell-item-text{color:var(--text);font-size:12px;line-height:1.4}.bell-item-time{font-family:var(--font-mono);color:var(--text-muted);font-size:9px}
