*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1D2125;--bg-header: #161A1D;--col-bg: #101204;--card-bg: #22272B;--card-hover: #282E33;--text: #B6C2CF;--text-bright: #DEE4EA;--muted: #8C9BAB;--line: #333B42;--accent: #579DFF;--green: #4BCE97;--red: #F87168;--amber: #E2B203;--divider-bg: #B38600;--divider-text: #FFF7D6}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;overflow:hidden}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font:inherit;color:var(--text-bright);background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:6px 8px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}a{color:var(--accent)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:12px;background:var(--bg-header);padding:8px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.topbar h1{font-size:16px;color:var(--text-bright);white-space:nowrap}.topbar .tabs{display:flex;gap:4px}.topbar .tabs button{padding:6px 14px;border-radius:5px;color:var(--muted);font-weight:600}.topbar .tabs button.active{background:#1c2b41;color:var(--accent)}.topbar .tabs button:hover:not(.active){background:var(--card-bg)}.topbar .spacer{flex:1}.btn{padding:6px 12px;border-radius:5px;font-weight:600;background:var(--accent);color:#0b121a}.btn:hover{filter:brightness(1.1)}.btn.subtle{background:var(--card-bg);color:var(--text)}.btn.danger{background:transparent;color:var(--red)}.btn.danger:hover{background:#f871681f}.btn:disabled{opacity:.5;cursor:default}.search-wrap{position:relative}.search-wrap input{width:260px;background:var(--card-bg);border-color:transparent}.search-results{position:absolute;top:calc(100% + 6px);right:0;width:380px;max-height:420px;overflow-y:auto;background:var(--card-bg);border:1px solid var(--line);border-radius:8px;z-index:300;box-shadow:0 8px 24px #00000080}.search-results .result{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--line)}.search-results .result:last-child{border-bottom:none}.search-results .result:hover{background:var(--card-hover)}.search-results .result .title{color:var(--text-bright)}.search-results .result .meta{color:var(--muted);font-size:12px;margin-top:2px}.search-results .empty{padding:14px;color:var(--muted)}.board{flex:1;display:flex;gap:10px;padding:12px;overflow-x:auto;overflow-y:hidden;align-items:flex-start}.column{background:var(--col-bg);border-radius:10px;width:276px;flex-shrink:0;display:flex;flex-direction:column;max-height:100%}.column-header{padding:10px 12px 6px;font-weight:700;color:var(--text-bright);font-size:13px;display:flex;justify-content:space-between;align-items:center}.column-header .count{color:var(--muted);font-weight:600}.column-cards{padding:4px 8px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;min-height:20px}.card{background:var(--card-bg);border-radius:8px;padding:8px 10px;box-shadow:0 1px 1px #03040466;cursor:grab;border:1px solid transparent}.card:hover{background:var(--card-hover);border-color:#46515b}.card.dragging{opacity:.4}.card.asap{border-color:var(--amber);box-shadow:0 0 6px #e2b20373}.card .title{color:var(--text-bright);font-weight:600;line-height:1.3}.card .row{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap}.card .date{color:var(--muted);font-size:12px}.card .phone{font-size:12px}.card .order{color:var(--muted);font-size:12px}.card .badge{font-size:11px;padding:1px 6px;border-radius:4px;background:var(--bg);color:var(--muted);font-weight:600}.card .badge.done{background:var(--green);color:#0b121a}.card.divider-card{background:var(--divider-bg);color:var(--divider-text);text-align:center;font-weight:800;letter-spacing:1px;padding:10px}.card.note-card{font-style:italic;color:var(--text);font-weight:400}.card.note-card .title{font-weight:400;color:var(--text)}.add-card-btn{margin:2px 8px 10px;padding:7px 10px;border-radius:7px;text-align:left;color:var(--muted);font-weight:600;flex-shrink:0}.add-card-btn:hover{background:var(--card-bg);color:var(--text-bright)}.add-card-form{padding:2px 8px 10px;flex-shrink:0;display:flex;flex-direction:column;gap:7px}.add-card-form textarea{width:100%;resize:none;background:var(--card-bg);border-color:transparent}.add-card-actions{display:flex;gap:7px}.add-list{width:276px;flex-shrink:0}.add-list-btn{width:100%;padding:10px 12px;border-radius:10px;text-align:left;background:#ffffff0a;color:var(--muted);font-weight:600}.add-list-btn:hover{background:#ffffff14;color:var(--text-bright)}.add-list-form{background:var(--col-bg);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:7px}.card .desc-icon{color:var(--muted);font-size:13px;line-height:1}.card .rug-tags{gap:4px}.card .rug-tag{font-size:14px;font-weight:700;color:var(--text-bright);background:#1c2b41;border-radius:5px;padding:2px 8px;font-variant-numeric:tabular-nums}.label-manage-btn{color:var(--accent);font-size:12px;font-weight:600}.label-manage-btn:hover{text-decoration:underline}.chip.big.managing{opacity:1;outline:1px dashed var(--text-bright)}.label-jobs-list{max-height:220px;overflow-y:auto;background:var(--col-bg);border-radius:8px;padding:6px 10px}.label-job-row{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #252C33}.label-job-row:last-child{border-bottom:none}.new-label{background:var(--card-bg)!important;color:var(--text)!important;opacity:1!important}.new-label:hover{background:var(--card-hover)!important}.new-label-form{margin-top:8px;background:var(--card-bg);border-radius:8px;padding:10px}.new-label-form input{width:100%}.color-swatch{width:28px;height:20px;border-radius:4px;cursor:pointer;display:inline-block}.color-swatch.on{outline:2px solid var(--text-bright)}.login-screen{height:100%;display:grid;place-items:center}.login-box{background:var(--col-bg);border-radius:12px;padding:32px;width:320px;display:flex;flex-direction:column;gap:12px;text-align:center}.login-box h1{color:var(--text-bright);font-size:22px}.login-box input{text-align:center}.jobber-chip{font-size:12px;font-weight:700;padding:5px 10px;border-radius:5px;background:var(--card-bg);color:var(--muted);white-space:nowrap}.jobber-chip.on{color:var(--green)}.chips{display:flex;gap:4px;flex-wrap:wrap}.chip{font-size:10px;font-weight:700;padding:1px 7px;border-radius:4px;color:#0b121a;white-space:nowrap}.chip.big{font-size:12px;padding:3px 10px;cursor:pointer;opacity:.45}.chip.big.on{opacity:1;outline:2px solid var(--text-bright)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:95vw;background:var(--bg);border-left:1px solid var(--line);z-index:200;display:flex;flex-direction:column;box-shadow:-12px 0 32px #00000080}.drawer-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:8px}.drawer-head .titles{flex:1}.drawer-head h2{font-size:17px;color:var(--text-bright)}.drawer-head .sub{color:var(--muted);font-size:12px;margin-top:3px}.drawer-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:4px}.field label{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.section-title{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.item-row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:6px}.item-row:hover{background:var(--card-bg)}.item-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);cursor:pointer}.item-row .name{flex:1}.item-row .name.done{text-decoration:line-through;color:var(--muted)}.item-row .del{color:var(--muted);visibility:hidden}.item-row:hover .del{visibility:visible}.add-item{display:flex;gap:8px}.add-item input{flex:1}.drawer-foot{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center}.history{flex:1;overflow-y:auto;padding:16px}.history .controls{display:flex;gap:10px;margin-bottom:12px;align-items:center}.history .controls input{width:320px}.history table{width:100%;border-collapse:collapse}.history th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;padding:8px 10px;border-bottom:1px solid var(--line)}.history td{padding:9px 10px;border-bottom:1px solid #252C33}.history tr.rowlink{cursor:pointer}.history tr.rowlink:hover td{background:var(--card-bg)}.history .pager{display:flex;gap:10px;align-items:center;margin-top:12px;color:var(--muted)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;max-width:95vw;background:var(--bg);border:1px solid var(--line);border-radius:10px;z-index:200;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 16px 48px #0009}.modal h2{font-size:16px;color:var(--text-bright)}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;padding:10px 18px;border-radius:8px;z-index:500;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}