:root{font-family:IBM Plex Sans Arabic,Inter,system-ui,sans-serif;color:#152c33;background:#f4f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:disabled{opacity:.55;cursor:not-allowed}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;min-width:252px;background:#102a32;color:#e8f3f1;display:flex;flex-direction:column;padding:28px 16px 18px;min-height:100vh;position:sticky;top:0;height:100vh;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 36px}.brand-mark{width:38px;height:38px;border-radius:12px;background:#36cfbd;color:#103039;display:grid;place-items:center;font-weight:900;font-family:Inter,sans-serif;font-size:25px;letter-spacing:-3px;box-shadow:0 5px 20px #0d202444}.brand strong{display:block;letter-spacing:2px;font:700 18px Inter,sans-serif}.brand small{font:600 8px Inter,sans-serif;letter-spacing:3px;color:#8fb2b0}.side-label{font-size:10px;color:#78989e;letter-spacing:1.4px;padding:0 18px 12px;text-transform:uppercase}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{background:none;color:#a8c0c3;border:0;width:100%;height:45px;display:flex;align-items:center;gap:14px;text-align:start;padding:0 14px;border-radius:10px;font-weight:600;font-size:13px;position:relative;transition:background .18s,color .18s}.nav-item:hover{background:#203d45;color:#fff}.nav-item.active{background:#254851;color:#f8ffff}.nav-item.active>svg{color:#4de0cb}.nav-dot{width:5px;height:5px;border-radius:50%;background:#4ee0ca;margin-inline-start:auto}.sidebar-bottom{margin-top:auto}.workspace-card{display:flex;align-items:center;gap:10px;border:1px solid #315058;background:#1b3840;padding:14px 12px;border-radius:11px;margin:10px 4px 17px}.workspace-card strong{font-size:11px;display:block}.workspace-card small{display:block;color:#92b2b7;font-size:10px;margin-top:4px;direction:ltr;text-align:start}.pulse{width:8px;height:8px;border-radius:50%;background:#4adcac;box-shadow:0 0 0 5px #4adcac22}.profile{border:0;border-top:1px solid #335058;padding:17px 6px 3px;background:none;color:#f0faf9;display:flex;align-items:center;gap:10px;text-align:start;width:100%}.profile>span:nth-child(2){flex:1;min-width:0}.profile strong,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile strong{font-size:12px}.profile small{font-size:10px;color:#8eaaae}.profile>svg{color:#8da9ac}.avatar,.top-avatar{background:#d7eae7;color:#17494c;border-radius:10px;display:grid;place-items:center;width:34px;height:34px;font-weight:700}.main{min-width:0;flex:1}.topbar{height:74px;background:#fff;border-bottom:1px solid #e7eeec;padding:0 42px;display:flex;align-items:center;justify-content:space-between}.crumb{display:flex;align-items:center;gap:12px;color:#83979b;font:600 11px Inter,sans-serif;letter-spacing:1px}.crumb strong{font-family:IBM Plex Sans Arabic,Inter,sans-serif;color:#244149;font-size:13px;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:19px}.top-date{display:flex;align-items:center;gap:7px;color:#738a90;font-size:12px}.icon-btn{border:1px solid #e5eeeb;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:4px;min-width:34px;height:34px;color:#47616a;font-size:11px}.icon-btn:hover,.btn.outline:hover{border-color:#41bdae;color:#1b8c80}.top-avatar{width:32px;height:32px;border-radius:50%;font-size:12px}.page{max-width:1600px;padding:35px 42px 70px;margin:auto}.welcome-row,.page-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}.eyebrow{font:700 10px Inter,sans-serif;letter-spacing:2.3px;text-transform:uppercase}.eyebrow.accent{color:#138b80}.eyebrow.muted{color:#92a7a7}.welcome-row h1,.page-heading h1{font-size:29px;line-height:1.4;margin:7px 0 5px;letter-spacing:-.5px;color:#122b32}.title-dot{color:#19b5a4}.welcome-row p,.page-heading p{color:#82969a;margin:0;font-size:13px}.btn{border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;font-size:12px;font-weight:700;white-space:nowrap;min-height:39px;transition:transform .15s,background .15s,border-color .15s}.btn:active{transform:translateY(1px)}.btn.primary{background:#0a736b;color:#fff;box-shadow:0 5px 15px #0a736b25}.btn.primary:hover{background:#08645e}.btn.subtle{background:#fff;color:#547076;border:1px solid #e6edeb}.btn.outline{background:#fff;border:1px solid #dae6e4;color:#27494e}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card,.panel,.catalog-card{background:#fff;border:1px solid #e7eeec;box-shadow:0 3px 16px #0f2d3008;border-radius:14px}.stat-card{padding:20px 21px 17px;min-height:148px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:#eef4f2}.stat-icon,.catalog-icon,.pipeline-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center}.stat-icon svg{width:18px;height:18px}.stat-icon.teal,.pipeline-icon.export,.catalog-icon.export{background:#e0f8f4;color:#078b7f}.stat-icon.amber{background:#fff2dd;color:#d68d27}.stat-icon.blue,.pipeline-icon.tech,.catalog-icon.tech{background:#eaf0fb;color:#446bad}.stat-icon.purple{background:#f1ecfb;color:#8064ac}.stat-label{color:#718990;font-size:12px;margin:14px 0 4px}.stat-bottom{display:flex;align-items:baseline;gap:9px}.stat-bottom strong{font:700 27px Inter,sans-serif;color:#173039}.stat-bottom small{color:#a0b0b1;font-size:11px}.overview-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:18px;margin-bottom:19px}.panel{padding:23px 24px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#9aaeb1}.panel-head h2{color:#1b343d;font-size:17px;margin:4px 0 0}.panel.full{margin-top:0}.text-btn{background:none;border:0;color:#148e82;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700}.priority-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #eef2f2}.priority-indicator{width:7px;height:7px;background:#45c6ae;border-radius:50%}.priority-indicator.red{background:#f3ad57}.priority-row>div{flex:1;min-width:0}.priority-row strong,.priority-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-row strong{font-size:12px;color:#24424b}.priority-row small{font-size:10px;color:#99aaac;margin-top:3px}.date-chip{border-radius:6px;background:#f2f6f5;padding:6px 8px;color:#789196;font-size:10px;white-space:nowrap}.date-chip.late{background:#fff0e8;color:#c8794e}.pipeline-overview{display:flex;flex-direction:column}.pipeline-row{border:0;background:none;padding:15px 0;display:flex;align-items:center;gap:12px;text-align:start;border-top:1px solid #eef2f2;width:100%;color:#869da1}.pipeline-row>span:nth-child(2){min-width:91px}.pipeline-row strong,.pipeline-row small{display:block}.pipeline-row strong{color:#27444d;font-size:12px}.pipeline-row small{color:#a2b1b3;font-size:10px;margin-top:3px}.pipeline-bar{flex:1;height:6px;border-radius:10px;background:#eaf2f0;overflow:hidden}.pipeline-bar i{display:block;height:100%;background:#33bfaa;border-radius:10px;max-width:100%}.panel-note{font-size:11px;color:#6e9290;background:#f2faf8;border-radius:8px;padding:11px;margin-top:18px;display:flex;align-items:center;gap:8px}.empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a6b9ba;text-align:center}.empty p{font-size:12px;max-width:360px;line-height:1.8;margin:5px auto}.list-panel{padding:0;overflow:hidden}.list-toolbar{padding:17px 20px;display:flex;align-items:center;justify-content:space-between}.search-box{border:1px solid #e5edeb;background:#f9fbfa;border-radius:8px;height:39px;width:340px;display:flex;align-items:center;padding:0 12px;gap:9px;color:#9aaeb0}.search-box input{width:100%;border:0;outline:none;background:transparent;font-size:12px;color:#244149}.count-pill{border-radius:20px;color:#5f8284;background:#edf4f2;padding:5px 11px;font:600 11px Inter,sans-serif}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{color:#8a9fa2;text-align:start;background:#f8fbfa;font-weight:600;border-block:1px solid #e9efed;padding:13px 20px;white-space:nowrap}td{border-bottom:1px solid #edf2f0;padding:14px 20px;color:#668087;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:#f7fcfa}.bold-cell{font-weight:700;color:#203e47}.row-avatar{width:29px;height:29px;background:#e8f2f0;color:#16877c;border-radius:8px;display:inline-grid;place-items:center;margin-inline-end:10px;font-weight:700}.status{font-size:10px;font-weight:700;border-radius:6px;padding:5px 9px;white-space:nowrap}.status.neutral{background:#edf4f2;color:#52817b}.status.success{background:#e1f5ea;color:#248b5b}.status.danger{background:#fff0eb;color:#d07661}.status.warning{background:#fff4e8;color:#bb7f3e}.table-sub{display:block;color:#a3b4b6;font-weight:400;margin-top:3px}.overdue-text{color:#c8794e}.lane-summary{display:flex;overflow:auto;gap:12px;margin-bottom:19px}.lane-mini{min-width:120px;flex:1;background:#fff;border:1px solid #e8efed;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:5px}.lane-mini strong{font:700 18px Inter,sans-serif}.lane-mini span{color:#81979b;font-size:11px}.task-list{padding:4px 22px}.task-line{display:flex;align-items:center;gap:14px;border-bottom:1px solid #eef2f2;padding:15px 1px}.task-line:last-child{border:0}.check-task{width:22px;height:22px;border:1.5px solid #b9cdca;background:#fff;border-radius:6px;display:grid;place-items:center;color:#fff}.is-done .check-task{background:#1ca998;border-color:#1ca998}.task-copy{flex:1;min-width:0}.task-copy strong,.task-copy small{display:block}.task-copy strong{color:#203f47;font-size:12px}.task-copy small{color:#91a6a8;font-size:10px;margin-top:4px}.is-done .task-copy strong{text-decoration:line-through;color:#a9b8b8}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.catalog-card{padding:23px;min-height:215px}.catalog-card .catalog-icon{margin-bottom:19px}.catalog-card h3{font-size:16px;color:#234049;margin:8px 0}.catalog-card p{font-size:12px;color:#829b9f;line-height:1.7;min-height:37px}.catalog-card small{color:#9db4b4}.mail-row{display:flex;gap:14px;padding:18px 22px;border-bottom:1px solid #edf2f0;align-items:start}.mail-icon{background:#eef5f4;color:#449c92;padding:10px;border-radius:9px}.mail-row>div:nth-child(2){min-width:0;flex:1}.mail-row strong{font-size:12px;color:#1b3942}.mail-row p{font-size:11px;color:#84989b;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row small{font-size:10px;color:#9bafb0}.report-card{margin-bottom:14px}.report-card h2{font-size:16px}.report-card p{font-size:12px}.report-tags{display:flex;flex-wrap:wrap;gap:8px}.report-tags span{padding:5px 8px;background:#f3f8f7;border-radius:6px;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setting-row{border-top:1px solid #edf2f0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;font-size:12px;color:#607d83}.setting-row strong{color:#25424c}.settings-foot{color:#8ca2a5;font-size:11px;line-height:1.9}.link-btn{color:#147d74;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;margin-top:18px}.overlay{position:fixed;inset:0;z-index:50;background:#0d2a3270;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[dir=rtl] .overlay{justify-content:flex-start}.drawer{width:min(540px,100vw);height:100%;background:#fff;box-shadow:0 0 50px #102c3240;display:flex;flex-direction:column;overflow:hidden}.drawer-head{padding:26px 27px 20px;border-bottom:1px solid #e9efed;display:flex;justify-content:space-between;align-items:start}.drawer-head h2{font-size:21px;color:#19343d;margin:6px 0 0}.drawer-body,.drawer-form{padding:24px 27px;overflow:auto;flex:1}.drawer-form{display:flex;flex-direction:column;gap:15px}.drawer-footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e9efed;padding-top:20px;margin-top:auto}.field{display:flex;flex-direction:column;gap:7px;color:#415d63;font-size:11px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe9e7;border-radius:8px;background:#fafcfc;padding:10px 12px;outline:0;color:#213f47;min-height:40px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#36b7a9;box-shadow:0 0 0 3px #36b7a91b}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error{background:#fff1ed;color:#ba594b;padding:11px;border-radius:8px;font-size:11px;display:flex;gap:8px;align-items:center;margin:12px 22px}.detail-banner{display:flex;align-items:center;gap:14px;padding:16px;background:#f4faf8;border-radius:12px}.big-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:11px;background:#d6f1eb;color:#087f75;font-weight:700;font-size:23px}.detail-banner strong,.detail-banner span{display:block}.detail-banner strong{font-size:15px}.detail-banner div span{font-size:11px;color:#7f9a9c;margin-top:4px}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0}.detail-info>div{border:1px solid #e7eeec;border-radius:9px;padding:12px;overflow:hidden}.detail-info small,.detail-info strong{display:block;overflow:hidden;text-overflow:ellipsis}.detail-info small{font-size:10px;color:#9bb1b2}.detail-info strong{font-size:11px;margin-top:6px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:5px 0 20px}.detail-actions .btn{font-size:10px;padding:8px}.detail-group{border-top:1px solid #e9eeec;padding:17px 0}.detail-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.detail-group h3{font-size:13px}.detail-group-head button{background:none;border:0;color:#168f83;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700}.detail-line{display:flex;align-items:start;gap:10px;padding:11px 0;border-bottom:1px solid #f1f5f3;color:#5e8d89}.detail-line div{min-width:0;flex:1}.detail-line strong,.detail-line small{display:block}.detail-line strong{font-size:11px;color:#31505a}.detail-line small{font-size:10px;color:#95a9ab;line-height:1.8;overflow-wrap:anywhere}.detail-notes{font-size:12px;color:#729092;line-height:1.8}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-side{background:#102c34;color:#fff;padding:44px clamp(35px,5vw,90px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-side:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #4a969444;border-radius:50%;bottom:-180px;inset-inline-end:-180px;box-shadow:0 0 0 70px #39877b0b,0 0 0 140px #39877b08;pointer-events:none}.mini-brand{display:flex;align-items:center;gap:12px;font:700 17px Inter,sans-serif;letter-spacing:2px}.mini-brand b span{color:#59cdbc;font-weight:400}.login-intro{z-index:1;max-width:460px}.login-intro .eyebrow{color:#6ccbbb}.login-intro h1{font-size:clamp(32px,4vw,55px);line-height:1.3;margin:20px 0}.login-intro p{font-size:15px;line-height:2;color:#b5ced0}.login-feature{display:inline-flex;gap:9px;align-items:center;background:#fff1;border:1px solid #ffffff1f;border-radius:9px;padding:11px;margin-top:30px;color:#b8d5d3;font-size:11px}.login-footer{font:600 11px Inter,sans-serif;color:#6f999c;letter-spacing:2px}.login-form-area{background:#f8fbfa;display:grid;place-items:center;position:relative}.lang-top{position:absolute;top:37px;inset-inline-end:45px;border:0;background:none;color:#577379;display:flex;gap:7px;align-items:center}.login-card{width:min(390px,85%)}.login-card h2{font-size:28px;margin:12px 0 5px}.login-card>p{color:#8da3a5;font-size:12px;margin-bottom:30px}.login-card form{display:flex;flex-direction:column;gap:17px}.login-card label{display:flex;flex-direction:column;gap:8px;color:#456068;font-size:12px;font-weight:600}.login-card input{border:1px solid #dfe8e6;border-radius:9px;background:#fff;padding:13px 14px;outline:0}.login-card input:focus{border-color:#35b8a5}.login-btn{width:100%;margin-top:7px;justify-content:space-between;padding:14px 19px}.login-card small{display:block;text-align:center;margin-top:30px;color:#a2b4b5;font-size:10px}.screen-loading{height:100vh;display:grid;place-items:center;background:#102c34}.screen-loading .brand-mark{width:60px;height:60px;font-size:34px}@media(max-width:1100px){.sidebar{width:215px;min-width:215px}.page{padding:30px 25px}.topbar{padding:0 25px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:65px;min-width:65px;padding:20px 8px}.brand{padding:0 6px 30px}.brand>div,.side-label,.nav-item span,.sidebar-bottom,.nav-dot{display:none!important}.nav-item{justify-content:center;padding:0}.topbar{padding:0 15px;height:62px}.top-date{display:none}.page{padding:22px 15px 50px}.welcome-row,.page-heading{align-items:start;flex-direction:column}.stats{gap:9px}.stat-card{padding:16px;min-height:130px}.overview-grid,.settings-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-side{display:none}.login-form-area{min-height:100vh}.field-grid{grid-template-columns:1fr}}@media(max-width:490px){.catalog-grid{grid-template-columns:1fr}.stat-card{min-height:110px}.stat-bottom strong{font-size:22px}.stat-label{font-size:10px}.panel{padding:18px}.list-panel{padding:0}.search-box{width:220px}.topbar .crumb{font-size:9px}}.commercial-entry{display:flex;align-items:start;gap:9px;padding:11px 0;border-bottom:1px solid #eef3f1;color:#198c83}.commercial-entry>div{flex:1;min-width:0}.commercial-entry strong,.commercial-entry small{display:block}.commercial-entry strong{font-size:11px;color:#26454c}.commercial-entry small{font-size:10px;color:#93a8a9;margin-top:3px}.commercial-entry a{font-size:10px;color:#188d81;display:inline-flex;gap:4px;align-items:center;margin-top:5px}.commercial-entry select{max-width:100px;border:1px solid #dde9e7;border-radius:6px;padding:5px;font-size:10px;background:#fff}.commercial-empty{font-size:11px;color:#a1b1b2}.commercial-form{background:#f6faf9;border:1px solid #e0edeb;padding:15px;border-radius:11px;display:flex;flex-direction:column;gap:10px}.commercial-form h3{margin:0 0 5px;font-size:13px}.commercial-form label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:700;color:#547177}.commercial-form input,.commercial-form textarea{border:1px solid #dce8e6;border-radius:7px;padding:8px 10px;background:#fff;outline:0;color:#25434b}.commercial-form .btn{align-self:flex-start;margin-top:7px}.setup-page{min-height:100vh;background:linear-gradient(130deg,#102d35,#164750 45%,#f2faf8 45%);display:grid;place-items:center;padding:25px}.setup-card{background:#fff;border-radius:17px;padding:38px;box-shadow:0 20px 70px #10252e33;width:min(450px,100%);display:flex;flex-direction:column;gap:15px}.setup-card h1{font-size:23px;color:#17343c;margin:0}.setup-card p{font-size:12px;color:#718a8e;line-height:1.8;margin:0}.setup-card .brand-mark{margin-bottom:12px}.setup-info{background:#eff8f6;color:#428379;border-radius:9px;display:flex;align-items:center;gap:10px;padding:11px;font-size:11px;line-height:1.7}.setup-card form{display:flex;flex-direction:column;gap:12px}.setup-card label{display:flex;flex-direction:column;gap:6px;color:#4f6d72;font-size:11px;font-weight:700}.setup-card input,.team-form input,.team-form select{border:1px solid #dce8e5;border-radius:8px;min-height:40px;padding:9px 10px;outline:0;background:#fff;color:#1d3b44}.setup-card input:focus,.team-form input:focus{border-color:#38bba9}.setup-card>small{font-size:10px;color:#9db0af}.team-panel{grid-column:1/-1}.team-panel .setting-row span strong,.team-panel .setting-row span small{display:block}.team-panel .setting-row span small{color:#a0b2b3;margin-top:3px}.team-form{margin-top:20px;border-top:1px solid #e6eeec;padding-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.team-form h3{grid-column:1/-1;font-size:13px;margin:0 0 4px}.team-form .btn{justify-self:start}.team-form .error{margin:0}.settings-grid .team-panel{grid-column:1/-1}@media(max-width:490px){.team-form{grid-template-columns:1fr}.setup-card{padding:25px}}button.link-btn{border:0;background:none;padding:0;cursor:pointer}.import-panel{margin-top:22px}.import-panel .panel-head h2{display:flex;align-items:center;gap:8px}.import-body{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.import-hint{display:flex;align-items:flex-start;gap:9px;background:#f0f8f7;color:#265b60;padding:11px 14px;border-radius:12px;margin:0;line-height:1.7}.import-hint svg{flex-shrink:0;margin-top:3px}.import-drop{width:100%;border:1.5px dashed #68aaa5;background:#f9fcfc;border-radius:18px;padding:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;text-align:center;color:#186c67}.import-drop:hover{border-color:#176f69;background:#f2faf8}.import-drop small{color:#5d777a}.import-drop input{margin:9px auto 0;max-width:100%;font-size:.9rem}.import-controls{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:14px;width:100%}.import-controls label,.import-mapping label{display:flex;flex-direction:column;gap:6px;color:#304f55;font-size:.9rem}.import-controls select,.import-mapping select{width:100%;min-height:40px;border:1px solid #d5e3e2;border-radius:9px;background:#fff;padding:6px 10px;color:#26464a}.import-mapping{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:13px;width:100%;border-top:1px solid #e0e8e7;padding-top:19px}.import-stats{display:flex;gap:8px;flex-wrap:wrap}.import-badge{display:inline-block;border-radius:8px;padding:5px 9px;background:#eef4f5;color:#395f61;font-size:.82rem;white-space:normal}.import-badge.new{background:#e0f3ea;color:#206e50}.import-badge.existing,.import-badge.duplicate{background:#fff5df;color:#876217}.import-badge.invalid{background:#fff0ed;color:#9b3c34}.import-panel .table-wrap{width:100%;max-height:470px;overflow:auto}.import-panel table td{max-width:230px;overflow-wrap:anywhere}.import-pagination{display:flex;align-items:center;gap:12px}.import-pagination button{border:1px solid #d1e4e0;background:#fff;border-radius:8px;min-width:33px;min-height:30px;cursor:pointer}.import-pagination button:disabled{opacity:.4;cursor:default}.import-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.import-checkbox input{accent-color:#167c73}.import-success{display:flex;align-items:center;gap:9px;color:#17674e;background:#e7f6ec;border-radius:10px;padding:11px 15px}.import-body .error{max-width:100%}@media(max-width:800px){.import-mapping{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media(max-width:530px){.import-controls,.import-mapping{grid-template-columns:1fr}}