.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;height:100%;transition:width .2s;flex-shrink:0}.sidebar--collapsed{width:var(--sidebar-collapsed-w)}.sidebar__brand{padding:16px;font-weight:600;color:#fff;font-size:15px}.sidebar__nav{flex:1;overflow-y:auto;padding:4px 8px}.sidebar__group{margin-bottom:12px}.sidebar__group-label{display:block;font-size:10px;text-transform:uppercase;color:var(--sidebar-muted);padding:6px 8px}.sidebar__item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:12px;min-height:36px}.sidebar__item:hover{background:var(--sidebar-hover)}.sidebar__item--active{background:var(--sidebar-active);color:#fff}.sidebar__item--soon{opacity:.5}.sidebar__user{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--sidebar-hover)}.sidebar__avatar{width:30px;height:30px;border-radius:50%;background:var(--color-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.sidebar__user-name{font-size:12px;color:#fff}.sidebar__user-role{font-size:10px;color:var(--sidebar-muted)}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;transform:translate(-100%);transition:transform .24s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 30px #0f172a66}.sidebar.sidebar--collapsed{width:var(--sidebar-w)}.sidebar--mobile-open{transform:translate(0)}}.toast{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-green);border-radius:var(--radius-md);padding:10px 14px;font-size:12px;box-shadow:var(--shadow-modal);z-index:70;animation:toast-in .2s ease}.toast--success{border-left-color:var(--color-green);color:var(--color-green-text)}.toast--error{border-left-color:var(--color-red);color:var(--color-red-text)}.toast--info{border-left-color:var(--color-blue);color:var(--color-blue-text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shell{display:flex;height:100%}.shell__main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.shell__backdrop{display:none}@media (max-width: 768px){.shell__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0f172a73;animation:shell-backdrop-in .18s ease}}@keyframes shell-backdrop-in{0%{opacity:0}to{opacity:1}}.topbar{height:52px;display:flex;align-items:center;gap:12px;padding:0 20px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.topbar__menu,.topbar__icon{border:none;background:none;color:var(--color-text-2);display:inline-flex;padding:6px;border-radius:var(--radius-sm)}.topbar__menu:hover,.topbar__icon:hover{background:var(--color-surface-2)}.topbar__title-main{font-size:15px;font-weight:600}.topbar__title-sub{font-size:12px;color:var(--color-text-3);margin-left:6px}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:8px}.topbar__user{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-pill)}.topbar__avatar{width:24px;height:24px;border-radius:50%;background:var(--color-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.topbar__role{font-size:11px;color:var(--color-text-2)}@media (max-width: 768px){.topbar{padding:0 12px;gap:8px}.topbar__title-sub,.topbar__icon,.topbar__role{display:none}.topbar__user{padding:4px;border:none}}.page{flex:1;overflow-y:auto;padding:20px 24px}.placeholder{display:flex;align-items:center;justify-content:center;height:60vh;color:var(--color-text-3);font-size:14px}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 16px}.kpi-card__top{display:flex;justify-content:space-between;align-items:center}.kpi-card__label{font-size:11px;color:var(--color-text-3)}.kpi-card__icon{font-size:14px;display:inline-flex}.kpi-card__value{font-size:22px;font-weight:600;margin-top:6px}.kpi-card__change{font-size:11px;margin-top:2px}.kpi-card__change--up{color:var(--color-green)}.kpi-card__change--down{color:var(--color-red)}.kpi-card__change--neutral{color:var(--color-text-3)}.dash-split{display:grid;grid-template-columns:2fr 1fr;gap:12px;align-items:start}.dash-col{display:flex;flex-direction:column;gap:12px}.dash-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.dash-card--pad{padding:14px 16px}.dash-card__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text);padding:12px 16px;border-bottom:1px solid var(--color-border)}.dash-timeline{list-style:none;margin:0;padding:12px 16px;display:flex;flex-direction:column;gap:0}.dash-tl{display:flex;gap:10px;position:relative;padding-bottom:14px}.dash-tl:not(:last-child):before{content:"";position:absolute;left:4px;top:14px;bottom:0;width:1.5px;background:var(--color-border)}.dash-tl__dot{width:9px;height:9px;border-radius:50%;margin-top:3px;flex-shrink:0;z-index:1;border:2px solid var(--color-surface)}.dash-tl__dot--done{background:var(--color-green)}.dash-tl__dot--pending{background:var(--color-amber)}.dash-tl__dot--open{background:var(--color-blue)}.dash-tl__title{font-size:12px;font-weight:500;color:var(--color-text);line-height:1.4}.dash-tl__time{font-size:11px;color:var(--color-text-3);margin-top:1px}.dash-mini-title{font-size:12px;font-weight:600;color:var(--color-text);margin-bottom:10px}.dash-bar{margin-bottom:10px}.dash-bar:last-child{margin-bottom:0}.dash-bar__top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px;color:var(--color-text-2)}.dash-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dash-stat{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;text-align:center}.dash-stat__val{font-size:22px;font-weight:700}.dash-stat__label{font-size:11px;color:var(--color-text-3);margin-top:2px}.dash-empty{font-size:12px;color:var(--color-text-3);padding:12px 0;text-align:center}@media (max-width: 768px){.dash-split{grid-template-columns:1fr}}.dash-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}@media (max-width:900px){.dash-grid3{grid-template-columns:1fr}}.dash-alloc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.dash-alloc__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--color-border)}.dash-alloc__row:first-child{border-top:none}.dash-alloc__path{font-size:13px;color:var(--color-text-1)}.dash-alloc__sep{color:var(--color-text-3)}.dash-alloc__count{font-size:13px;color:var(--color-purple);white-space:nowrap}.rev-chart{width:100%;height:auto;display:block}.rev-chart__axis{stroke:var(--color-border);stroke-width:1}.rev-chart__lbl{fill:var(--color-text-3);font-size:10px}.dtable__wrap{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.dtable{width:100%;border-collapse:collapse}.dtable th{position:sticky;top:0;background:var(--color-surface-2);text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-3);padding:10px 14px;border-bottom:1px solid var(--color-border)}.dtable td{padding:10px 14px;font-size:12px;color:var(--color-text-2);border-bottom:1px solid var(--color-border)}.dtable__row--click{cursor:pointer}.dtable tbody tr:hover{background:#f8fbff}.dtable__empty{text-align:center;color:var(--color-text-3);padding:28px}.skeleton{display:flex;flex-direction:column;gap:8px;padding:8px 0}.skeleton__row{display:flex;gap:12px}.skeleton__cell{flex:1;height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-2) 25%,#eef2f7 37%,var(--color-surface-2) 63%);background-size:400% 100%;animation:skeleton-shine 1.4s ease infinite}@keyframes skeleton-shine{0%{background-position:100% 50%}to{background-position:0 50%}}.searchbox{position:relative;display:inline-flex;align-items:center}.searchbox__icon{position:absolute;left:9px;color:var(--color-text-3)}.searchbox__input{height:32px;padding:7px 10px 7px 30px;font-size:12px;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;background:var(--color-surface)}.searchbox__input:focus{border-color:var(--color-border-focus)}.filter-select{height:32px;padding:6px 10px;font-size:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);outline:none}.filter-select:focus{border-color:var(--color-border-focus)}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);transition:background .12s;white-space:nowrap}.btn--md{padding:6px 14px;font-size:12px;font-weight:500}.btn--sm{padding:4px 10px;font-size:11px;font-weight:500}.btn:hover{background:var(--color-surface-2)}.btn--primary{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.btn--primary:hover{background:var(--color-blue-text)}.btn--danger{background:var(--color-red-light);color:var(--color-red);border-color:#fca5a5}.btn--danger:hover{background:#fdd}.btn:disabled{opacity:.55;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:600;border-radius:var(--radius-pill);line-height:1.6}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge--green{background:var(--color-green-light);color:var(--color-green-text)}.badge--blue{background:var(--color-blue-light);color:var(--color-blue-text)}.badge--amber{background:var(--color-amber-light);color:var(--color-amber-text)}.badge--red{background:var(--color-red-light);color:var(--color-red-text)}.badge--purple{background:var(--color-purple-light);color:var(--color-purple-text)}.badge--gray{background:var(--color-surface-2);color:var(--color-text-2)}.avatars{display:inline-flex}.avatars__item{display:inline-flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--color-surface);border-radius:50%;font-weight:600;margin-left:-6px}.avatars__item:first-child{margin-left:0}.avatars--md .avatars__item{width:28px;height:28px;font-size:10px}.avatars--sm .avatars__item{width:22px;height:22px;font-size:9px}.avatars__more{background:var(--color-surface-2);color:var(--color-text-2)}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:flex-start;justify-content:center;padding:4vh 16px;z-index:50;animation:fade-in .2s ease;overflow-y:auto}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;max-height:88vh;animation:modal-in .2s ease;margin:auto}.modal--md{width:var(--modal-w)}.modal--lg{width:var(--modal-lg-w)}.modal--xl{width:var(--modal-xl-w);max-height:92vh}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.modal__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.modal__close{border:none;background:none;color:var(--color-text-3);display:inline-flex;cursor:pointer;border-radius:var(--radius-sm);padding:3px;transition:background .15s}.modal__close:hover{background:var(--color-surface-2);color:var(--color-text)}.modal__body{padding:20px;overflow-y:auto}.modal--xl .modal__body{padding:24px 28px}.modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--color-border)}.modal--xl .modal__footer{padding:14px 28px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-size:11px;font-weight:600;color:var(--color-text-2)}.field__req{color:var(--color-red);margin-left:2px}.field__hint{font-size:10px;color:var(--color-text-3)}.field__error{font-size:10px;color:var(--color-red)}.field input,.field select,.field textarea{height:32px;padding:7px 10px;font-size:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;width:100%;background:var(--color-surface)}.field textarea{height:auto;min-height:64px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-border-focus)}.drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a4d;z-index:50}.drawer{position:fixed;top:0;right:0;height:100%;background:var(--color-surface);box-shadow:var(--shadow-drawer);display:flex;flex-direction:column;animation:drawer-in .25s cubic-bezier(.4,0,.2,1)}.drawer--md{width:var(--drawer-w)}.drawer--sm{width:var(--drawer-sm-w)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.drawer__title{font-size:15px;font-weight:600}.drawer__close{border:none;background:none;color:var(--color-text-3);display:inline-flex}.drawer__body{padding:20px;overflow-y:auto;flex:1}.drawer__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--color-border)}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.sd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.sd-name{font-size:15px;font-weight:600}.sd-code{font-size:11px;color:var(--color-text-3);margin-top:2px}.sd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.sd-stat{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.sd-stat span{font-size:11px;color:var(--color-text-3)}.sd-stat strong{font-size:16px;color:var(--color-text)}.sd-section{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-3);margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.sd-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px}.sd-row__label{color:var(--color-text-3)}.sd-row__value{color:var(--color-text);text-align:right}.kpi-row--3{grid-template-columns:repeat(3,1fr)}.cell-site__name{font-size:12px;font-weight:600;color:var(--color-text)}.cell-site__code{font-size:10px;color:var(--color-text-3)}.cell-site__muted{color:var(--color-text-3)}.contract-section{margin-top:12px;padding-top:12px;border-top:1px dashed var(--color-border)}.contract-section__title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-3);margin-bottom:10px}.contract-section__estimate{margin-top:12px;padding:10px 12px;background:var(--color-blue-light);color:var(--color-blue-text);border-radius:var(--radius-sm);font-size:12px}.contract-section__estimate strong{font-size:14px}.contract-section__estimate span{color:var(--color-text-3);font-size:11px}.form-section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-3);margin-bottom:10px}.wd-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.wd-avatar{width:44px;height:44px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.wd-name{font-size:15px;font-weight:600}.wd-code{font-size:11px;color:var(--color-text-3)}.wd-head .badge{margin-left:auto}.wd-section{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-3);margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.wd-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px}.wd-row__label{color:var(--color-text-3)}.wd-row__value{color:var(--color-text);text-align:right}.wd-empty{font-size:12px;color:var(--color-text-3)}.wd-note{margin-top:18px;font-size:11px;color:var(--color-text-3);font-style:italic}.cell-worker{display:flex;align-items:center;gap:10px}.cell-worker__avatar{width:30px;height:30px;border-radius:50%;color:#fff;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.cell-worker__name{font-size:12px;font-weight:600;color:var(--color-text)}.cell-worker__code{font-size:10px;color:var(--color-text-3)}.cust-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-bottom:16px}.cust-tab{border:none;background:none;padding:8px 12px;font-size:12px;font-weight:500;color:var(--color-text-2);border-bottom:2px solid transparent}.cust-tab--active{color:var(--color-blue);border-bottom-color:var(--color-blue)}.cust-contact{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;margin-bottom:10px}.cust-contact__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cust-contact__idx{font-size:11px;font-weight:600;color:var(--color-text-2)}.cust-contact__primary{font-size:10px;font-weight:600;color:var(--color-blue-text);background:var(--color-blue-light);padding:2px 8px;border-radius:var(--radius-pill)}.cust-contact__del{border:none;background:none;color:var(--color-red);display:inline-flex}.cust-err{color:var(--color-red);font-size:11px;margin:0 0 8px}.cd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.cd-name{font-size:15px;font-weight:600}.cd-code{font-size:11px;color:var(--color-text-3);margin-top:2px}.cd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.cd-stats>div{background:var(--color-surface-2);border-radius:var(--radius-md);padding:10px;text-align:center}.cd-stats__v{display:block;font-size:14px;font-weight:600;color:var(--color-text)}.cd-stats__l{font-size:10px;color:var(--color-text-3)}.cd-section{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-3);margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.cd-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px}.cd-row__label{color:var(--color-text-3)}.cd-row__value{color:var(--color-text);text-align:right}.cd-contact{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;margin-bottom:8px}.cd-contact__top{display:flex;align-items:center;gap:8px}.cd-contact__name{font-size:12px;font-weight:600}.cd-contact__primary{font-size:10px;font-weight:600;color:var(--color-blue-text);background:var(--color-blue-light);padding:1px 7px;border-radius:var(--radius-pill)}.cd-contact__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;font-size:11px;color:var(--color-text-2)}.cd-note{margin-top:18px;font-size:11px;color:var(--color-text-3);font-style:italic}.cell-cust__name{font-size:12px;font-weight:600;color:var(--color-text)}.cell-cust__code,.cell-cust__sub{font-size:10px;color:var(--color-text-3)}.progress{display:flex;align-items:center;gap:8px}.progress__track{flex:1;background:var(--color-surface-2);border-radius:var(--radius-pill);overflow:hidden}.progress--md .progress__track{height:8px}.progress--sm .progress__track{height:6px}.progress__fill{height:100%;border-radius:var(--radius-pill);transition:width .2s}.progress__label{font-size:11px;color:var(--color-text-2);min-width:32px;text-align:right}.pd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.pd-name{font-size:15px;font-weight:600}.pd-code{font-size:11px;color:var(--color-text-3);margin-top:2px}.pd-progress{background:var(--color-surface-2);border-radius:var(--radius-md);padding:12px;margin-bottom:8px}.pd-progress__top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.pd-section{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-3);margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.pd-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px}.pd-row__label{color:var(--color-text-3)}.pd-row__value{color:var(--color-text);text-align:right}.pd-row__value .badge{margin-left:6px}.pd-note{margin-top:18px;font-size:11px;color:var(--color-text-3);font-style:italic}.pd-tasks-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 8px}.pd-section--inline{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0;border:none}.pd-tasks-empty{font-size:12px;color:var(--color-text-3);line-height:1.5;padding:8px 0}.pd-tg{margin-bottom:10px}.pd-tg__name{font-size:11px;font-weight:600;color:var(--color-text-2);margin:8px 0 4px;text-transform:uppercase;letter-spacing:.02em}.pd-task{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:5px;background:var(--color-surface)}.pd-task__main{display:flex;align-items:center;gap:8px;min-width:0}.pd-task__title{font-size:12px;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-task__workers{display:flex;gap:-4px;flex-shrink:0}.pd-task__av{width:22px;height:22px;border-radius:50%;color:#fff;font-size:9px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-surface);margin-left:-6px}.pd-task__av:first-child{margin-left:0}.pd-task__head-right{display:flex;align-items:center;gap:6px}.pd-task__btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:1px solid var(--color-border);background:none;cursor:pointer}.pd-task__btn--done{color:var(--color-green);border-color:var(--color-green)}.pd-task__btn--done:hover{background:var(--color-green);color:#fff}.pd-task__btn--cancel{color:var(--color-red);border-color:var(--color-red)}.pd-task__btn--cancel:hover{background:var(--color-red);color:#fff}.pd-task__meta{display:flex;align-items:center;gap:10px;margin-top:6px}.pd-task__time{font-size:12px;color:var(--color-text-2);font-weight:600}.cell-prj__name{font-size:12px;font-weight:600;color:var(--color-text);max-width:260px}.cell-prj__code{font-size:10px;color:var(--color-text-3)}.cell-prj__deadline{display:inline-flex;align-items:center;gap:6px}.cell-prj__quotes{display:flex;flex-wrap:wrap;gap:4px;max-width:180px}.cell-prj__muted{color:var(--color-text-3)}.ccb{position:relative}.ccb__control{display:flex;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 8px;background:var(--color-surface);cursor:text}.ccb__control:focus-within{border-color:var(--color-border-focus)}.ccb__icon{color:var(--color-text-3);flex-shrink:0}.ccb__input{flex:1;border:0;outline:0;background:transparent;padding:8px 0;font-size:13px;color:var(--color-text)}.ccb__chev{color:var(--color-text-3);flex-shrink:0}.ccb__menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);padding:4px}.ccb__opt{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:8px 10px;border:0;background:transparent;border-radius:var(--radius-sm);cursor:pointer}.ccb__opt:hover{background:var(--color-surface-2)}.ccb__opt--on{background:var(--color-blue-light)}.ccb__opt-name{font-size:13px;font-weight:500;color:var(--color-text)}.ccb__opt-code{font-size:11px;color:var(--color-text-3)}.ccb__empty{display:flex;align-items:center;gap:6px;padding:10px;font-size:12px;color:var(--color-text-3)}.qf{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-grid--3{grid-template-columns:1fr 1fr 1fr}.qf-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-3);margin:20px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.qf .qf-section-label:first-child{margin-top:0}.qf-readonly{background:var(--color-surface-2);color:var(--color-text-3)}.qf-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-text);cursor:pointer;margin-bottom:12px}.qf-check input{width:15px;height:15px;accent-color:var(--color-blue)}.qf-hint{font-size:12px;color:var(--color-blue-text);background:var(--color-blue-light);border-radius:var(--radius-md);padding:9px 12px;margin-bottom:12px}.quote-err{font-size:12px;color:var(--color-red);margin-bottom:12px;font-weight:500}.quote-item-del{background:none;border:none;color:var(--color-text-3);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.quote-item-del:hover{background:var(--color-red-light);color:var(--color-red)}.qf-sections{display:flex;flex-direction:column;gap:14px;margin-bottom:12px}.qf-sec{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px}.qf-sec__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.qf-sec__idx{font-size:11px;font-weight:700;color:var(--color-blue);text-transform:uppercase;letter-spacing:.05em}.qf-lines{display:flex;flex-direction:column;gap:8px;margin-top:4px}.qf-line{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px}.qf-line__main{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qf-line__calc{display:grid;grid-template-columns:100px 100px 1fr auto;gap:10px;align-items:end;margin-top:6px}.qf-line__del{margin-bottom:6px}.qf-add-line{display:inline-flex;align-items:center;gap:5px;background:none;border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px;font-weight:600;color:var(--color-blue);cursor:pointer;margin-top:4px}.qf-add-line:hover{background:var(--color-blue-light);border-color:var(--color-blue)}.quote-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.quote-step-row{display:flex;gap:12px;align-items:flex-start;background:var(--color-surface-2);padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.quote-step-col-pct{width:90px}.quote-step-col-desc{flex:1}.quote-step-col-del{width:30px}.qd-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.qd-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.qd-code{font-size:12px;color:var(--text-3)}.qd-action-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:20px;font-size:13px;color:var(--text-2)}.qd-action-bar--pending{background:var(--amber-l);border-color:#fcd34d;color:var(--amber-t)}.qd-alert{padding:12px 16px;border-radius:var(--r-md);margin-bottom:20px;font-size:13px}.qd-alert--error{background:var(--red-l);color:var(--red-t);border:1px solid #FCA5A5}.qd-section{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin:24px 0 12px;border-bottom:1px solid var(--border);padding-bottom:6px}.qd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qd-row{display:flex;flex-direction:column;gap:4px}.qd-row--colspan{grid-column:span 2}.qd-row__label{font-size:11px;color:var(--text-3)}.qd-row__value{font-size:13px;color:var(--text);line-height:1.4}.qd-items{display:flex;flex-direction:column;gap:12px}.qd-item{padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.qd-item-head{display:flex;justify-content:space-between;margin-bottom:4px}.qd-item-name{font-weight:600;color:var(--text);font-size:13px}.qd-item-amount{font-weight:600;color:var(--text)}.qd-item-meta{font-size:12px;color:var(--text-2)}.qd-item-desc{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);font-size:12px;color:var(--text-2);white-space:pre-wrap}.qd-steps{display:flex;flex-direction:column;gap:8px;margin-top:12px}.qd-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface)}.qd-step-desc{font-size:13px;color:var(--text)}.cell-quote__title{font-weight:600;color:var(--text);font-size:13px;margin-bottom:2px}.cell-quote__code{font-size:11px;color:var(--text-3)}.cell-quote__proj{font-size:12px;color:var(--text)}.cell-quote__cust{font-size:11px;color:var(--text-3)}.td-main{font-weight:600}.td-actions{display:flex;gap:8px;justify-content:flex-end}.act-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;cursor:pointer;color:var(--color-text-3);transition:all .2s}.act-btn:hover{background:var(--color-surface-2);color:var(--color-blue)}.act-btn.del:hover{color:var(--color-red);background:#fee2e2}.cell-quote__num{font-weight:600;color:var(--blue)}.qp-screen{background:var(--color-bg);min-height:100vh}.qp-toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.qp-toolbar__left{display:flex;align-items:center;gap:12px}.qp-toolbar__logo{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--color-text)}.qp-toolbar__logo-icon{width:26px;height:26px;border-radius:7px;background:var(--color-blue);color:#fff;display:grid;place-items:center}.qp-toolbar__sep{color:var(--color-text-3)}.qp-toolbar__sub{color:var(--color-text-3);font-weight:500}.qp-toolbar__right{display:flex;gap:8px}.qp-back{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:6px 12px;font-size:12px;font-weight:600;color:var(--color-text-2);cursor:pointer}.qp-back:hover{background:var(--color-surface-2)}.page-wrap{max-width:900px;margin:24px auto;padding:0 16px 48px}.doc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.doc-header{background:linear-gradient(135deg,#1e293b,#1e40af);padding:24px 28px 20px;color:#fff}.dh-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.dh-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.dh-logo-box{width:36px;height:36px;background:#ffffff26;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25)}.dh-company-name{font-size:15px;font-weight:700;letter-spacing:.01em}.dh-company-tagline{font-size:10px;color:#ffffffb3;margin-bottom:8px}.dh-company-info{font-size:10px;color:#ffffffa6;line-height:1.7}.dh-right{text-align:right;flex-shrink:0}.dh-doc-type{font-size:18px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.dh-doc-sub{font-size:10px;color:#fff9;margin-top:2px;text-align:right}.dh-code{margin-top:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px 10px;text-align:right}.dh-code-label{font-size:9px;color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em}.dh-code-val{font-size:13px;font-weight:600;font-family:monospace}.dh-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.15)}.dh-meta-label{font-size:9px;color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.dh-meta-val{font-size:11px;font-weight:500;color:#ffffffe6}.parties{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--color-border)}.party{padding:16px 20px}.party:first-child{border-right:1px solid var(--color-border)}.party-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-3);margin-bottom:8px;display:flex;align-items:center;gap:5px}.party-name{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:4px}.party-detail{font-size:11px;color:var(--color-text-2);line-height:1.65}.party-contact{margin-top:6px;display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-blue);font-weight:500}.project-row{padding:12px 20px;background:var(--color-blue-light);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-row-label{font-size:10px;font-weight:600;color:var(--color-blue-text);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:4px}.project-row-val{font-size:12px;font-weight:600;color:var(--color-blue)}.project-row-sep{color:var(--color-border);font-size:14px}.section-title{padding:10px 20px 9px;background:var(--color-surface-2);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);display:flex;align-items:center;gap:8px}.section-num{width:22px;height:22px;border-radius:50%;background:var(--color-blue);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-name{font-size:12px;font-weight:600;color:var(--color-text)}.section-name-en{font-size:11px;color:var(--color-text-3);margin-left:4px}.section-sum{margin-left:auto;font-size:12px;font-weight:600;color:var(--color-blue)}.items-table{width:100%;border-collapse:collapse}.items-table th{text-align:left;padding:8px 12px;font-size:10px;font-weight:600;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.items-table th.num{text-align:center;width:36px}.items-table th.amount{text-align:right}.items-table th.qty,.items-table th.rate,.items-table th.unit{text-align:right;white-space:nowrap}.items-table td{padding:10px 12px;vertical-align:top;border-bottom:1px solid var(--color-border);font-size:12px;color:var(--color-text-2)}.items-table tr:last-child td{border-bottom:none}.td-num{text-align:center;font-weight:600;color:var(--color-text-3);width:36px}.td-item{font-weight:600;color:var(--color-text);margin-bottom:2px}.td-desc{font-size:11px;color:var(--color-text-3);line-height:1.6;white-space:pre-line}.td-qty{text-align:right;font-family:monospace;white-space:nowrap}.td-unit{text-align:right;color:var(--color-text-3)}.td-rate{text-align:right;font-family:monospace;white-space:nowrap}.td-amount{text-align:right;font-family:monospace;font-weight:600;color:var(--color-text);white-space:nowrap}.sum-row td{background:var(--color-surface-2);font-weight:600;border-top:2px solid var(--color-border);border-bottom:2px solid var(--color-border)}.sum-row .sum-label{text-align:right;color:var(--color-text-2);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.sum-row .sum-val{text-align:right;color:var(--color-blue);font-family:monospace;font-size:13px}.totals-block{padding:16px 20px;border-top:1px solid var(--color-border)}.totals-row{display:flex;justify-content:flex-end}.totals-table{min-width:320px;border-collapse:collapse}.totals-table tr td{padding:5px 10px;font-size:12px}.totals-table .tl{color:var(--color-text-2);text-align:left;padding-right:24px}.totals-table .tv{text-align:right;font-family:monospace;font-weight:600;color:var(--color-text)}.totals-table .tax-row .tl{color:var(--color-amber-text)}.totals-table .tax-row .tv{color:var(--color-amber)}.totals-table .grand-total td{background:var(--color-blue);color:#fff}.totals-table .grand-total .tl{color:#ffffffd9;font-weight:600;border-radius:6px 0 0 6px;padding:8px 24px 8px 14px}.totals-table .grand-total .tv{color:#fff;font-size:15px;font-weight:700;border-radius:0 6px 6px 0;padding:8px 14px}.terms{padding:16px 20px;border-top:1px solid var(--color-border);background:var(--color-surface-2)}.terms-title{font-size:11px;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;display:flex;align-items:center;gap:6px}.terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.terms-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:10px 12px}.terms-item--full{grid-column:1 / -1}.ti-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-3);margin-bottom:4px}.ti-val{font-size:12px;font-weight:500;color:var(--color-text);line-height:1.5}.ti-sub{font-size:10px;color:var(--color-text-3)}.payment-steps{margin-top:6px;display:flex;flex-direction:column;gap:3px}.pay-step{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-2)}.pay-step-dot{width:6px;height:6px;border-radius:50%;background:var(--color-blue);flex-shrink:0}.pay-step-pct{font-weight:600;color:var(--color-blue);min-width:28px}.contractor-notes{padding:12px 20px;background:#fffbeb;border-top:1px solid #FDE68A}.cn-title{font-size:10px;font-weight:700;color:var(--color-amber-text);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;display:flex;align-items:center;gap:5px}.cn-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.cn-list li{font-size:11px;color:var(--color-amber-text);display:flex;gap:6px;line-height:1.5}.cn-list li:before{content:"•";flex-shrink:0}.signatures{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--color-border)}.sig{padding:20px;text-align:center}.sig:first-child{border-right:1px solid var(--color-border)}.sig-label{font-size:10px;font-weight:700;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:50px}.sig-line{width:120px;height:1px;background:var(--color-border);margin:0 auto 8px}.sig-name{font-size:13px;font-weight:700;color:var(--color-text)}.sig-role{font-size:11px;color:var(--color-text-3);margin-top:2px}.doc-footer{padding:12px 20px;border-top:1px solid var(--color-border);background:var(--color-surface-2);display:flex;align-items:center;justify-content:space-between}.df-note,.df-page{font-size:10px;color:var(--color-text-3)}.qp-state{padding:60px;text-align:center;color:var(--color-text-3)}@media print{.qp-toolbar,.no-print{display:none!important}.qp-screen{background:#fff}.page-wrap{max-width:100%;margin:0;padding:0}.doc{border:none;border-radius:0}@page{size:A4;margin:12mm 10mm}}.kanban{display:flex;flex-direction:column;min-height:calc(100vh - 160px)}.kanban__body{flex:1}.steps-bar{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 18px;margin-bottom:16px}.steps-bar__group{display:flex;align-items:center;flex:1}.steps-bar__group:last-child{flex:0}.step-item{display:flex;align-items:center;gap:8px;color:var(--color-text-3);white-space:nowrap}.step-item--done{color:var(--color-green);cursor:pointer}.step-item--active{color:var(--color-blue)}.step-item__num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--color-surface-2);border:1.5px solid currentColor}.step-item--active .step-item__num{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.step-item--done .step-item__num{background:var(--color-green);color:#fff;border-color:var(--color-green)}.step-item__label{font-size:12px;font-weight:600}.step-sep{flex:1;height:2px;background:var(--color-border);margin:0 12px;border-radius:2px}.step-sep--done{background:var(--color-green)}.kb-page__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.kb-page__title{font-size:15px;font-weight:600;color:var(--color-text)}.kb-back{width:30px;height:30px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);display:grid;place-items:center;cursor:pointer;color:var(--color-text-2)}.kb-back:hover{background:var(--color-surface-2)}.kb-crumb{font-size:11px;font-weight:600;color:var(--color-blue-text);background:var(--color-blue-light);padding:4px 10px;border-radius:var(--radius-pill)}.kb-stats{display:flex;gap:10px;margin-bottom:14px}.kb-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-2);background:var(--color-surface);border:1px solid var(--color-border);padding:7px 12px;border-radius:var(--radius-pill)}.kb-grid{display:grid;gap:12px}.kb-grid--2{grid-template-columns:repeat(2,1fr)}.kb-grid--3{grid-template-columns:repeat(3,1fr)}.sel-card{text-align:left;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all .12s;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.sel-card:hover{border-color:var(--color-border-focus);box-shadow:0 4px 14px #0f172a0f;transform:translateY(-1px)}.sel-card--on{border-color:var(--color-blue);background:var(--color-blue-light)}.sel-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--color-blue);margin-bottom:4px}.sel-card__name{font-size:13px;font-weight:600;color:var(--color-text)}.sel-card__sub{font-size:11px;color:var(--color-text-3)}.kb-empty{grid-column:1 / -1;text-align:center;color:var(--color-text-3);font-size:13px;padding:40px 0}.kb-quotes{display:flex;flex-direction:column;gap:10px}.quote-card{text-align:left;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 16px;cursor:pointer;transition:all .12s}.quote-card:hover{border-color:var(--color-border-focus);box-shadow:0 4px 14px #0f172a0f}.quote-card--on{border-color:var(--color-blue);background:var(--color-blue-light)}.quote-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.quote-card__id{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--color-blue)}.quote-card__name{font-size:13px;font-weight:600;color:var(--color-text)}.kb-assign{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}.kb-pool{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;position:sticky;top:0;max-height:calc(100vh - 230px)}.kb-pool__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--color-border)}.kb-pool__title{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.kb-pool__count{font-size:11px;color:var(--color-green-text);background:var(--color-green-light);padding:2px 8px;border-radius:var(--radius-pill)}.kb-pool__search{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--color-border);color:var(--color-text-3)}.kb-pool__search input{border:0;outline:0;flex:1;font-size:12px;background:transparent;color:var(--color-text)}.kb-pool__list{padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:120px}.kb-pool__list.is-over{background:var(--color-blue-light)}.kb-pool__empty{text-align:center;font-size:12px;color:var(--color-text-3);padding:20px 0}.wk-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:grab}.wk-card:hover{border-color:var(--color-border-focus)}.wk-card.is-dragging{box-shadow:var(--shadow-modal);background:#fff}.wk-card__av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.wk-card__info{flex:1;min-width:0}.wk-card__name{font-size:12px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wk-card__role{font-size:10px;color:var(--color-text-3)}.wk-card__dot{width:8px;height:8px;border-radius:50%;background:var(--color-green);flex-shrink:0}.kb-notice{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-blue-text);background:var(--color-blue-light);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:12px}.kb-task-list{display:flex;flex-direction:column;gap:10px}.task-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 14px}.task-row__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.task-row__title{font-size:13px;font-weight:600;color:var(--color-text)}.task-row__desc{font-size:11px;color:var(--color-text-3);margin-top:2px}.task-row__drop{display:flex;flex-wrap:wrap;gap:8px;min-height:44px;border:1.5px dashed var(--color-border);border-radius:var(--radius-md);padding:8px;align-items:center;transition:all .12s}.task-row__drop.is-over{border-color:var(--color-blue);background:var(--color-blue-light)}.task-row__drop.is-empty{background:var(--color-surface-2)}.task-row__hint{font-size:11px;color:var(--color-text-3);font-style:italic;padding:0 4px}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 8px 5px 5px;border-radius:var(--radius-pill);font-size:12px;border:1px solid var(--color-border)}.chip--active{background:var(--color-green-light);border-color:#86efac;margin:0 6px 6px 0}.chip--draft{background:#fff;border-color:var(--color-blue);cursor:grab}.chip__av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.chip__name{font-weight:600;color:var(--color-text)}.chip__grip{color:var(--color-text-3)}.chip__tag{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--color-blue);background:var(--color-blue-light);padding:1px 5px;border-radius:var(--radius-pill)}.live-timer{font-family:ui-monospace,monospace;font-size:11px;font-weight:600;color:var(--color-green-text);background:#fff;padding:1px 6px;border-radius:var(--radius-pill)}.chip__btn{width:20px;height:20px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--color-text-2)}.chip__btn:hover{background:#0f172a14}.chip__btn--del:hover{background:var(--color-red-light);color:var(--color-red)}.kanban__footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 16px;margin-top:16px;box-shadow:0 -4px 16px #0f172a0a}.kb-breadcrumb{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-2)}.kb-breadcrumb__sep{color:var(--color-text-3);margin:0 2px}.kanban__footer-actions{display:flex;gap:8px}.tf-who{display:flex;align-items:center;gap:12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;margin-bottom:10px}.tf-who__av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700}.tf-who__name{font-size:14px;font-weight:600}.tf-who__from{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-3);margin-top:2px}.tf-from{display:flex;align-items:flex-start;gap:8px;background:var(--color-amber-light);border:1px solid #FDE68A;border-radius:var(--radius-md);padding:10px 12px;margin-bottom:14px;color:var(--color-amber-text)}.tf-from__label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.8}.tf-from__path{font-size:12px;font-weight:500;margin-top:2px}.tf-from__task{font-weight:700}.tf-steps{display:flex;align-items:center;margin-bottom:14px}.tf-steps__group{display:flex;align-items:center;flex:1}.tf-steps__group:last-child{flex:0}.tf-step{display:flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;color:var(--color-text-3);padding:0}.tf-step:disabled{cursor:default}.tf-step--done{color:var(--color-green)}.tf-step--active{color:var(--color-blue)}.tf-step__num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--color-surface-2);border:1.5px solid currentColor}.tf-step--active .tf-step__num{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.tf-step--done .tf-step__num{background:var(--color-green);color:#fff;border-color:var(--color-green)}.tf-step__label{font-size:12px;font-weight:600;white-space:nowrap}.tf-step__sep{flex:1;height:2px;background:var(--color-border);margin:0 8px;border-radius:2px}.tf-step__sep--done{background:var(--color-green)}.tf-panel{display:flex;flex-direction:column;gap:6px}.tf-panel__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-3);margin-bottom:4px}.tf-empty{font-size:12px;color:var(--color-text-3);padding:16px 0;text-align:center}.dopt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:all .12s}.dopt:hover{border-color:var(--color-border-focus);background:var(--color-surface-2)}.dopt--on{border-color:var(--color-blue);background:var(--color-blue-light)}.dopt__icon{width:34px;height:34px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--color-blue-light);color:var(--color-blue);flex-shrink:0}.dopt__icon--green{background:var(--color-green-light);color:var(--color-green)}.dopt__name{font-size:13px;font-weight:600;color:var(--color-text)}.dopt__sub{font-size:11px;color:var(--color-text-3)}.dopt__arrow{margin-left:auto;color:var(--color-text-3);flex-shrink:0}.dtask-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:all .12s}.dtask-opt:hover{border-color:var(--color-border-focus)}.dtask-opt--on{border-color:var(--color-blue);background:var(--color-blue-light)}.dtask-opt__name{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--color-text)}.dtask-opt__count{font-size:11px;color:var(--color-text-3);margin-top:2px}.dtask-opt__check{margin-left:auto;color:var(--color-border);flex-shrink:0}.dtask-opt--on .dtask-opt__check{color:var(--color-blue)}.tf-confirm{display:flex;align-items:flex-start;gap:8px;background:var(--color-green-light);border:1px solid #86EFAC;border-radius:var(--radius-md);padding:10px 12px;margin-top:14px;font-size:11px;color:var(--color-green-text)}.task-row__head-actions{display:flex;align-items:center;gap:8px}.task-row__done{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-green);background:none;border:1px solid var(--color-green);border-radius:6px;padding:3px 8px;cursor:pointer}.task-row__done:hover{background:var(--color-green);color:#fff}.kb-done-wrap{margin-top:12px;border:1px solid var(--color-border);border-radius:10px;padding:12px 14px;background:var(--color-surface)}.kb-done-wrap__title{font-weight:600;font-size:13px;margin-bottom:8px}.ct-list{display:flex;flex-direction:column;gap:8px}.ct-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px}.ct-row__main{display:flex;flex-direction:column;gap:4px}.ct-row__title{font-weight:500;font-size:13px}.ct-row__workers{display:flex;gap:4px}.ct-av{width:22px;height:22px;border-radius:50%;color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center}.ct-row__time{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600}.ct-ot{color:var(--color-amber);font-size:12px}.ot-list{display:flex;flex-direction:column;gap:8px}.ot-row{display:flex;align-items:center;gap:8px}.ot-row__av{width:26px;height:26px;border-radius:50%;color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.ot-row__name{flex:1 1 auto;font-size:13px}.ot-row__input{width:64px;text-align:right}.ot-row__input[aria-invalid=true]{border-color:var(--color-red)}.ot-row__unit{color:var(--color-text-2);font-size:12px}.kb-countdown{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:12px;color:var(--color-blue);background:var(--color-surface-2);border-radius:6px;padding:3px 8px}.kb-countdown--off{color:var(--color-red)}.chip__ot{font-size:11px;color:var(--color-amber);background:var(--color-surface-2);border-radius:5px;padding:1px 6px}.tsd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.tsd-stat{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.tsd-stat span{font-size:11px;color:var(--color-text-3)}.tsd-stat strong{font-size:16px;color:var(--color-text)}.tsd-total{display:flex;align-items:center;justify-content:space-between;background:var(--color-blue-light);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:4px}.tsd-total span{font-size:12px;color:var(--color-blue-text)}.tsd-total strong{font-size:18px;color:var(--color-blue-text);font-family:ui-monospace,monospace}.tsd-section{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-3);margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.tsd-rows{display:flex;flex-direction:column}.tsd-row{display:grid;grid-template-columns:84px 130px 1fr auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:12px}.tsd-row__date{color:var(--color-text-2)}.tsd-row__hours{color:var(--color-text-3)}.tsd-row__pay{font-family:ui-monospace,monospace;font-weight:600;color:var(--color-text);text-align:right}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;align-items:center}.toolbar__spacer{flex:1}.cell-ts__worker{display:flex;align-items:center;gap:8px}.cell-ts__av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.cell-ts__name{font-size:12px;font-weight:600;color:var(--color-text)}.cell-ts__code{font-size:10px;color:var(--color-text-3)}.cell-ts__ot{color:var(--color-amber);font-weight:600}.cell-ts__rate{font-family:ui-monospace,monospace;font-size:11px;color:var(--color-text-2)}.cell-ts__pay{font-family:ui-monospace,monospace;font-weight:600;color:var(--color-blue)}:root{--color-bg: #F1F5F9;--color-surface: #FFFFFF;--color-surface-2: #F8FAFC;--color-border: #E2E8F0;--color-border-focus: #93C5FD;--color-text: #0F172A;--color-text-2: #475569;--color-text-3: #94A3B8;--color-blue: #1D4ED8;--color-blue-light: #DBEAFE;--color-blue-text: #1E40AF;--color-green: #16A34A;--color-green-light: #DCFCE7;--color-green-text: #166534;--color-amber: #D97706;--color-amber-light: #FEF3C7;--color-amber-text: #92400E;--color-red: #DC2626;--color-red-light: #FEE2E2;--color-red-text: #991B1B;--color-purple: #7C3AED;--color-purple-light: #EDE9FE;--color-purple-text: #5B21B6;--sidebar-bg: #1E293B;--sidebar-text: #CBD5E1;--sidebar-muted: #64748B;--sidebar-active: #1D4ED8;--sidebar-hover: #253347;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 20px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--sidebar-w: 220px;--sidebar-collapsed-w: 56px;--drawer-w: 460px;--drawer-sm-w: 420px;--modal-w: 520px;--modal-lg-w: 720px;--modal-xl-w: 960px;--shadow-drawer: -6px 0 24px rgba(15, 23, 42, .08);--shadow-modal: 0 20px 60px rgba(15, 23, 42, .15)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:13px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}@media print{.no-print{display:none!important}}@media (max-width: 768px){.page{padding:14px 12px}.page .kpi-row{grid-template-columns:1fr 1fr;gap:8px}.page .kpi-row--3{grid-template-columns:1fr 1fr}.page .toolbar>*{flex:1 1 auto;min-width:0}.drawer--md,.drawer--sm,.modal--md,.modal--lg,.modal--xl{width:100%!important}.modal__overlay{padding:3vh 10px!important}}