:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102033;background:#eef3f8;line-height:1.4;font-weight:400}*{box-sizing:border-box}body{margin:0;background:#eef3f8;color:#102033}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{background:#132033;color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:24px}.brand{font-size:24px;font-weight:700;letter-spacing:.02em}.sidebar-user{margin-top:8px;font-size:13px;color:#ffffffb8;word-break:break-word}.nav-links{display:flex;flex-direction:column;gap:8px}.nav-links button,.refresh-button,.ghost-button{border:0;border-radius:12px;cursor:pointer;transition:.15s ease}.nav-links button{text-align:left;padding:12px 14px;background:#ffffff14;color:#fff}.nav-links button.active,.nav-links button:hover{background:#3e78ff}.sidebar-footer{position:sticky;bottom:0;background:#132033;padding-top:12px;margin-top:auto}.refresh-button{width:100%;padding:12px 14px;background:#fff;color:#132033;font-weight:700}.logout-button{width:100%;margin-top:10px;padding:12px 14px;background:#ffffff14;color:#fff;font-weight:700;border:0;border-radius:12px;cursor:pointer;transition:.15s ease;font:inherit}.logout-button:hover{background:#ffffff29}.sidebar-toggle{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff14;border-radius:12px;color:#fff;font-size:14px;cursor:pointer;margin-bottom:10px;-webkit-user-select:none;user-select:none}.inline-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;background:#edf2ff;border-radius:12px;color:#2757c9;font-size:14px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.inline-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#3e78ff;cursor:pointer;flex:0 0 auto;border:none;padding:0;background:none}.sidebar-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#3e78ff;cursor:pointer;flex:0 0 auto;border:none;border-radius:0;padding:0;background:none}.content{padding:24px;display:flex;flex-direction:column;gap:18px}.page-topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.page-topbar h1{margin:0 0 6px;font-size:30px}.page-topbar p{margin:0;color:#5a6b7e}.topbar-meta{display:grid;gap:6px;padding:14px 16px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #13203314}.error-banner,.loading-banner{padding:14px 16px;border-radius:16px;font-weight:600}.error-banner{background:#ffe7e5;color:#9d1c0f}.loading-banner{background:#e8f0ff;color:#2457c5}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card,.section-card{background:#fff;border-radius:20px;box-shadow:0 10px 28px #13203314}.stat-card{padding:18px}.stat-label{color:#5a6b7e;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.stat-value{margin-top:10px;font-size:34px;font-weight:700}.stat-helper{margin-top:8px;color:#6f8092}.section-card-header{padding:20px 22px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.section-card-header h2{margin:0;font-size:20px}.section-card-body{padding:20px 22px 22px}.ghost-button{padding:10px 14px;background:#edf2ff;color:#2757c9;font-weight:700}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.filters-grid label{display:grid;gap:8px;color:#445467;font-weight:600}input,select{width:100%;border:1px solid #d6dfeb;border-radius:12px;padding:10px 12px;background:#fff}.help-box{padding:12px 14px;border-radius:14px;background:#f3f7fc;color:#536477}.empty-state{padding:18px;border-radius:14px;background:#f3f7fc;color:#536477}.table-wrapper{overflow:auto}.table-wrapper.tall{max-height:70vh}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 12px;border-bottom:1px solid #edf1f5;text-align:left;vertical-align:top}th{position:sticky;top:0;background:#f9fbfd;z-index:1}tr:hover td{background:#f7faff}.truncate-cell{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#132033,#1b2f4b)}.auth-panel{width:min(520px,100%);background:#fff;border-radius:24px;box-shadow:0 24px 60px #0b162640;padding:32px;display:flex;flex-direction:column;gap:18px}.auth-brand{font-size:14px;font-weight:800;letter-spacing:.08em;color:#3e78ff;text-transform:uppercase}.auth-panel h1{margin:0;font-size:32px}.auth-panel p{margin:0;color:#5a6b7e}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:grid;gap:8px;color:#445467;font-weight:700}.auth-submit{padding:12px 16px;background:#3e78ff;color:#fff;font-weight:700;border:0;border-radius:12px;cursor:pointer;transition:.15s ease;font:inherit}.auth-submit:disabled,.refresh-button:disabled{opacity:.6;cursor:wait}.auth-actions-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.auth-banner{min-width:280px;text-align:center}.wk-groups{display:grid;gap:18px}.wk-group-card{border:1px solid #e4ebf2;border-radius:18px;padding:14px;overflow:hidden}.wk-group-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#516275}.wk-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.wk-hours-row,.wk-day-row{display:grid;grid-template-columns:100px 1fr;gap:8px;align-items:center;min-width:700px}.wk-hours-row{align-items:end;margin-bottom:4px}.wk-label-col{color:#516275;font-weight:600;font-size:13px;white-space:nowrap}.wk-slots-col{display:grid;grid-template-columns:repeat(44,1fr);gap:2px}.wk-hours-labels{grid-template-columns:repeat(11,1fr);gap:0}.wk-hour-label{color:#7a8fa3;font-size:11px;font-weight:600;text-align:left}.wk-slot{height:38px;border-radius:4px;border:1px solid #d8e1ea;background:#f3f6f9}.wk-slot--active{border-color:transparent}.wk-slot--empty{opacity:.6}.wk-slot--split{display:flex;flex-direction:column;gap:1px;padding:0;overflow:hidden;border:1px solid #d8e1ea}.wk-slot-band{flex:1;min-height:0}.wk-slot-band--active{border:none}.wk-slot-band--empty{background:#f3f6f9;opacity:.5}.wk-split-badge{display:flex;gap:6px;align-items:center}.wk-split-host{font-size:11px;font-weight:600;background:#edf2ff;color:#2757c9;border-radius:4px;padding:2px 6px}.wk-day-row{cursor:pointer;border-radius:8px;transition:background .12s ease}.wk-day-row:hover{background:#f0f5ff}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;padding-top:12px}.legend-item{display:inline-flex;align-items:center;gap:8px;color:#46586c}.legend-color{width:14px;height:14px;border-radius:4px;flex:0 0 auto}.wk-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:14px;border-top:1px solid #e8eef5;margin-top:8px}.wk-legend-item{display:inline-flex;align-items:center;gap:7px;color:#46586c;font-size:13px}.wk-legend-color{width:13px;height:13px;border-radius:3px;flex:0 0 auto}.month-grid-wrapper{display:grid;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:1100px}.month-grid-header,.month-grid-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:10px;align-items:start}.month-grid-user-col{font-weight:700;color:#314154;padding-top:6px}.month-grid-days-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:4px}.month-grid-day-label{text-align:center;font-size:12px;color:#617386}.month-cell{border:1px solid #dbe4ee;background:#f8fbff;border-radius:10px;padding:4px 3px;min-height:86px;display:grid;gap:4px;cursor:pointer;transition:transform .12s ease,background .12s ease}.month-cell:hover{transform:scale(1.04);background:#eef4ff}.month-cell-label{font-size:11px;color:#425469;text-align:center}.month-cell-stack{height:48px;display:flex;flex-direction:column-reverse;align-items:stretch;gap:1px}.month-cell-work{background:#2ecc71;border-radius:4px 4px 0 0}.month-cell-idle{background:#bdbdbd}.month-cell-locked{background:var(--process-color-lockapp, #d67951);border-radius:0 0 4px 4px}.month-cell-stats{display:grid;gap:2px;margin-top:4px;font-size:10px;color:#445467;text-align:center}.month-cell--split{min-height:86px}.month-cell-split-cols{display:flex;gap:2px;height:48px}.month-cell-split-col{flex:1;min-width:0}.month-cell-split-col .month-cell-stack{height:100%}.month-split-hosts{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.month-split-host-badge{font-size:10px;font-weight:600;background:#edf2ff;color:#2757c9;border-radius:3px;padding:1px 5px;white-space:nowrap}.month-mobile-list{gap:16px}.month-mobile-user-card{background:#fff;border-radius:18px;border:1px solid #e4ebf2;padding:14px;display:grid;gap:12px}.month-mobile-user-title{font-weight:800;color:#314154}.month-mobile-days{display:grid;gap:10px}.month-mobile-day-card{border:1px solid #dbe4ee;background:#f8fbff;border-radius:14px;padding:12px;display:grid;gap:10px;cursor:pointer}.month-mobile-day-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.month-mobile-day-top span{color:#617386;font-size:12px}.month-mobile-bars{display:grid;gap:8px}.month-mobile-bar-row{display:grid;grid-template-columns:56px minmax(0,1fr) 42px;gap:8px;align-items:center;font-size:12px;color:#425469}.month-mobile-bar-track{height:10px;background:#e8eef5;border-radius:999px;overflow:hidden}.month-mobile-bar-fill{height:100%;border-radius:999px}.month-mobile-bar-fill.work{background:#2ecc71}.month-mobile-bar-fill.idle{background:#bdbdbd}.month-mobile-bar-fill.locked{background:var(--process-color-lockapp, #d67951)}.work-process-panel{margin-top:14px;display:grid;gap:10px}.work-process-list{display:flex;flex-wrap:wrap;gap:10px 14px}.work-process-item{display:inline-flex;align-items:center;gap:8px;background:#f4f7fb;border-radius:999px;padding:8px 12px}.time-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px}.compact-filters{margin-bottom:16px}.day-view{display:grid;gap:18px}.day-split-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:24px;align-items:start}.day-split-col{border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--surface)}.day-split-label{font-size:.95rem;font-weight:700;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--accent)}.day-split-summaries{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:20px}.day-split-summary{border:1px solid var(--border, #dde6ef);border-radius:10px;padding:14px 16px;background:var(--surface, #f5f8fc)}.day-split-label{font-size:.9rem;font-weight:700;color:var(--accent, #2757c9);letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--accent, #2757c9)}.day-split-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.day-split-bar-wrap{height:8px;background:#e8eef5;border-radius:999px;overflow:hidden;margin-top:4px}.day-split-bar{height:100%;border-radius:999px}.day-split-bar.work{background:#2ecc71}.day-split-bar.idle{background:#bdbdbd}.day-split-bar.locked{background:var(--process-color-lockapp, #d67951)}.day-split-grid{display:grid;gap:0;border:1px solid #dde6ef;border-radius:10px;overflow:hidden;margin-bottom:20px}.day-split-grid-header{background:#edf2ff;color:#2757c9;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:2px solid #d0daf5;text-align:center}.day-split-grid-header.day-split-grid-time{background:#f5f8fc;color:#8a9db0}.day-split-grid-row-group{display:contents}.day-split-grid-row-group:nth-child(2n) .day-split-grid-time,.day-split-grid-row-group:nth-child(2n) .day-split-slot{background-color:#00000005}.day-split-grid-time{font-size:11px;font-weight:600;color:#6a7b8d;padding:6px 8px;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:flex-end;background:#f9fbfd;white-space:nowrap}.day-split-slot{min-height:52px;padding:6px 8px;border-bottom:1px solid #eef2f7;border-left:1px solid #eef2f7;display:grid;gap:2px;align-content:center}.day-split-slot strong{font-size:12px;line-height:1.3}.day-split-slot span{font-size:10px;color:#425469}.day-split-slot.is-active strong{color:#fff}.day-split-slot.is-active span{color:#ffffffbf}.day-split-slot.is-empty{opacity:.5}.day-split-slot.is-absent{background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.04) 4px,rgba(0,0,0,.04) 8px)}.day-summary-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:10px;margin-bottom:14px}.day-summary-card{background:#f5f8fc;border:1px solid #dde6ef;border-radius:14px;padding:10px 12px;display:grid;gap:4px}.day-summary-card .label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6a7b8d}.day-summary-card .value{font-size:18px;font-weight:700;color:#102033}.day-summary-card .subvalue{font-size:12px;color:#536477}.day-summary-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.day-summary-bar{background:#f5f8fc;border:1px solid #dde6ef;border-radius:14px;padding:10px 12px;display:grid;gap:8px}.day-summary-bar-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#536477}.day-summary-bar-track{height:12px;background:#e8eef5;border-radius:999px;overflow:hidden}.day-summary-bar-fill{height:100%;border-radius:999px}.day-summary-bar-fill.work{background:#2ecc71}.day-summary-bar-fill.idle{background:#bdbdbd}.day-summary-bar-fill.locked{background:var(--process-color-lockapp, #d67951)}.day-nav{display:flex;align-items:flex-end;gap:8px}.day-nav-label{flex:1;display:grid;gap:8px;color:#445467;font-weight:600}.day-nav-btn{flex:0 0 auto;padding:10px 16px;background:#edf2ff;color:#2757c9;border:0;border-radius:12px;cursor:pointer;font-size:18px;font-weight:700;line-height:1;transition:background .12s ease;margin-bottom:0;align-self:flex-end}.day-nav-btn:hover{background:#dce8ff}.day-slot-grid{display:grid;gap:8px}.day-slot-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.day-slot{min-height:74px;border-radius:12px;padding:10px;border:1px solid #d9e3ed;background:#f3f6f9;display:grid;gap:4px;align-content:start}.day-slot strong{font-size:13px}.day-slot span{color:#425469;font-size:12px}.day-slot-raw-process{font-size:11px;color:#ffffffa6;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-slot.is-empty .day-slot-raw-process{color:#8a9db0}.day-slot-title{font-size:10px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic;line-height:1.3}.day-slot.is-empty .day-slot-title{color:#8a9db0}.day-slot.is-empty{opacity:.65}.desktop-only{display:block!important}.mobile-only{display:none!important}.mobile-toolbar,.mobile-menu-button,.mobile-refresh-button,.mobile-close-button{display:none}.week-mobile-days{gap:10px}.week-mobile-day-card{border:1px solid #dbe4ee;background:#f8fbff;border-radius:14px;padding:12px;display:grid;gap:10px;cursor:pointer}.week-mobile-day-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.week-mobile-day-header span{color:#617386;font-size:12px}.week-mobile-mini-slots{display:grid;grid-template-columns:repeat(44,1fr);gap:2px}.week-mobile-mini-slot{height:16px;border-radius:3px;border:1px solid #d8e1ea;background:#f3f6f9}.week-mobile-mini-slot.is-active{border-color:transparent}@media(max-width:1200px){.month-grid-header,.month-grid-row{grid-template-columns:160px minmax(0,1fr)}.day-summary-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}}@media(max-width:960px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,88vw);z-index:50;transform:translate(-100%);transition:transform .2s ease;overflow-y:auto;box-shadow:0 24px 60px #00000047;gap:16px}.app-shell.mobile-nav-open .sidebar{transform:translate(0)}.content{padding:16px}.mobile-toolbar{display:flex;gap:10px;position:fixed;top:0;left:0;right:0;z-index:40;background:#eef3f8;padding:10px 16px;box-shadow:0 2px 8px #1320331a}.content{padding-top:66px}.mobile-menu-button,.mobile-refresh-button,.mobile-close-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}.mobile-menu-button{background:#132033;color:#fff}.mobile-refresh-button{background:#edf2ff;color:#2757c9}.mobile-close-button{background:#ffffff1f;color:#fff;margin-bottom:8px}.page-topbar{flex-direction:column;align-items:stretch;gap:14px}.page-topbar h1{font-size:22px}.stats-grid,.filters-grid,.time-grid,.day-summary-grid,.day-summary-bars{grid-template-columns:1fr}.table-wrapper{overflow-x:auto}.truncate-cell{max-width:180px}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-only.month-mobile-list{display:grid!important}.month-grid-header,.month-grid-row,.day-slot-row{grid-template-columns:1fr}}.hno-view{display:grid;gap:24px}.hno-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.hno-summary-card{background:#fff;border:1px solid #e4ebf2;border-radius:18px;padding:18px;display:grid;gap:6px}.hno-summary-user{font-weight:700;color:#314154;font-size:15px}.hno-summary-total{font-size:28px;font-weight:800;color:#e74c3c}.hno-summary-sub{font-size:12px;color:#6a7b8d;margin-bottom:8px}.hno-week-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hno-week-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:10px;background:#eef3f8;min-width:52px;cursor:default}.hno-week-chip-label{font-size:10px;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.04em}.hno-week-chip:not([style]) .hno-week-chip-label{color:#8a9db0}.hno-week-chip-val{font-size:11px;font-weight:600;color:#ffffffd9}.hno-week-chip:not([style]) .hno-week-chip-val{color:#6a7b8d}.hno-cal-block{background:#fff;border:1px solid #e4ebf2;border-radius:18px;padding:18px;display:grid;gap:14px}.hno-cal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.hno-cal-header strong{font-size:15px;color:#314154}.hno-cal-header span{font-size:13px;color:#6a7b8d}.hno-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.hno-cal-weekday{text-align:center;font-size:11px;font-weight:700;color:#8a9db0;padding-bottom:4px}.hno-cal-empty{background:transparent}.hno-cal-cell{border:1px solid #e4ebf2;border-radius:8px;padding:6px 4px;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#f8fbff;transition:transform .1s ease}.hno-cal-cell--active{cursor:pointer;border-color:transparent}.hno-cal-cell--active:hover{transform:scale(1.06)}.hno-cal-cell--weekend{border-style:dashed}.hno-cal-day-num{font-size:12px;font-weight:600;color:#fff}.hno-cal-cell:not(.hno-cal-cell--active) .hno-cal-day-num{color:#8a9db0}.hno-cal-day-time{font-size:10px;color:#ffffffd9;font-weight:600}.hno-detail-block{display:grid;gap:12px}.hno-detail-title{font-size:15px;font-weight:700;color:#314154}@media(max-width:960px){.hno-summary-grid{grid-template-columns:1fr}.hno-summary-card{padding:14px}.hno-summary-total{font-size:22px}.hno-week-chips{gap:4px}.hno-week-chip{padding:5px 8px;min-width:44px}.hno-cal-block{padding:12px}.hno-cal-cell{min-height:40px;padding:4px 2px;border-radius:6px}.hno-cal-day-time{display:none}.hno-cal-day-num{font-size:11px}}.app-settings{display:flex;flex-direction:column;gap:1rem}.app-settings-intro{color:var(--text-secondary);font-size:.875rem;margin:0}.app-settings-table-wrapper{overflow-x:auto}.app-settings-table{width:100%;border-collapse:collapse;font-size:.875rem}.app-settings-table th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border);color:var(--text-secondary);font-weight:600;white-space:nowrap}.app-settings-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.app-settings-table tr:last-child td{border-bottom:none}.app-settings-updated-by{color:var(--text-secondary);font-size:.8rem}.app-settings-saving{font-size:.8rem;color:var(--text-secondary)}.color-swatch-btn{display:inline-block;width:28px;height:28px;border-radius:6px;border:2px solid var(--border);cursor:pointer;transition:transform .1s,box-shadow .1s}.color-swatch-btn:hover{transform:scale(1.15);box-shadow:0 2px 8px #00000040}.color-picker-row td{padding:.75rem .75rem 1rem;background:var(--surface-alt, #f8f9fa)}.color-picker-panel{display:flex;flex-direction:column;gap:.75rem;max-width:280px}.color-picker-spectrum{position:relative;width:100%;height:160px;border-radius:6px;cursor:crosshair;overflow:hidden;border:1px solid var(--border);-webkit-user-select:none;user-select:none}.color-picker-spectrum-white{position:absolute;inset:0;background:linear-gradient(to right,#fff 0%,transparent 100%)}.color-picker-spectrum-black{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,#000 100%)}.color-picker-cursor{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0006;transform:translate(-50%,-50%);pointer-events:none}.color-picker-hue{position:relative;width:100%;height:14px;border-radius:7px;cursor:pointer;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border:1px solid var(--border);-webkit-user-select:none;user-select:none}.color-picker-hue-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #00000059;transform:translate(-50%,-50%);pointer-events:none}.color-picker-bottom{display:flex;align-items:center;gap:.5rem}.color-picker-preview{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.color-picker-hex-input{flex:1;font-family:monospace;font-size:.875rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--input-bg, #fff);color:var(--text);text-transform:uppercase;min-width:0}.color-picker-hex-input:focus{outline:none;border-color:var(--accent, #4f81bd)}.hidden-apps-toolbar{margin-top:8px;display:grid;gap:8px;justify-items:end}.hidden-apps-label{font-size:12px;color:#617386}.hidden-apps-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.hidden-app-chip{display:inline-flex;align-items:center;border-radius:999px;background:#eef3f8;border:1px solid #d5e0ea;color:#21354a;padding:4px 10px;font-size:12px;font-weight:600}.process-context-menu{position:fixed;z-index:1200;min-width:240px;max-width:min(320px,calc(100vw - 24px));background:#fff;border:1px solid #d9e3ed;box-shadow:0 18px 46px #1320332e;border-radius:14px;padding:8px;display:grid;gap:6px}.process-context-menu-item{appearance:none;border:0;background:#f6f9fc;color:#132033;text-align:left;border-radius:10px;padding:10px 12px;font-weight:600;cursor:pointer}.process-context-menu-item:hover:not(:disabled){background:#eaf1f8}.process-context-menu-item:disabled{opacity:.5;cursor:default}.process-context-menu-item--secondary{background:#132033;color:#fff}