:root{--cf-blue:#1677f9;--cf-blue-dark:#0754c8;--cf-navy:#062b68;--cf-bg:#f5f8fd;--cf-text:#17243b;--cf-muted:#7b879c;--cf-border:#e5ebf4;--cf-soft:#eef6ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cf-bg);color:var(--cf-text);font-family:Poppins,"Hind Siliguri",sans-serif}.cf-app{min-height:100vh;background:var(--cf-bg)}.cf-sidebar{position:fixed;z-index:100;inset:0 auto 0 0;width:236px;padding:28px 16px 18px;background:linear-gradient(180deg,#062b68,#041f4d);color:#fff;display:flex;flex-direction:column;box-shadow:10px 0 28px rgba(4,31,77,.12)}.cf-brand{display:flex;align-items:center;justify-content:center;padding:0 8px 28px;text-decoration:none}.cf-brand-logo{display:block;width:auto;height:42px;max-width:172px;object-fit:contain}.cf-menu{display:flex;flex-direction:column;gap:7px}.cf-menu a{display:flex;align-items:center;gap:14px;height:43px;padding:0 14px;border-radius:11px;color:#d9e6fb;text-decoration:none;font-size:13px;font-weight:600;transition:.2s}.cf-menu a i{width:18px;text-align:center}.cf-menu a:hover,.cf-menu a.active{background:linear-gradient(90deg,#1978fa,#1264dd);color:#fff;box-shadow:0 8px 20px rgba(15,111,242,.24)}.cf-sidebar-spacer{flex:1}.cf-side-promo{display:flex;flex-direction:column;gap:6px;padding:16px 14px;border-radius:15px;background:linear-gradient(145deg,#0d63d7,#0750b9);color:#fff;text-decoration:none}.cf-side-promo i{font-size:18px}.cf-side-promo b{font-size:11px}.cf-side-promo span{font-size:9px;color:#dcecff}.cf-main{margin-left:236px;min-height:100vh}.cf-top{height:82px;background:#fff;border-bottom:1px solid var(--cf-border);display:flex;align-items:center;gap:20px;padding:0 34px}.cf-mobile-brand{display:none}.cf-mobile-brand-logo{height:30px;width:auto;max-width:120px}.cf-search{width:min(480px,52%);height:42px;border-radius:22px;background:#f3f6fb;display:flex;align-items:center;padding:0 17px;gap:10px}.cf-search i{color:#7e8ca4}.cf-search input{border:0;outline:0;background:transparent;width:100%;font:500 12px Poppins;color:var(--cf-text)}.cf-userbar{margin-left:auto;display:flex;align-items:center;gap:10px}.cf-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#52627b;background:#f6f8fc;position:relative;text-decoration:none}.cf-dot{position:absolute;right:6px;top:5px;width:7px;height:7px;background:#ef4444;border-radius:50%;border:1px solid #fff}.cf-profile-page,.cf-orders-page{max-width:1240px;margin:0 auto;padding:28px 34px 90px}.cf-page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.cf-page-heading span{font-size:9px;font-weight:800;letter-spacing:1.2px;color:var(--cf-blue)}.cf-page-heading h1{margin:5px 0 3px;font-size:27px;letter-spacing:-.7px}.cf-page-heading p{margin:0;color:var(--cf-muted);font-size:11px}.cf-heading-btn,.cf-primary-btn,.cf-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;text-decoration:none;font-size:10px;font-weight:800;cursor:pointer}.cf-heading-btn{padding:11px 15px;background:var(--cf-blue);color:#fff;box-shadow:0 8px 20px rgba(22,119,249,.18)}.cf-primary-btn{min-height:38px;padding:9px 13px;background:var(--cf-blue);border:1px solid var(--cf-blue);color:#fff;box-shadow:0 7px 16px rgba(22,119,249,.15)}.cf-primary-btn.full{width:100%;border:0;font-family:inherit}.cf-secondary-btn{min-height:38px;padding:9px 13px;background:#f5f8fd;border:1px solid var(--cf-border);color:#52627b}.cf-alert{padding:11px 13px;border-radius:12px;margin-bottom:14px;font-size:10px;background:#fff;border:1px solid var(--cf-border)}.cf-alert.error{color:#c43b4f;background:#fff4f5}.cf-alert.success{color:#15803d;background:#effaf3}.cf-profile-hero{border-radius:21px;padding:25px;background:linear-gradient(120deg,#062b68,#0754c8 70%,#1677f9);color:#fff;box-shadow:0 16px 35px rgba(6,43,104,.18);margin-bottom:16px}.cf-profile-identity{display:flex;align-items:center;gap:14px}.cf-profile-avatar{width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:24px;font-weight:800}.cf-profile-kicker{font-size:8px;letter-spacing:1px;color:#cfe2ff;font-weight:800}.cf-profile-identity h2{margin:3px 0;font-size:21px}.cf-profile-identity p{margin:0;color:#dcecff;font-size:10px}.cf-profile-identity p span{opacity:.6}.cf-active-badge{margin-left:auto;align-self:flex-start;padding:6px 9px;border-radius:99px;background:rgba(255,255,255,.13);font-size:9px;font-weight:700}.cf-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:19px}.cf-profile-stats div{padding:10px;border-radius:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11)}.cf-profile-stats b{display:block;font-size:15px}.cf-profile-stats span{font-size:8px;color:#dcecff}.cf-feature-project{display:grid;grid-template-columns:220px 1fr;background:#fff;border:1px solid var(--cf-border);border-radius:19px;overflow:hidden;box-shadow:0 9px 26px rgba(23,45,82,.05);margin-bottom:16px}.cf-feature-media{min-height:210px;background:linear-gradient(145deg,#edf5ff,#f8fbff);display:grid;place-items:center;padding:16px}.cf-feature-media img{width:100%;height:100%;object-fit:contain}.cf-feature-media i{font-size:45px;color:#9fc2ef}.cf-feature-body{padding:23px}.cf-feature-label,.cf-card-head span{font-size:8px;letter-spacing:1px;font-weight:800;color:var(--cf-blue)}.cf-feature-body h2{margin:5px 0;font-size:21px}.cf-feature-body>p{margin:0;color:var(--cf-muted);font-size:10px}.cf-progress-line{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:9px;color:var(--cf-muted)}.cf-progress-line b,.cf-progress-line strong{color:#0755c9}.cf-progress{height:7px;border-radius:99px;background:#eaf0f7;overflow:hidden;margin-top:7px}.cf-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1677f9,#54a0ff)}.cf-project-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.cf-profile-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.cf-card{background:#fff;border:1px solid var(--cf-border);border-radius:18px;padding:19px;box-shadow:0 8px 24px rgba(23,45,82,.045);margin-bottom:16px}.cf-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px}.cf-card-head h3{margin:4px 0 0;font-size:15px}.cf-card-head>i{width:35px;height:35px;border-radius:10px;background:var(--cf-soft);color:var(--cf-blue);display:grid;place-items:center}.cf-card-head>a{font-size:9px;color:var(--cf-blue);text-decoration:none;font-weight:800}.cf-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cf-action-grid a{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid var(--cf-border);border-radius:12px;background:#f9fbfe;color:var(--cf-text);text-decoration:none;transition:.2s}.cf-action-grid a:hover{border-color:#bcd7fb;background:var(--cf-soft);transform:translateY(-1px)}.cf-action-grid i{color:var(--cf-blue);font-size:14px;margin-bottom:2px}.cf-action-grid b{font-size:10px}.cf-action-grid small{font-size:8px;color:var(--cf-muted)}.cf-card label{display:block;font-size:9px;font-weight:700;margin-bottom:10px}.cf-input{display:block;width:100%;height:42px;margin-top:5px;border:1px solid #dfe6ef;border-radius:11px;background:#fff;color:var(--cf-text);padding:0 11px;font:500 10px Poppins;outline:0}.cf-input:focus{border-color:var(--cf-blue);box-shadow:0 0 0 4px rgba(22,119,249,.08)}.cf-input:disabled{background:#f5f8fd;color:#8490a3}.cf-empty-profile,.cf-empty-orders{text-align:center;padding:38px 18px;border:1px dashed #d7e0ed;border-radius:15px;background:#fafcff;color:var(--cf-muted)}.cf-empty-profile i,.cf-empty-orders>i{font-size:30px;color:#b9c9dd}.cf-empty-profile h4,.cf-empty-orders h3{margin:9px 0 4px;color:var(--cf-text);font-size:14px}.cf-empty-profile p,.cf-empty-orders p{margin:0 0 13px;font-size:9px}.cf-orders-section{margin-top:0}.cf-order-list{display:flex;flex-direction:column}.cf-mini-order{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f6}.cf-mini-order:last-child{border-bottom:0}.cf-mini-thumb{width:52px;height:52px;border-radius:12px;background:#eef6ff;display:grid;place-items:center;overflow:hidden;color:#8eb8ee}.cf-mini-thumb img{width:100%;height:100%;object-fit:cover}.cf-mini-info h4{margin:0;font-size:11px}.cf-mini-info p{margin:3px 0;font-size:8px;color:var(--cf-muted)}.cf-status{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:7px;font-weight:800}.cf-status.pending{background:#fff6df;color:#b77900}.cf-status.processing{background:#eef6ff;color:#1677f9}.cf-status.completed,.cf-status.confirmed{background:#eaf9f0;color:#15803d}.cf-status.cancelled{background:#fff0f2;color:#d23b50}.cf-mini-right{text-align:right}.cf-mini-right b{display:block;font-size:11px;color:#0755c9}.cf-mini-right span{display:block;font-size:7px;color:var(--cf-muted)}.cf-mini-right a{display:inline-block;margin-top:5px;color:var(--cf-blue);font-size:8px;text-decoration:none;font-weight:800}.cf-account-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cf-account-strip a{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid var(--cf-border);border-radius:13px;text-decoration:none;color:var(--cf-text)}.cf-account-strip a>i:first-child{color:var(--cf-blue);width:20px;text-align:center}.cf-account-strip a>i:last-child{margin-left:auto;color:#a0adbf;font-size:9px}.cf-account-strip b,.cf-account-strip small{display:block}.cf-account-strip b{font-size:9px}.cf-account-strip small{font-size:7px;color:var(--cf-muted);margin-top:2px}
.cf-order-filters{display:flex;gap:7px;overflow:auto;padding:2px 0 15px;scrollbar-width:none}.cf-order-filters::-webkit-scrollbar{display:none}.cf-order-filters a{white-space:nowrap;text-decoration:none;padding:8px 12px;border:1px solid var(--cf-border);background:#fff;color:#68758b;border-radius:999px;font-size:9px;font-weight:700}.cf-order-filters a.active{background:var(--cf-blue);color:#fff;border-color:var(--cf-blue);box-shadow:0 7px 16px rgba(22,119,249,.15)}.cf-order-filters b{margin-left:4px}.cf-orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cf-order-card{background:#fff;border:1px solid var(--cf-border);border-radius:18px;padding:16px;box-shadow:0 7px 22px rgba(23,45,82,.045)}.cf-order-main{display:flex;gap:11px}.cf-order-thumb{width:66px;height:66px;flex:0 0 66px;border-radius:14px;background:#eef6ff;display:grid;place-items:center;overflow:hidden;color:#8eb8ee}.cf-order-thumb img{width:100%;height:100%;object-fit:cover}.cf-order-info{min-width:0}.cf-order-project{font-size:7px;letter-spacing:1px;color:var(--cf-blue);font-weight:800}.cf-order-info h3{margin:3px 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-order-info p{margin:0;color:var(--cf-muted);font-size:8px}.cf-order-info .cf-status{margin-top:7px}.cf-order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.cf-order-meta div{padding:9px;background:#f7f9fc;border:1px solid #edf0f5;border-radius:10px}.cf-order-meta span{display:block;font-size:7px;color:var(--cf-muted)}.cf-order-meta b{display:block;margin-top:2px;font-size:9px}.cf-order-card .cf-progress-line{margin-top:12px}.cf-order-card .cf-progress-line a{color:var(--cf-blue);text-decoration:none;font-weight:700}.cf-order-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid #edf0f5}.cf-empty-orders{padding:60px 20px}
.cf-mobile-nav{display:none}
@media(max-width:1050px){.cf-sidebar{width:205px}.cf-main{margin-left:205px}.cf-profile-grid{grid-template-columns:1fr}.cf-orders-grid{grid-template-columns:1fr}}
@media(max-width:700px){.cf-sidebar{display:none}.cf-main{margin-left:0;padding-bottom:86px}.cf-top{height:64px;padding:0 13px;gap:9px}.cf-mobile-brand{display:block;order:1;flex:0 0 auto}.cf-search{order:2;flex:1;width:auto;height:38px}.cf-userbar{order:3}.cf-userbar .cf-icon:first-child{display:none}.cf-page-heading{align-items:flex-start;margin-bottom:14px}.cf-page-heading h1{font-size:22px}.cf-page-heading p{font-size:9px;max-width:260px;line-height:1.6}.cf-heading-btn{padding:9px 11px;font-size:8px}.cf-profile-page,.cf-orders-page{padding:19px 12px 96px}.cf-profile-hero{padding:18px;border-radius:17px}.cf-profile-identity{align-items:flex-start}.cf-profile-avatar{width:52px;height:52px;border-radius:15px;font-size:19px}.cf-profile-identity h2{font-size:17px}.cf-active-badge{font-size:7px;padding:5px 7px}.cf-profile-stats{grid-template-columns:repeat(2,1fr);margin-top:14px}.cf-feature-project{grid-template-columns:1fr}.cf-feature-media{height:150px;min-height:150px}.cf-feature-body{padding:17px}.cf-feature-body h2{font-size:18px}.cf-profile-grid{grid-template-columns:1fr;gap:0}.cf-card{padding:14px;border-radius:16px}.cf-action-grid{grid-template-columns:repeat(2,1fr)}.cf-account-strip{grid-template-columns:1fr}.cf-mini-order{grid-template-columns:45px 1fr}.cf-mini-thumb{width:45px;height:45px}.cf-mini-right{grid-column:2;text-align:left;margin-top:-3px}.cf-orders-grid{grid-template-columns:1fr}.cf-order-card{padding:13px}.cf-order-actions .cf-secondary-btn,.cf-order-actions .cf-primary-btn{flex:1}.cf-mobile-nav{position:fixed!important;display:grid!important;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));height:64px;padding:5px;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid var(--cf-border);box-shadow:0 12px 35px rgba(20,42,80,.16);z-index:99999;pointer-events:auto;touch-action:manipulation}.cf-mobile-nav-item{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:3px;text-decoration:none!important;color:#7c8799!important;font-size:9px;font-weight:600;border-radius:13px;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cf-mobile-nav-item i{font-size:15px}.cf-mobile-nav-item.active{color:var(--cf-blue)!important;background:var(--cf-soft)!important}}

/* Final shared mobile navigation hardening */
.cf-mobile-nav{box-sizing:border-box!important}
.cf-mobile-nav-item{position:relative!important;z-index:2!important;cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important}
@media (max-width:700px){
  .cf-main{padding-bottom:96px!important}
  .cf-mobile-nav{display:grid!important;visibility:visible!important;opacity:1!important;position:fixed!important;left:10px!important;right:10px!important;bottom:max(9px,env(safe-area-inset-bottom))!important;width:auto!important;height:64px!important;z-index:2147483000!important;pointer-events:auto!important;isolation:isolate!important}
  .cf-mobile-nav-item{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-touch-callout:none!important}
  .cf-mobile-nav-item:active{transform:scale(.97)}
}