@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('./assets/fonts/manrope-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('./assets/fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{font-family:Manrope,Arial,sans-serif;color:#1c2927;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:none;background:#172521;color:#eef4ed;display:flex;flex-direction:column;padding:29px 16px 18px;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 15px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#d1ed71;color:#172521;font-size:28px;font-weight:800;letter-spacing:-4px;padding-right:5px;line-height:1}.brand-mark span{color:#65974a}.brand-name{font-size:24px;font-weight:800;letter-spacing:-1.8px}.brand-name span{color:#d1ed71}.workspace-label{font-size:10px;letter-spacing:1.75px;color:#8da39a;font-weight:800;margin:53px 15px 18px}.side-nav{display:grid;gap:6px}.nav-item{width:100%;background:transparent;color:#aebeb6;border:0;border-radius:10px;padding:13px 13px;display:flex;align-items:center;gap:13px;text-align:left;font-size:13px;font-weight:700;transition:background .2s,color .2s}.nav-item svg{width:19px;height:19px}.nav-item:hover,.nav-item.active{background:#30443b;color:#f4f7ef}.nav-item.active svg{color:#d1ed71}.nav-item span:nth-child(2){flex:1}.nav-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:#40564a;border-radius:6px;color:#e8f4dd;font-size:10px}.nav-dot{width:7px;height:7px;border-radius:50%;background:#c9e975;margin-right:5px}.sidebar-bottom{margin-top:auto}.support-card{background:#2b4036;border:1px solid #3c5749;border-radius:14px;padding:18px 17px 17px;margin:0 4px 21px}.support-icon{width:30px;height:30px;background:#d1ed71;border-radius:9px;color:#254332;display:grid;place-items:center;font-size:23px;margin-bottom:16px}.support-card strong{font-size:13px}.support-card p{color:#b4c5b9;font-size:11px;line-height:1.65;margin:7px 0 14px}.support-card button{border:0;background:none;color:#d2ec94;padding:0;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.support-card button svg{width:14px;height:14px}.side-profile{display:flex;align-items:center;gap:10px;border:0;border-top:1px solid #34463d;padding:18px 9px 2px;width:100%;background:none;color:#f4f7ef;text-align:left}.avatar{width:37px;height:37px;display:grid;place-items:center;flex:none;border-radius:11px;font-size:11px;font-weight:800}.avatar-light{background:#d6e6d0;color:#315442}.side-profile-text{display:grid;gap:3px;flex:1;min-width:0}.side-profile-text strong{font-size:11px;white-space:nowrap}.side-profile-text small{font-size:10px;color:#a3b7a9}.side-profile svg{width:15px;height:15px;color:#92a598}.main-wrap{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid #e9ece5;display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:relative;z-index:10}.topbar-left,.topbar-actions{display:flex;align-items:center}.breadcrumb{font-size:12px;color:#9aa6a0;font-weight:600}.breadcrumb span{margin:0 11px;color:#b9c2bb}.breadcrumb strong{color:#31413b;font-weight:700}.topbar-actions{gap:22px}.today-label{font-size:11px;font-weight:700;color:#75847c}.topbar-divider{height:24px;width:1px;background:#e5e9e2}.icon-button{border:0;background:transparent;color:#45574b;width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.icon-button:hover{background:#eff3e9}.notification-trigger{position:relative}.notification-trigger i{position:absolute;right:7px;top:5px;width:6px;height:6px;background:#fa926d;border:1px solid white;border-radius:50%}.top-avatar{border:0;width:34px;height:34px;border-radius:10px;background:#d8e9cf;color:#3c664b;font-size:10px;font-weight:800}.mobile-menu{display:none}.content{max-width:1500px;margin:auto;padding:38px 42px 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#7d9583;font-weight:800;text-transform:uppercase;margin:0 0 8px}.page-heading h1{font-size:29px;letter-spacing:-1.3px;line-height:1.2;margin:0;font-weight:800}.page-heading p{font-size:12px;color:#88948c;margin:10px 0 0;line-height:1.5}.primary-btn,.secondary-btn,.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;font-weight:800;white-space:nowrap}.primary-btn{background:#1e4337;color:#fff;padding:12px 17px;font-size:11px}.primary-btn:hover{background:#315c48}.secondary-btn{background:white;color:#355542;border:1px solid #e0e7dd;padding:11px 16px;font-size:11px}.secondary-btn:hover{background:#f4f8ef}.text-btn{background:none;color:#3d694b;padding:6px 0;font-size:11px}.primary-btn svg,.secondary-btn svg,.text-btn svg{width:15px;height:15px}.hero{background:#224637;color:white;border-radius:18px;min-height:186px;padding:27px 32px;display:flex;justify-content:space-between;align-items:stretch;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;border:1px solid #75a97840;pointer-events:none}.hero:before{width:420px;height:420px;right:-80px;top:-274px}.hero:after{width:330px;height:330px;right:44px;top:-214px}.hero-copy{position:relative;z-index:1;max-width:450px}.hero-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid #8cb79a70;border-radius:30px;padding:6px 10px;color:#d1e8c6;font-size:10px;font-weight:700}.hero-tag i{width:6px;height:6px;border-radius:50%;background:#d7f082}.hero h2{font-size:23px;line-height:1.3;letter-spacing:-.8px;margin:14px 0 8px}.hero p{font-size:11px;color:#c8d8cd;line-height:1.7;margin:0}.hero .hero-action{background:#d5ee89;color:#24402f;border:0;border-radius:8px;padding:10px 15px;display:inline-flex;gap:10px;align-items:center;font-size:10px;font-weight:800;margin-top:18px}.hero .hero-action svg{width:15px;height:15px}.hero-art{width:235px;align-self:stretch;position:relative;z-index:1;margin-right:6px}.orbit{position:absolute;right:19px;top:1px;width:161px;height:161px;border:1px solid #a8ceaf60;border-radius:50%}.orbit:before{content:"";position:absolute;inset:18px;border:1px solid #a8ceaf45;border-radius:50%}.orbit:after{content:"";position:absolute;inset:43px;background:#d1eb83;border-radius:50%;box-shadow:0 0 0 15px #d1eb8320}.orbit-icon{position:absolute;right:78px;top:65px;z-index:2;width:42px;height:42px;color:#244431;stroke-width:1.5}.spark{position:absolute;color:#d9efab;font-size:25px}.spark.one{top:15px;right:7px}.spark.two{bottom:6px;left:12px;font-size:15px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.metric{background:#fff;border:1px solid #e9ede6;border-radius:14px;padding:19px 19px 17px;min-width:0}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf2e5;color:#5d865e}.metric-icon svg{width:18px;height:18px}.metric-icon.peach{background:#fff0e7;color:#e39b6d}.metric-icon.blue{background:#e9f1f4;color:#6691a7}.metric-icon.yellow{background:#f5f0df;color:#a68f51}.metric-change{font-size:9px;color:#4c805a;background:#e9f4e7;border-radius:5px;padding:4px 6px;font-weight:800}.metric-label{font-size:11px;color:#8c9990;margin-top:15px}.metric-value{font-size:25px;letter-spacing:-1.1px;font-weight:800;margin-top:4px;line-height:1.2}.metric-note{font-size:10px;color:#a3ada6;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.9fr);gap:19px;margin-top:24px}.panel{background:#fff;border:1px solid #e9ede6;border-radius:15px;min-width:0}.panel-pad{padding:23px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.panel-header h3,.section-title{font-size:15px;letter-spacing:-.35px;margin:0;font-weight:800}.panel-subtitle{font-size:10px;color:#9ca89d;margin-top:5px}.orders-list{display:grid}.order-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-top:1px solid #eef1eb;cursor:pointer}.order-row:first-child{border-top:0;padding-top:2px}.order-row:hover .order-name{color:#397853}.order-logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;font-size:15px;font-weight:800}.order-logo.lilac{background:#eeeaf7;color:#7465aa}.order-logo.orange{background:#fff0e8;color:#db8b58}.order-logo.blue{background:#e9f2f5;color:#668fa3}.order-logo.green{background:#edf3e7;color:#60845a}.order-row-main{min-width:0;flex:1}.order-name{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.order-meta{display:flex;align-items:center;gap:9px;color:#a4aea6;font-size:9px;margin-top:5px}.order-meta span+span:before{content:"•";margin-right:9px;color:#c6d0c6}.order-row-side{min-width:106px;text-align:right}.order-price{font-size:11px;font-weight:800}.status{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:800;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.progress{background:#eaf3e8;color:#6b9b72}.status.review{background:#fff1e3;color:#d6985c}.status.done{background:#edf1f3;color:#869ca5}.order-row-side .status{margin-top:6px}.deadline-list{display:grid;gap:15px}.deadline-item{display:flex;gap:11px;align-items:flex-start}.date-box{width:39px;height:42px;border-radius:8px;background:#f0f4ec;display:grid;place-content:center;text-align:center;flex:none;color:#54785b}.date-box.hot{background:#fff0e8;color:#d28c63}.date-box strong{font-size:14px;line-height:1}.date-box small{font-size:8px;font-weight:800;text-transform:uppercase;margin-top:3px}.deadline-item strong{font-size:10px;line-height:1.4;display:block}.deadline-item p{font-size:9px;color:#9ba69d;margin:4px 0 0;line-height:1.4}.deadlines-panel .panel-header{margin-bottom:18px}.divider{height:1px;background:#eef1eb;margin:18px 0}.progress-label{display:flex;justify-content:space-between;font-size:10px;font-weight:700;margin-bottom:8px}.progress-label span{color:#8fa195}.progress-bar{height:6px;border-radius:5px;background:#edf1e9;overflow:hidden}.progress-bar span{height:100%;display:block;background:#a7d777;border-radius:5px}.progress-foot{font-size:9px;color:#9ca99d;margin-top:8px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.opportunity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.opportunity{background:#fff;border:1px solid #e9ede6;border-radius:14px;padding:19px;display:flex;flex-direction:column;min-height:178px}.opp-top{display:flex;justify-content:space-between;align-items:center}.opp-category{font-size:9px;font-weight:800;color:#779b65;background:#edf4e8;border-radius:5px;padding:5px 7px}.opp-time{font-size:9px;color:#a5afa5}.opportunity h4{font-size:12px;line-height:1.45;letter-spacing:-.2px;margin:17px 0 6px}.opportunity p{font-size:10px;color:#9aa79c;line-height:1.5;margin:0}.opp-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px}.opp-bottom strong{font-size:12px}.opp-bottom button{border:0;background:#f0f5ea;color:#4f7555;border-radius:7px;width:29px;height:29px;display:grid;place-items:center}.opp-bottom button:hover{background:#dcebd3}.opp-bottom button svg{width:15px;height:15px}.list-toolbar{display:flex;gap:9px;align-items:center;justify-content:space-between;margin:0 0 17px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tab{border:1px solid transparent;background:transparent;color:#87968a;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:800}.tab.active{background:#e5efdf;color:#3b7048}.search-field{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e9df;border-radius:9px;padding:0 11px;width:225px;height:36px}.search-field svg{width:16px;height:16px;color:#9aab9c}.search-field input{border:0;outline:0;background:none;min-width:0;width:100%;font-size:10px;color:#263d31}.search-field input::placeholder{color:#a4aea4}.data-panel{padding:8px 23px}.data-panel .order-row{padding:19px 0}.data-panel .order-logo{width:43px;height:43px}.data-panel .order-name{font-size:12px}.data-panel .order-meta{font-size:10px}.data-panel .order-price{font-size:12px}.empty-state{text-align:center;padding:50px 20px;color:#88988b;font-size:12px}.empty-state svg{width:30px;height:30px;color:#a5b8a2;margin-bottom:10px}.empty-state strong{display:block;color:#3d5140;font-size:14px;margin-bottom:5px}.explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.explore-card{background:#fff;border:1px solid #e8eee5;border-radius:14px;padding:22px}.explore-card .opp-top{margin-bottom:15px}.explore-card h3{font-size:15px;line-height:1.4;margin:0 0 7px}.explore-card p{color:#8c9c8f;font-size:11px;line-height:1.6;margin:0}.explore-details{display:flex;gap:14px;color:#87968a;font-size:10px;margin:17px 0;padding-bottom:16px;border-bottom:1px solid #edf0e9}.explore-details span{display:flex;align-items:center;gap:5px}.explore-details svg{width:14px;height:14px}.explore-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.explore-foot strong{font-size:15px}.explore-foot button{padding:9px 12px}.message-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:550px;overflow:hidden}.conversation-list{border-right:1px solid #e9ede6;padding:16px}.conversation{width:100%;border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left;border-radius:9px;padding:12px 10px}.conversation.active,.conversation:hover{background:#eef4eb}.conversation .avatar{width:36px;height:36px}.conversation-body{flex:1;min-width:0}.conversation-body strong,.conversation-body small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-body strong{font-size:11px}.conversation-body small{font-size:9px;color:#9aa79c;margin-top:4px}.conversation-time{font-size:9px;color:#9eaaa0;align-self:flex-start}.chat{display:flex;flex-direction:column;min-width:0}.chat-head{padding:18px 23px;border-bottom:1px solid #ebefe8;display:flex;align-items:center;gap:9px}.chat-head strong{font-size:12px}.chat-head small{font-size:9px;color:#8fa18e}.chat-body{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;flex:1}.bubble{max-width:75%;padding:12px 14px;background:#f1f5ee;border-radius:11px 11px 11px 3px;font-size:11px;line-height:1.6}.bubble.mine{align-self:flex-end;background:#dcebd4;border-radius:11px 11px 3px 11px}.bubble small{display:block;text-align:right;color:#91a08e;font-size:8px;margin-top:6px}.chat-compose{border-top:1px solid #ebefe8;padding:14px 18px;display:flex;gap:10px}.chat-compose input{flex:1;border:1px solid #e3eae0;border-radius:8px;padding:0 12px;min-width:0;outline:0;font-size:11px}.finance-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#224637;color:white;padding:28px 32px;border-radius:16px;margin-bottom:19px}.finance-hero small{color:#b9d3bd;font-size:11px}.finance-hero strong{display:block;font-size:33px;letter-spacing:-1px;margin:7px 0}.finance-hero p{color:#bfcebF;font-size:10px;margin:0}.finance-hero .secondary-btn{border:0}.transaction{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid #edf0e9}.transaction:first-of-type{border-top:0}.transaction-icon{width:35px;height:35px;border-radius:10px;background:#ebf2e7;color:#5a8c5b;display:grid;place-items:center}.transaction-icon svg{width:17px;height:17px}.transaction strong{display:block;font-size:11px}.transaction small{display:block;color:#9aa69a;font-size:9px;margin-top:4px}.transaction-amount{margin-left:auto;color:#4b8053;font-weight:800;font-size:12px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.profile-card{padding:24px}.profile-intro{display:flex;align-items:center;gap:16px}.profile-intro .avatar{width:63px;height:63px;border-radius:16px;font-size:18px}.profile-intro h2{font-size:17px;margin:0 0 5px}.profile-intro p{font-size:10px;color:#91a094;margin:0}.profile-info{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.info-label{color:#a0aca1;font-size:10px;margin-bottom:5px}.info-value{font-size:11px;font-weight:700}.skills{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.skill{background:#eef4e9;border-radius:6px;color:#5b815d;padding:7px 9px;font-size:9px;font-weight:800}.portfolio-item{border-top:1px solid #edf0e9;padding:14px 0;display:flex;align-items:center;gap:11px}.portfolio-item:first-of-type{border-top:0}.portfolio-item strong{font-size:11px}.portfolio-item small{display:block;font-size:9px;color:#9ca89d;margin-top:4px}.portfolio-item svg:last-child{margin-left:auto;width:15px;height:15px;color:#9ba99b}.rating-line{display:flex;align-items:center;gap:7px;margin:15px 0 4px;color:#d99b54}.rating-line strong{font-size:24px;color:#20372b}.rating-line svg{fill:#e8ae5d;stroke:#e8ae5d;width:17px;height:17px}.rating-line span{font-size:10px;color:#9ba89e}.review-quote{font-size:11px;color:#6f8173;line-height:1.7;margin:15px 0 0}.popover{position:absolute;right:69px;top:64px;width:310px;background:#fff;box-shadow:0 20px 55px #1b3b2d20;border:1px solid #e9eee6;border-radius:13px;padding:18px;z-index:30}.popover[hidden],.modal-backdrop[hidden]{display:none}.popover-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.popover-head strong{font-size:12px}.popover-head span{font-size:9px;color:#78a070}.notice-item{display:flex;gap:10px;border-top:1px solid #eef0eb;padding:13px 0}.notice-icon{height:28px;width:28px;display:grid;place-items:center;border-radius:8px}.notice-icon svg{width:15px;height:15px}.notice-icon.green{color:#62906b;background:#edf4e9}.notice-icon.peach{color:#d69a6a;background:#fff1e9}.notice-item strong{font-size:10px}.notice-item p{font-size:9px;color:#829085;line-height:1.5;margin:3px 0}.notice-item small{font-size:8px;color:#abb6aa}.modal-backdrop{position:fixed;inset:0;background:#0c201bb0;z-index:50;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:17px;width:min(100%,510px);padding:27px;box-shadow:0 30px 80px #08170f4d}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-head h2{font-size:21px;line-height:1.35;letter-spacing:-.6px;margin:0}.modal-head .icon-button{margin:-6px -6px 0 0}.modal-meta{display:flex;gap:9px;align-items:center;margin:14px 0 20px}.modal p{color:#6f8073;font-size:11px;line-height:1.75}.modal-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f5f8f2;border-radius:10px;padding:14px;margin:20px 0}.modal-facts small{display:block;color:#93a095;font-size:9px;margin-bottom:5px}.modal-facts strong{font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;bottom:25px;right:25px;background:#203e30;color:white;border-radius:9px;padding:12px 17px;font-size:11px;font-weight:700;box-shadow:0 12px 30px #203e3044;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:60}.toast.visible{opacity:1;transform:translateY(0)}.sidebar-overlay{display:none}
@media(max-width:1180px){.content{padding:32px 27px 60px}.topbar{padding:0 27px}.sidebar{width:224px}.opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opportunity:last-child{display:none}.metric{padding:15px}.metric-value{font-size:22px}}
@media(max-width:900px){.sidebar{position:fixed;left:0;transform:translateX(-100%);transition:transform .25s;width:250px}.sidebar.open{transform:translateX(0)}.sidebar-overlay.visible{display:block;position:fixed;inset:0;background:#091b1499;z-index:19}.mobile-menu{display:grid;margin-left:-5px;margin-right:13px}.dashboard-grid{grid-template-columns:1fr}.hero-art{width:170px}.orbit{right:0}.orbit-icon{right:59px}.metrics{grid-template-columns:repeat(2,1fr)}.opportunity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.opportunity:last-child{display:flex}}
@media(max-width:650px){.topbar{height:62px;padding:0 18px}.content{padding:25px 17px 45px}.today-label,.topbar-divider{display:none}.topbar-actions{gap:10px}.breadcrumb{font-size:10px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.page-heading h1{font-size:25px}.hero{padding:24px;min-height:0}.hero h2{font-size:20px}.hero-art{display:none}.metrics{gap:9px;margin-top:10px}.metric{padding:13px}.metric-icon{width:30px;height:30px}.metric-label{font-size:10px}.metric-value{font-size:21px}.metric-note{font-size:9px}.dashboard-grid{gap:12px;margin-top:13px}.panel-pad{padding:18px}.opportunity-grid,.explore-grid,.profile-grid{grid-template-columns:1fr;gap:10px}.opportunity:last-child{display:flex}.opportunity{min-height:148px}.section-head{margin-top:22px}.order-row{gap:9px}.order-logo{width:32px;height:32px;font-size:12px}.order-row-side{min-width:82px}.order-name{font-size:10px}.order-price{font-size:10px}.order-meta{font-size:8px;gap:4px}.order-meta span+span:before{margin-right:4px}.list-toolbar{align-items:stretch;flex-direction:column}.search-field{width:100%}.message-layout{grid-template-columns:1fr;min-height:0}.conversation-list{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #e9ede6;padding:8px}.conversation{min-width:175px}.conversation-time{display:none}.chat{min-height:440px}.chat-body{padding:17px}.bubble{max-width:90%}.finance-hero{align-items:flex-start;flex-direction:column;padding:23px}.popover{right:13px;top:55px;width:min(310px,calc(100vw - 26px))}.modal-facts{grid-template-columns:1fr 1fr}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1}}

/* Keep nested grids and flex rows inside their cards. */
.orders-list { grid-template-columns: minmax(0, 1fr); min-width: 0; }
.order-row, .order-row-main, .topbar-left, .breadcrumb { min-width: 0; }
.order-row-side, .transaction-amount { flex-shrink: 0; }
.order-price, .transaction-amount { white-space: nowrap; }
.brand-mark { display: flex; align-items: center; justify-content: center; }
.breadcrumb .breadcrumb-parent { margin: 0; color: inherit; }
.sidebar-close { display: none; }
body.overlay-open { overflow: hidden; }
.bubble { overflow-wrap: anywhere; }
.modal {
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.modal-head > div, .modal-facts > div { min-width: 0; }
.modal-meta { flex-wrap: wrap; }
.modal-head h2, .modal-facts strong { overflow-wrap: anywhere; }
.toast { max-width: calc(100vw - 32px); overflow-wrap: anywhere; }

@media (max-width: 900px) {
  .sidebar {
    width: min(290px, calc(100vw - 40px));
    height: 100vh;
    height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-bottom: max(18px, env(safe-area-inset-bottom));
    visibility: hidden;
    transition: transform .25s, visibility .25s;
  }
  .sidebar.open { visibility: visible; }
  .sidebar > * { flex-shrink: 0; }
  .sidebar-close {
    display: grid;
    position: absolute;
    right: 12px;
    top: 26px;
    color: #d8e8dc;
    width: 40px;
    height: 40px;
  }
  .sidebar-close:hover { background: #30443b; }
  .workspace-label { margin-top: 30px; }
  .sidebar-bottom { padding-top: 24px; }
}

@media (max-width: 650px) {
  .topbar { padding: 0 12px; gap: 8px; }
  .topbar-left { flex: 1; }
  .topbar-actions { flex-shrink: 0; gap: 4px; }
  .breadcrumb { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .breadcrumb-parent, .breadcrumb-separator { display: none; }
  .mobile-menu { margin: 0 5px 0 0; flex-shrink: 0; }
  .icon-button, .top-avatar { width: 44px; height: 44px; flex-shrink: 0; }
  .top-avatar { width: 38px; height: 38px; margin-left: 3px; }
  .notification-trigger i { top: 10px; right: 12px; }
  .content { padding: 24px 16px max(32px, env(safe-area-inset-bottom)); }
  .page-heading h1 { font-size: clamp(23px, 6.3vw, 28px); line-height: 1.3; }
  .page-heading > div { min-width: 0; }
  .page-heading p { font-size: 13px; }
  .primary-btn, .secondary-btn, .hero .hero-action { min-height: 44px; font-size: 12px; }
  .hero { padding: 22px; }
  .hero-copy { min-width: 0; }
  .hero h2 { font-size: 21px; }
  .hero p { font-size: 12px; }
  .hero p br { display: none; }
  .hero-tag { font-size: 10px; }
  .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-top { flex-wrap: wrap; }
  .metric-label { font-size: 11px; }
  .metric-value { font-size: clamp(20px, 5.6vw, 24px); white-space: nowrap; }
  .metric-note { font-size: 10px; line-height: 1.5; }
  .panel-header, .section-head { flex-wrap: wrap; gap: 8px 14px; }
  .panel-header h3, .section-title { font-size: 16px; }
  .panel-subtitle { font-size: 11px; line-height: 1.5; }
  .text-btn { min-height: 36px; font-size: 11px; }
  .dashboard-grid { grid-template-columns: minmax(0, 1fr); }
  .order-row {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px 12px;
    align-items: start;
    padding: 18px 0;
  }
  .order-row .order-logo { grid-column: 1; grid-row: 1 / 3; width: 36px; height: 36px; }
  .order-row-main { grid-column: 2; grid-row: 1; }
  .order-name, .data-panel .order-name { font-size: 13px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
  .order-meta, .data-panel .order-meta { flex-wrap: wrap; gap: 3px 9px; font-size: 11px; line-height: 1.5; }
  .order-meta span { display: block; }
  .order-meta span + span::before { content: none; }
  .order-row-side { grid-column: 2; grid-row: 2; min-width: 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px 10px; text-align: left; }
  .order-price, .data-panel .order-price { font-size: 13px; }
  .status { font-size: 10px; padding: 5px 7px; }
  .order-row-side .status { margin: 0; }
  .data-panel { padding: 0 18px; }
  .deadline-item strong { font-size: 12px; }
  .deadline-item p, .progress-foot { font-size: 11px; line-height: 1.5; }
  .progress-label { flex-wrap: wrap; gap: 5px; font-size: 11px; }
  .opportunity h4 { font-size: 14px; }
  .opportunity p, .opp-time { font-size: 11px; }
  .opp-category { font-size: 10px; }
  .opp-bottom strong { font-size: 14px; }
  .opp-bottom button { width: 44px; height: 44px; }
  .tab { min-height: 44px; font-size: 12px; padding: 9px 11px; }
  .search-field { height: 46px; }
  .search-field input, .chat-compose input { font-size: 16px; }
  .explore-card p { font-size: 13px; }
  .explore-details { flex-wrap: wrap; font-size: 11px; }
  .explore-foot { flex-wrap: wrap; }
  .message-layout { grid-template-columns: minmax(0, 1fr); }
  .conversation-list { min-width: 0; overscroll-behavior-x: contain; }
  .conversation { flex: 0 0 210px; }
  .conversation-body strong { font-size: 12px; }
  .conversation-body small { font-size: 11px; }
  .chat-head { padding: 16px; }
  .chat-head > div { min-width: 0; }
  .chat-head strong { font-size: 13px; }
  .chat-head small { font-size: 11px; line-height: 1.5; }
  .bubble { font-size: 13px; }
  .bubble small { font-size: 10px; }
  .chat-compose { padding: 12px; gap: 8px; }
  .chat-compose input { width: 0; height: 46px; }
  .chat-compose .primary-btn { width: 46px; height: 46px; flex-shrink: 0; padding: 0; }
  .chat-compose .primary-btn svg { width: 20px; height: 20px; }
  .chat-compose .send-label { display: none; }
  .transaction { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 7px 12px; align-items: start; }
  .transaction-icon { grid-column: 1; grid-row: 1 / 3; }
  .transaction > div { grid-column: 2; grid-row: 1; min-width: 0; }
  .transaction strong { font-size: 12px; line-height: 1.5; }
  .transaction small { font-size: 10px; }
  .transaction-amount { grid-column: 2; grid-row: 2; margin-left: 0; font-size: 13px; }
  .profile-card { padding: 20px; }
  .profile-intro { gap: 12px; align-items: flex-start; }
  .profile-intro > div { min-width: 0; }
  .profile-intro .avatar { width: 50px; height: 50px; }
  .profile-intro h2 { font-size: 16px; line-height: 1.4; }
  .profile-intro p, .info-label { font-size: 11px; line-height: 1.5; }
  .info-value, .portfolio-item strong, .review-quote { font-size: 12px; line-height: 1.5; }
  .portfolio-item small, .skill { font-size: 10px; }
  .modal-backdrop { padding: 16px; }
  .modal { padding: 20px; }
  .modal-head h2 { font-size: 20px; }
  .modal p { font-size: 13px; }
  .modal-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .modal-facts small { font-size: 11px; }
  .modal-facts strong { font-size: 12px; }
  .modal-actions { flex-direction: column-reverse; }
  .modal-actions button { width: 100%; flex: auto; }
  .toast { left: 16px; right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); font-size: 12px; }
}