.planning-tabs{display:inline-flex;gap:6px;padding:4px;border-radius:16px;background:#0000000a}.planning-tab{border:0;background:transparent;color:#6e6e73;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:600}.planning-tab-active{background:#fff;color:#1d1d1f;box-shadow:0 2px 10px #0000000f}.planning-main-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.9fr);gap:20px;align-items:start}.planning-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px}.planning-summary-item{display:flex;flex-direction:column;gap:4px}.planning-summary-item strong{font-size:24px;line-height:1;color:#1d1d1f}.planning-summary-item span{font-size:13px;color:#6e6e73}.planning-week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.planning-lane{display:flex;flex-direction:column;gap:12px;min-height:100%;padding:18px;background:linear-gradient(180deg,#fffffffa,#f8f8fafa);border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 1px #ffffffe6}.planning-lane-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}.planning-empty-state{display:flex;flex-direction:column;gap:6px;min-height:120px;padding:16px;border-radius:16px;border:1px dashed rgba(0,0,0,.1);background:#ffffffb8}.planning-empty-state strong{font-size:14px;color:#1d1d1f}.planning-item-card{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:linear-gradient(180deg,#fff,#fcfcfd);box-shadow:0 8px 20px #0f172a0b;cursor:pointer;text-align:left;font:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.planning-item-card:hover{transform:translateY(-1px);border-color:#0071e32e;box-shadow:0 12px 28px #0071e31f}.planning-item-card:focus-visible{outline:none;border-color:#0071e366;box-shadow:0 0 0 4px #0071e324}.planning-item-card-selected{border-color:#0071e357;background:linear-gradient(180deg,#fff,#f5faff);box-shadow:0 14px 32px #0071e329}.planning-item-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.planning-item-card-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.planning-item-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.planning-item-card-title{display:-webkit-box;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:600;font-size:16px;line-height:1.3;color:#1d1d1f}.planning-item-card-subtitle,.planning-card-subtitle{display:-webkit-box;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;color:#6e6e73;margin:0}.planning-item-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.planning-item-card-inline{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#6e6e73;font-size:12px;overflow:hidden}.planning-item-card-inline svg{flex:0 0 auto}.planning-item-card-inline span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planning-item-card-sep{flex:0 0 auto;opacity:.65}.planning-stage-chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:5px 9px;border-radius:999px;background:#0071e314;color:#0071e3;font-size:12px;font-weight:600}.planning-stage-chip span:last-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planning-stage-chip svg:last-child{opacity:.7;flex:0 0 auto}.planning-stage-chip-strong{margin-top:4px;background:#0071e31f}.planning-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.planning-month-cell{min-height:140px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.06);padding:12px 12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 18px #0f172a08}.planning-month-cell-muted{opacity:.48}.planning-month-date{font-size:13px;font-weight:600;color:#1d1d1f}.planning-month-items{display:flex;flex-direction:column;gap:8px}.planning-mini-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;width:100%;min-height:34px;border:0;border-radius:999px;box-shadow:inset 0 0 0 1px transparent;padding:6px 9px;background:#0071e314;color:#0071e3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-align:left;font:inherit;touch-action:manipulation;transition:background .18s ease,border-color .18s ease,transform .18s ease}.planning-mini-chip:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #0071e338,0 0 0 4px #0071e31f}.planning-mini-chip:hover{background:#0071e31f;box-shadow:inset 0 0 0 1px #0071e324}.planning-mini-chip-selected{background:#0071e329;box-shadow:inset 0 0 0 1px #0071e338}.planning-more-button{border:0;cursor:pointer;margin-top:auto}.planning-mini-chip>span:not(.planning-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planning-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.planning-timeline-shell{overflow-x:auto;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 24px #0f172a0a}.planning-timeline{min-width:980px;display:grid;grid-template-columns:220px repeat(var(--timeline-days),minmax(44px,1fr));gap:0}.planning-timeline-head,.planning-timeline-row{display:contents}.planning-timeline-sticky{position:sticky;left:0;background:#fff;z-index:1}.planning-timeline-label,.planning-timeline-cell,.planning-timeline-date{min-height:56px;border-bottom:1px solid rgba(0,0,0,.05)}.planning-timeline-date{display:flex;align-items:center;justify-content:center;font-size:12px;color:#6e6e73;background:#fbfbfdf5}.planning-timeline-label{display:flex;flex-direction:column;justify-content:center;gap:4px;width:100%;padding:10px 12px;overflow:hidden;border-top:0;border-left:0;border-bottom:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05);cursor:pointer;text-align:left;font:inherit;transition:background .18s ease,border-color .18s ease}.planning-timeline-label>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planning-timeline-label:hover,.planning-timeline-cell:hover{background-color:#0071e308}.planning-timeline-label-selected{background:#0071e30f;border-right-color:#0071e32e}.planning-timeline-cell{position:relative;border:0;background:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px);background-size:100% 100%;cursor:pointer;font:inherit;transition:background-color .18s ease}.planning-timeline-cell-selected{background-color:#0071e30a}.planning-timeline-bar{position:absolute;top:14px;bottom:14px;border-radius:999px;opacity:.92;box-shadow:0 8px 18px #00000029}.planning-config-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.planning-config-row{display:contents}.planning-detail-panel{display:flex;flex-direction:column;gap:16px}.planning-detail-panel-empty{justify-content:center;min-height:180px}.planning-detail-topline,.planning-detail-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.planning-detail-topline{justify-content:space-between}.planning-detail-subject{display:-webkit-box;overflow:hidden;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}.planning-detail-list{display:flex;flex-direction:column;gap:10px}.planning-detail-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;background:#00000005;border:1px solid rgba(0,0,0,.04)}.planning-detail-row svg{margin-top:1px;color:#6e6e73;flex:0 0 auto}.planning-detail-row div{display:flex;flex-direction:column;gap:2px;min-width:0}.planning-detail-row strong{font-size:13px;color:#1d1d1f}.planning-detail-row span{font-size:13px;color:#6e6e73;word-break:break-word}.planning-detail-row-danger{background:#ff3b300d;border-color:#ff3b301a}.planning-detail-row-danger svg,.planning-detail-row-danger span,.planning-detail-row-danger strong{color:#ff3b30}.planning-detail-link{width:100%}.planning-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.planning-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000029;cursor:pointer}.planning-drawer{position:absolute;top:0;right:0;height:100%;width:min(420px,92vw);padding:14px;background:#fbfbfd;border-left:1px solid rgba(0,0,0,.08);box-shadow:-10px 0 30px #0f172a1f;display:flex;flex-direction:column;gap:12px}.planning-drawer>.panel-card{flex:0 0 auto}.planning-drawer-close{align-self:flex-end;border:0;background:#0000000a;color:#1d1d1f;border-radius:12px;padding:10px;cursor:pointer}.planning-drawer-close:hover{background:#0000000f}@media(max-width:1100px){.planning-main-grid{grid-template-columns:1fr}.planning-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.planning-week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.planning-main-grid{gap:12px}.planning-week-grid,.planning-month-grid,.planning-config-grid,.planning-summary-strip{grid-template-columns:1fr}.planning-month-cell{min-height:unset}.planning-tabs{width:100%;overflow-x:auto}.planning-tab{flex:0 0 auto;white-space:nowrap}.planning-item-card,.planning-month-cell{border-radius:14px;padding:12px}.planning-timeline-shell{margin:0 -8px;padding:0 8px}.planning-timeline{min-width:760px}.planning-lane-header{align-items:flex-start}.planning-lane{padding:14px}}.orders-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.orders-actions{display:flex;gap:12px;align-items:center}.orders-actions .primary-button,.orders-actions .secondary-button{width:auto}.orders-search{display:flex;align-items:center;gap:10px;border:1px solid rgba(0,0,0,.08);background:#00000005;border-radius:12px;padding:0 14px;min-width:280px}.orders-search input{border:none;background:transparent;padding:12px 6px;box-shadow:none;width:100%}.orders-table{display:flex;flex-direction:column;gap:0}.orders-row-link{border-radius:14px;cursor:pointer;transition:background .15s ease}.orders-row-link:hover{background:#f5f5f7}.order-detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.order-detail-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.order-detail-actions .field{margin:0;min-width:220px}.order-detail-actions .primary-button,.order-detail-actions .secondary-button{width:auto}.order-action-button-green{background:#34c7591a;color:#1d1d1f}.order-action-button-red{background:#ff3b3014;color:#1d1d1f}.order-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-kv{display:grid;grid-template-columns:160px 1fr;gap:10px;margin-top:16px}.order-kv span{color:#86868b;font-size:13px}.order-kv strong{color:#1d1d1f;font-weight:500;font-size:14px}.order-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.order-form-grid .field{margin:0}.order-form-full{grid-column:1 / -1}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px}.image-tile{border-radius:16px;border:1px solid rgba(0,0,0,.06);background:#00000005;overflow:hidden;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.image-tile img{width:100%;height:100%;object-fit:cover;display:block}.timeline{display:flex;flex-direction:column;gap:10px;margin-top:16px}.timeline-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:16px;background:#00000005;border:1px solid rgba(0,0,0,.04)}.timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:#00000024}.timeline-body{display:flex;flex-direction:column;gap:4px;min-width:0}.timeline-title{display:flex;gap:8px;flex-wrap:wrap;color:#1d1d1f;font-weight:600;font-size:14px}.timeline-meta{color:#86868b;font-size:12px}@media(max-width:960px){.order-detail-grid{grid-template-columns:1fr}}@media(max-width:640px){.orders-search{min-width:unset;width:100%}.orders-actions,.orders-actions .primary-button{width:100%}.order-detail-actions{align-items:stretch}.order-detail-actions .field,.order-detail-actions .primary-button,.order-detail-actions .secondary-button{width:100%!important;min-width:unset!important}.order-card-title{align-items:flex-start;flex-direction:column}.order-kv{grid-template-columns:1fr;gap:4px}.table-head{display:none}.table-row{grid-template-columns:1fr;gap:10px;padding:16px;border-bottom:1px solid rgba(0,0,0,.06)}.order-form-grid{grid-template-columns:1fr}}:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#fbfbfd;color:#1d1d1f}*{box-sizing:border-box}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select{font:inherit;outline:none}a{color:inherit;text-decoration:none}#root,.app-shell,.login-page{min-height:100vh}.page-section{padding:32px;max-width:1200px;margin:0 auto;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;margin:0;color:#1d1d1f}h1{font-size:40px}h2{font-size:32px}h3{font-size:20px}p{margin:0;color:#86868b;line-height:1.5;font-size:15px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-wrap{word-break:break-word;white-space:normal}.page-stack,.list-stack,.panel-header,.page-header{display:flex;flex-direction:column;gap:12px}.page-stack{gap:32px}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.kanban-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.login-page{display:flex;align-items:center;justify-content:center;background:#f5f5f7;padding:24px}.login-panel{width:100%;max-width:440px;background:#fff;border-radius:24px;box-shadow:0 12px 48px #00000014;padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(0,0,0,.04)}.login-logo{color:#0071e3;margin-bottom:16px}.login-header{margin-bottom:32px}.login-form{width:100%;display:flex;flex-direction:column;gap:16px}.panel-card,.stat-card,.kanban-card,.list-row-card,.display-stage-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000008;padding:24px;border:1px solid rgba(0,0,0,.04);transition:box-shadow .2s ease,transform .2s ease}.stat-card:hover,.kanban-card:hover,.list-row-card:hover{box-shadow:0 8px 30px #0000000f;transform:translateY(-2px)}.compact-card{padding:16px}.stat-header{display:flex;align-items:center;gap:12px;color:#86868b;font-weight:500;font-size:14px}.stat-icon{color:#0071e3;background:#0071e314;padding:8px;border-radius:12px}.stat-card strong{display:block;margin-top:12px;font-size:36px;font-weight:600;color:#1d1d1f;letter-spacing:-.02em}.stat-card p{margin-top:4px;font-size:13px}.eyebrow,.brand-badge,.pill{display:inline-flex;align-items:center;width:fit-content;max-width:100%;border-radius:999px;padding:4px 10px;background:#0071e314;color:#0071e3;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill-red{background:#ff3b301a;color:#ff3b30}.pill-orange{background:#ff95001a;color:#ff9500}.pill-green{background:#34c7591a;color:#34c759}.stage-dot{width:10px;height:10px;border-radius:50%}.stage-orange{background:#ff9500}.stage-pink{background:#ff2d55}.stage-blue{background:#5ac8fa}.stage-purple{background:#af52de}.field{display:flex;flex-direction:column;gap:8px;text-align:left}.field span{font-size:13px;font-weight:500;color:#1d1d1f;margin-left:4px}.field input{border:1px solid rgba(0,0,0,.08);background:#00000005;color:#1d1d1f;border-radius:12px;padding:14px 16px;transition:all .2s ease;font-size:15px;width:100%}.field select{border:1px solid rgba(0,0,0,.08);background:#00000005;color:#1d1d1f;border-radius:12px;padding:14px 16px;transition:all .2s ease;font-size:15px;width:100%;text-overflow:ellipsis}.field input:focus,.field select:focus{background:#fff;border-color:#0071e3;box-shadow:0 0 0 4px #0071e326}.mode-switch{display:flex;background:#0000000a;border-radius:14px;padding:4px;margin-bottom:24px}.mode-button{flex:1;border:0;background:transparent;color:#86868b;padding:8px 16px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.mode-button-active{background:#fff;color:#1d1d1f;box-shadow:0 2px 8px #0000000f}.primary-button,.secondary-button{border:0;border-radius:12px;padding:14px 20px;cursor:pointer;font-weight:600;font-size:15px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secondary-button{background:#0000000a;color:#1d1d1f}.secondary-button:hover:not(:disabled){background:#0000000f}.primary-button{background:#0071e3;color:#fff;width:100%}.primary-button:hover:not(:disabled){background:#0077ed;transform:scale(.98)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.error-text{color:#ff3b30;font-size:13px;margin-top:8px}.app-shell{display:grid;grid-template-columns:260px 1fr;background:#fbfbfd}.sidebar{display:flex;flex-direction:column;gap:32px;padding:32px 24px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(0,0,0,.05);position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:12px;color:#1d1d1f;font-weight:600;font-size:18px;letter-spacing:-.02em}.sidebar-brand svg{color:#0071e3}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;border-radius:10px;padding:10px 12px;color:#424245;font-size:15px;font-weight:500;transition:all .1s ease}.nav-item:hover{background:#00000008}.nav-item-active{background:#0071e314;color:#0071e3}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:16px}.profile-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f5f7;border-radius:14px}.profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0071e3,#45a0ff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.profile-info{display:flex;flex-direction:column}.profile-name{font-weight:600;font-size:14px;color:#1d1d1f}.profile-role{font-size:12px;color:#86868b}.logout-button{background:transparent;color:#ff3b30;border:0;padding:10px;border-radius:10px;cursor:pointer;font-weight:500;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.logout-button:hover{background:#ff3b3014}.main-panel{padding:40px;overflow-y:auto}.list-row,.pipeline-row,.table-head,.table-row{display:grid;align-items:center;gap:16px}.list-row{grid-template-columns:1fr auto;padding:12px;border-radius:12px;transition:background .2s}.list-row:hover{background:#f5f5f7}.list-row-info{display:flex;flex-direction:column;gap:4px}.list-row-info strong{font-size:15px;color:#1d1d1f}.pipeline-row{grid-template-columns:140px 1fr;padding:8px 0}.pipeline-label{display:flex;flex-direction:column;gap:2px}.pipeline-label strong{font-size:14px;color:#1d1d1f}.pipeline-label span{font-size:12px;color:#86868b}.pipeline-bar{height:8px;border-radius:999px;background:#0000000a;overflow:hidden}.pipeline-bar>div{height:100%;border-radius:inherit;background:#0071e3}.table-head,.table-row{grid-template-columns:1.5fr 1fr 1.5fr 1fr;padding:16px}.table-head{color:#86868b;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(0,0,0,.06)}.table-row{border-bottom:1px solid rgba(0,0,0,.03);font-size:14px}.table-row:last-child{border-bottom:none}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-item span{font-size:12px;color:#86868b;text-transform:uppercase;letter-spacing:.02em}.meta-item strong{font-size:14px;color:#1d1d1f;font-weight:500}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;padding:18px 20px;gap:18px}.nav-list{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.nav-item{flex:0 0 auto;white-space:nowrap}.sidebar-footer{margin-top:0;flex-direction:row;align-items:center;justify-content:space-between}.content-grid{grid-template-columns:1fr}.main-panel,.page-section{padding:24px}}@media(max-width:640px){h1{font-size:32px}h2{font-size:26px}.page-section,.main-panel{padding:20px}.sidebar-brand span{font-size:16px}.profile-card{flex:1;min-width:0}.profile-info{min-width:0}.profile-name,.profile-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button span{display:none}.panel-card,.stat-card,.kanban-card,.list-row-card,.display-stage-card{padding:18px;border-radius:18px}}