:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#26312e;background:#f3f5f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;letter-spacing:0}body{margin:0;min-width:320px;min-height:100vh;background:#f3f5f4}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:22px;height:100vh;padding:20px 14px;color:#f8faf9;background:#242a28}.brand{display:flex;align-items:center;gap:11px;min-height:52px;padding:0 4px}.brand-mark,.auth-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:7px;color:#fff;background:#11746a}.brand strong{display:block;font-size:17px}.brand span{display:block;margin-top:1px;color:#b8c5c1;font-size:12px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:10px;min-height:41px;padding:0 11px;border-radius:7px;color:#e1e8e5;background:transparent;text-align:left}.sidebar nav button:hover{background:#ffffff12}.sidebar nav button.active{color:#fff;background:#11746a}.sidebar-status{display:grid;gap:9px;margin-top:auto;padding:11px;border-radius:7px;background:#ffffff0e}.status-line{display:flex;align-items:center;gap:8px;color:#cad4d1;font-size:12px}.main{min-width:0;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;margin-bottom:16px}.topbar h1{margin:0;color:#1d2825;font-size:25px;line-height:1.2}.topbar p{margin:5px 0 0;color:#71807b;font-size:13px}.top-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.toast{max-width:340px;padding:8px 11px;overflow:hidden;border:1px solid #e4c29e;border-radius:7px;color:#7b4517;background:#fff8ed;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.user-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;border:1px solid #d9e1de;border-radius:7px;color:#2d3935;background:#fff;font-size:13px;font-weight:700}.user-chip small{color:#11746a;font-size:11px}.icon-command{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d9e1de;border-radius:7px;color:#4c5b56;background:#fff}.icon-command:hover{color:#11746a;background:#f5faf8}.content-grid{display:grid;gap:14px;align-items:start}.accounts-grid,.customers-grid,.workstations-grid{grid-template-columns:minmax(480px,1.15fr) minmax(390px,.85fr)}.settings-grid{grid-template-columns:repeat(2,minmax(360px,1fr))}.user-settings-panel{grid-column:span 2}.material-grid{grid-template-columns:1fr}.panel{min-width:0;border:1px solid #dce3e0;border-radius:7px;background:#fff;box-shadow:0 5px 18px #2c3a350d}.account-list,.customer-list,.workstation-list,.detail-panel,.settings-panel,.follow-panel{padding:15px}.panel-head,.panel-title-row,.subsection-head{display:flex;align-items:center;justify-content:space-between;gap:11px}.panel-head,.panel-title-row{margin-bottom:13px}.subsection-head{margin:17px 0 12px;padding-top:16px;border-top:1px solid #edf1ef}.panel-head>div,.panel-title-row>div,.subsection-head>div{min-width:0}.panel h2,.subsection-head h2{margin:0;color:#26332f;font-size:16px}.section-caption{display:block;margin-top:2px;color:#77847f;font-size:12px;font-weight:400}.search-box{display:flex;align-items:center;gap:8px;min-width:180px;flex:1;height:38px;padding:0 11px;border:1px solid #d5dfdb;border-radius:7px;color:#6d7b76;background:#fff}.search-box input{width:100%;min-width:0;height:auto;padding:0;border:0;outline:0;background:transparent}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:0 12px;border-radius:7px;white-space:nowrap}.primary-button{color:#fff;background:#11746a}.primary-button:hover{background:#0d6159}.ghost-button{border:1px solid #d5dfdb;color:#33413d;background:#fff}.ghost-button:hover{background:#f3f7f5}.danger-icon,.row-actions button,.timeline-item footer button,.compact-list button,.password-field button{display:inline-grid;place-items:center;width:33px;height:33px;flex:0 0 auto;border-radius:7px;color:#5d6c67;background:#eff4f2}.danger-icon:hover,.row-actions button:hover,.timeline-item footer button:hover,.compact-list button:hover{color:#9b3027;background:#fff0ed}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:660px;border-collapse:collapse}th,td{padding:11px 9px;border-bottom:1px solid #edf1ef;text-align:left;vertical-align:top}th{color:#6a7773;font-size:12px;font-weight:700;white-space:nowrap}td{color:#2b3834;font-size:13px}td strong{font-weight:700}td small{display:block;margin-top:2px;color:#7b8884;font-size:11px}tbody tr{transition:background .14s ease}.account-list tbody tr,.customer-list tbody tr,.clickable-row{cursor:pointer}tbody tr:hover,.selected-row{background:#eff8f5}.wide-cell{min-width:240px;max-width:420px}.row-actions{display:flex;gap:6px}.filter-row{align-items:stretch}.filter-row>select{width:auto;min-width:130px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.single-form{display:grid;gap:11px}.chat-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px;padding:12px;border:1px solid #dfe7e4;border-radius:7px;background:#f8faf9}.chat-form textarea{min-height:72px}label{display:grid;gap:5px;min-width:0;color:#5d6b66;font-size:12px;font-weight:650}input,select,textarea{width:100%;min-width:0;border:1px solid #d5dfdb;border-radius:7px;color:#26312e;background:#fff}input,select{height:37px;padding:0 9px}textarea{min-height:74px;padding:9px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#11746a;outline:3px solid rgba(17,116,106,.11)}input:disabled,select:disabled,textarea:disabled{color:#7c8985;background:#eef2f0}label>small{color:#7a8783;font-size:11px;font-weight:400}.span-2{grid-column:span 2}.inline-detail{display:inline-flex;align-items:center;gap:5px}.password-field{display:grid;grid-template-columns:minmax(0,1fr) 37px 37px;gap:5px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:2px}.file-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-height:72px;padding:9px;border:1px dashed #aebdb8;border-radius:7px;color:#4c5a56;background:#fff}.file-field input{grid-column:span 2;height:auto;padding:6px;font-size:11px}.action-empty{display:flex;align-items:center;justify-content:center;gap:10px;min-height:105px;padding:16px;border:1px dashed #cbd6d2;border-radius:7px;color:#6d7a76;background:#f8faf9;font-size:13px}.timeline{display:grid;gap:9px;max-height:530px;overflow:auto;padding-right:2px}.timeline-item{display:grid;gap:8px;padding:11px;border:1px solid #dfe6e3;border-radius:7px;background:#fff}.timeline-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.timeline-title>div{min-width:0}.timeline-title strong,.timeline-title span{display:block}.timeline-title strong{color:#21302c;font-size:13px}.timeline-title span,.timeline-title time{color:#7a8783;font-size:11px}.timeline-item p{margin:0;color:#45524e;font-size:13px;overflow-wrap:anywhere}.timeline-item footer{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.timeline-item footer time{color:#7b8884;font-size:11px}.timeline-item footer button{margin-left:auto}.status{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;color:#315b65;background:#e8f3f5;font-size:11px;font-weight:700;white-space:nowrap}.status.ok{color:#17623c;background:#e4f5e9}.status.warn{color:#805016;background:#fff1d5}.status.muted{color:#65726e;background:#ebefed}.chat-attachments{display:flex;flex-wrap:wrap;gap:7px}.chat-attachment{position:relative;width:76px;height:58px;overflow:hidden;border:1px solid #dbe4e0;border-radius:6px;background:#edf3f1}.chat-attachment>button:first-child{display:grid;place-items:center;width:100%;height:100%;padding:0;color:#11746a;background:transparent}.chat-attachment img{display:block;width:100%;height:100%;object-fit:cover}.chat-attachment .attachment-delete{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:20px;height:20px;border-radius:5px;color:#fff;background:#232c29b8}.compact-activity{display:grid;gap:7px}.compact-activity>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:7px 8px;border-bottom:1px solid #edf1ef}.compact-activity p{margin:0;overflow:hidden;color:#46534f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.compact-activity time{color:#7d8985;font-size:11px}.workstation-cards{display:grid;gap:8px}.workstation-card{display:grid;grid-template-columns:38px minmax(130px,1fr) minmax(120px,.8fr) minmax(110px,.7fr) auto auto;align-items:center;gap:10px;width:100%;min-height:64px;padding:9px 10px;border:1px solid #dde5e2;border-radius:7px;color:#35423e;background:#fff;text-align:left}.workstation-card:hover,.selected-card{border-color:#75aaa3;background:#f0f8f6}.workstation-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;color:#11746a;background:#e4f2ef}.workstation-main strong,.workstation-main small{display:block}.workstation-main strong{color:#25322f;font-size:13px}.workstation-main small,.workstation-card>span:not(.workstation-icon):not(.workstation-main){color:#74817d;font-size:11px}.workstation-card>span:not(.workstation-icon):not(.workstation-main){display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workstation-card b{color:#5b6864;font-size:11px;font-weight:650;white-space:nowrap}.detail-list{display:grid;gap:0;margin:0}.detail-list>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #edf1ef}.detail-list dt{color:#76837f;font-size:12px}.detail-list dd{margin:0;color:#2e3a36;font-size:13px}.linked-list{display:grid;gap:6px}.linked-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:7px 10px;border:1px solid #e0e7e4;border-radius:7px;color:#52605b;background:#fff;text-align:left}.linked-list button:hover{background:#f1f8f6}.linked-list strong,.linked-list small{display:block}.linked-list strong{color:#293632;font-size:13px}.linked-list small,.linked-list button>span:last-child{color:#788580;font-size:11px}.folder-panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:11px 13px}.folder-title{display:flex;align-items:center;gap:7px;color:#34413d;font-size:13px;white-space:nowrap}.folder-list{display:flex;gap:7px;min-width:0;overflow-x:auto;padding:2px}.folder{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:7px;color:#35423e;background:#eef3f1;font-size:12px;white-space:nowrap}.folder small{color:inherit;opacity:.72}.active-folder{color:#fff;background:#11746a}.drag-target{border-color:#d69a43;color:#70440f;background:#fff3dd;box-shadow:0 0 0 3px #d69a4329}.album-head{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 15px;border-bottom:1px solid #edf1ef}.album-head h2{margin:0;font-size:16px}.album-head span{display:block;margin-top:2px;color:#75827e;font-size:11px}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:11px;padding:14px}.album-tile{position:relative;min-width:0;overflow:hidden;border:1px solid #dce4e1;border-radius:7px;background:#fff;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.album-tile:hover,.album-tile:focus-visible{border-color:#4e978e;outline:0;box-shadow:0 9px 20px #11746a1f;transform:translateY(-1px)}.album-tile:active{cursor:grabbing}.album-thumb{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#e8eeec}.album-thumb img{display:block;width:100%;height:100%;object-fit:cover}.album-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#11746a;background:#e7f3f0}.album-meta{display:grid;gap:2px;padding:8px 9px 9px}.album-meta strong,.album-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-meta strong{color:#273430;font-size:12px}.album-meta span{color:#76837f;font-size:10px}.album-actions{position:absolute;top:7px;right:7px;display:flex;gap:5px;opacity:0;transition:opacity .14s ease}.album-tile:hover .album-actions,.album-tile:focus-within .album-actions{opacity:1}.album-actions button{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:#fff;background:#202c28c2}.album-actions button:hover{background:#11746a}.settings-form-head{margin:16px 0 10px;padding-top:13px;border-top:1px solid #edf1ef}.settings-form-head h2{margin:0;font-size:14px}.compact-list{display:grid;gap:4px;max-height:260px;overflow:auto}.compact-list>div{display:grid;grid-template-columns:minmax(0,1fr) 33px 33px;align-items:center;gap:5px;min-height:42px;padding:4px 0;border-bottom:1px solid #edf1ef}.compact-list span,.compact-list strong,.compact-list small{display:block;min-width:0}.compact-list strong{overflow:hidden;color:#2d3935;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.compact-list small{color:#7a8783;font-size:10px}.check-row,.permission-item{display:flex;align-items:center;gap:9px;color:#3d4a46}.check-row input,.permission-item input{width:16px;height:16px;flex:0 0 auto}.permission-note{margin:0;padding:9px 11px;border:1px solid #d6e0dc;border-radius:7px;color:#4d5a56;background:#f5f8f7;font-size:12px}.permission-box{display:grid;gap:8px}.permission-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#2c3935;font-size:12px}.permission-head span{color:#74817d}.permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:250px;overflow:auto;padding:7px;border:1px solid #d6e0dc;border-radius:7px}.permission-item{min-height:40px;padding:5px 7px;border-radius:6px;background:#f3f7f5;cursor:pointer}.permission-item span{min-width:0;flex:1}.permission-item strong,.permission-item small{display:block}.permission-item strong{overflow:hidden;color:#2a3733;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.permission-item small{color:#788580;font-size:10px}.user-form{grid-template-columns:repeat(2,minmax(0,1fr))}.user-form .permission-box,.user-form .permission-note,.user-form .form-actions{grid-column:span 2}.empty-state,.loading{display:grid;place-items:center;min-height:170px;padding:20px;color:#74817d;font-size:13px;text-align:center}.empty-mini{padding:9px;color:#7a8783;font-size:11px;text-align:center}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:22px;background:#1d28247a}.modal-dialog{width:min(560px,100%);overflow:hidden;border:1px solid #d9e2df;border-radius:7px;color:#26332f;background:#fff;box-shadow:0 22px 55px #1c282438}.compact-dialog{width:min(440px,100%)}.modal-head,.modal-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px}.modal-head{border-bottom:1px solid #edf1ef}.modal-head h2{margin:0;font-size:17px}.modal-head span,.modal-bottom>span{display:block;margin-top:2px;color:#75827e;font-size:11px}.modal-head>button{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:7px;color:#5d6a66;background:#eff3f1}.modal-form{display:grid;gap:11px;padding:14px}.modal-bottom{border-top:1px solid #edf1ef}.modal-bottom>div{display:flex;gap:8px}.preview-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:#fff;background:#0f1412f2}.preview-top,.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0;padding:13px 17px}.preview-top strong,.preview-top span,.preview-bottom>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-top strong{font-size:15px}.preview-top span,.preview-bottom>span{color:#c8d2cf;font-size:11px}.preview-top button,.preview-bottom button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border-radius:7px;color:#fff;background:#ffffff1f}.preview-top button{width:36px;flex:0 0 auto}.preview-bottom>div{display:flex;gap:8px}.preview-bottom button{padding:0 12px}.preview-stage{display:grid;place-items:center;min-width:0;min-height:0;padding:10px 17px}.preview-stage img,.preview-stage video{display:block;max-width:100%;max-height:100%;border-radius:7px;object-fit:contain}.preview-file,.preview-loading{display:grid;place-items:center;gap:10px;color:#e4ebe8}.auth-screen{display:grid;place-items:center;min-height:100vh;padding:22px;background:#eef2f0}.auth-panel{display:grid;gap:14px;width:min(400px,100%);padding:26px;border:1px solid #d8e1de;border-radius:7px;background:#fff;box-shadow:0 16px 36px #2d3c361a}.auth-panel h1{margin:0;color:#1f2c28;font-size:22px}.auth-panel>p{margin:-8px 0 2px;color:#75827e;font-size:12px}.form-error{margin:0;color:#9b3027;font-size:12px}@media(max-width:1180px){.accounts-grid,.customers-grid,.workstations-grid,.settings-grid{grid-template-columns:1fr}.user-settings-panel{grid-column:span 1}}@media(max-width:820px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:start}.sidebar{position:sticky;z-index:15;width:100%;min-width:0;height:auto;padding:9px 10px;overflow:hidden}.brand,.sidebar-status{display:none}.sidebar nav{display:flex;gap:5px;width:100%;min-width:0;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{justify-content:center;flex:0 0 auto;min-width:82px;min-height:38px;padding:0 9px;font-size:12px}.main{width:100%;min-width:0;padding:14px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;justify-content:flex-start}.toast{order:5;width:100%;max-width:none}.filter-row{flex-wrap:wrap}.filter-row .search-box{flex-basis:100%}.filter-row>select{flex:1}.workstation-card{grid-template-columns:38px minmax(0,1fr) auto}.workstation-card>span:nth-of-type(3),.workstation-card>span:nth-of-type(4),.workstation-card b{display:none}}@media(max-width:620px){.main{padding:11px}.topbar h1{font-size:22px}.panel-head{align-items:stretch;flex-direction:column}.panel-head .primary-button{width:100%}.form-grid,.chat-form,.user-form{grid-template-columns:1fr}.span-2,.user-form .permission-box,.user-form .permission-note,.user-form .form-actions{grid-column:span 1}.action-empty{align-items:stretch;flex-direction:column}.folder-panel{grid-template-columns:1fr}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.album-actions{opacity:1}.permission-list{grid-template-columns:1fr}.modal-layer{padding:11px}.modal-bottom{align-items:stretch;flex-direction:column}.modal-bottom>div{width:100%}.modal-bottom button{flex:1}.preview-top,.preview-bottom{align-items:flex-start;flex-direction:column}.preview-bottom>div{width:100%}.preview-bottom button{flex:1}}