:root{ --forest:#252d2b;--forest-2:#1f2523;--forest-3:#343d3a;--sage:#7c8a84; --accent:#b48a55;--accent-soft:#f3eadc;--ink:#17221e;--muted:#718078;--bg:#f5f7f5; --card:#fff;--line:#e2e8e4;--soft:#f8faf9;--danger:#a63d46;--success:#287653;--info:#356d86;--warn:#9a6a20; --shadow:0 18px 55px rgba(30,45,40,.07);--shadow-lg:0 28px 80px rgba(30,45,40,.12) } *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:274px;position:fixed;inset:0 auto 0 0;z-index:50;display:flex;flex-direction:column;padding:24px 17px;background:linear-gradient(180deg,var(--forest-2),#293732 65%,#26332e);color:#edf4f0;box-shadow:16px 0 45px rgba(30,45,40,.08)}.brand{display:flex;align-items:center;gap:12px;padding:2px 10px 26px}.brand-mark{width:44px;height:44px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.12)}.brand-mark img{width:33px;height:33px;object-fit:contain}.brand b{display:block;font-size:15px;letter-spacing:.04em}.brand span{display:block;color:#9db3aa;font-size:10px;margin-top:2px}.side-label{padding:0 13px 8px;color:#708c80;font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.side-nav{display:grid;gap:5px}.side-nav a,.side-footer-links a{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid transparent;border-radius:13px;color:#b8cbc2;transition:.2s ease}.side-nav a .ui-icon,.side-footer-links .ui-icon{color:#91a99f}.side-nav a:hover,.side-footer-links a:hover{color:#fff;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.07)}.side-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border-color:rgba(255,255,255,.1);box-shadow:inset 3px 0 0 var(--accent)}.side-nav a.active .ui-icon{color:#d7b47d}.side-spacer{flex:1}.side-account{display:flex;align-items:center;gap:10px;margin:16px 7px 10px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035)}.side-avatar,.avatar{display:grid;place-items:center;border-radius:50%;font-weight:800}.side-avatar{width:34px;height:34px;background:#d8b987;color:#18352a;font-size:12px}.side-account-copy{min-width:0}.side-account-copy b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-account-copy span{display:block;color:#89a299;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.side-footer-links{display:grid;gap:3px;padding:3px 7px}.side-footer-links a{padding:9px 8px;font-size:11px}.main{margin-left:274px;width:calc(100% - 274px);min-width:0}.topbar{height:78px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.topbar-title{display:flex;align-items:center;gap:11px}.topbar-mark{width:35px;height:35px;border-radius:11px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}.topbar-mark img{width:27px;height:27px;object-fit:contain}.topbar-title .eyebrow{display:block;color:#9a7860;font-size:8px;letter-spacing:.18em;text-transform:uppercase;font-weight:850}.topbar-title b{display:block;font-size:14px;letter-spacing:-.01em}.date-chip{font-size:11px;color:var(--muted);padding:8px 11px;border:1px solid var(--line);background:#fff;border-radius:999px;display:flex;align-items:center;gap:7px}.date-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.profile-chip{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border:1px solid var(--line);background:#fff;border-radius:999px}.profile-chip>.ui-icon{color:#819088}.avatar{width:30px;height:30px;background:#e7eee9;color:var(--forest);font-size:11px}.profile-copy b{display:block;font-size:11px}.profile-copy small{display:block;color:var(--muted);font-size:9px}.menuBtn{display:none;border:1px solid var(--line);background:#fff;color:var(--forest);width:40px;height:40px;border-radius:12px;place-items:center}.content{padding:30px;max-width:1500px}.content>h1,.content> .actions>h1{font-size:31px;letter-spacing:-.045em;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.kpi{position:relative;overflow:hidden;padding:22px}.kpi:after{content:"";position:absolute;right:-25px;bottom:-40px;width:105px;height:105px;border-radius:50%;background:var(--accent-soft)}.kpi span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;position:relative;z-index:1}.kpi b{display:block;font-size:28px;letter-spacing:-.04em;margin-top:6px;position:relative;z-index:1}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:15px}.actions h2{font-size:19px;letter-spacing:-.025em;margin:0}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--forest);color:#fff;border:1px solid var(--forest);border-radius:11px;padding:10px 14px;cursor:pointer;transition:.18s ease}.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(30,45,40,.14)}.btn.secondary{background:#eef3ef;color:var(--forest);border-color:#dbe4df}.btn.danger{background:#fff2f2;color:var(--danger);border-color:#f1d2d4}.btn.small{padding:7px 10px;border-radius:9px;font-size:11px}.btn.view{background:#f1f6f3;color:var(--forest);border-color:#dbe5df}.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:650px}.table th,.table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{font-size:9px;color:#7c8b84;text-transform:uppercase;letter-spacing:.12em;font-weight:850;background:#fbfcfb}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#fbfcfb}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#718078;font-weight:800;margin:0 0 6px}.field input,.field select,.field textarea,input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d8e1db;border-radius:11px;background:#fff;color:var(--ink);outline:none;transition:.18s}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:#8fa99e;box-shadow:0 0 0 3px #dce8e2}.field textarea,textarea{min-height:130px;resize:vertical}.notice{display:flex;align-items:flex-start;gap:9px;background:#fbf6ed;border:1px solid #ead9bd;color:#785d36;border-radius:13px;padding:11px 13px;margin-bottom:16px;font-size:12px}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;line-height:1;text-transform:capitalize;border:1px solid transparent}.success{background:#edf7f0;color:#287653;border-color:#d5eadc}.danger{background:#fff0f0;color:#a63d46;border-color:#f0d5d7}.warn{background:#fbf5e9;color:#9a6a20;border-color:#eadcbb}.info{background:#edf5f7;color:#356d86;border-color:#d5e4e9}.dark{background:#eef1ef;color:#4f6259;border-color:#dce3df}.muted{background:#f3f5f4;color:#66766e;border-color:#e2e7e4}.client-mini{color:var(--muted);font-size:12px;line-height:1.6}.text-right{text-align:right}.mtech-red{color:#a63d46}.table .num{white-space:nowrap;text-align:right}.action-buttons{display:flex;gap:6px;flex-wrap:wrap;min-width:260px}.icon-btn{display:inline-flex;align-items:center;gap:6px}.ui-icon{display:block;flex:0 0 auto}.login{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 15% 12%,rgba(180,138,85,.12),transparent 28%),radial-gradient(circle at 85% 88%,rgba(113,135,126,.12),transparent 30%),#eef2ef}.login-card{width:min(450px,94vw);background:rgba(255,255,255,.98);border:1px solid #e0e7e2;border-radius:30px;padding:38px;box-shadow:0 28px 90px rgba(30,45,40,.14)}.login .logo{text-align:center;margin-bottom:24px}.login .logo img{width:78px;height:78px;object-fit:contain;background:#fff;border-radius:22px;padding:8px;box-shadow:0 15px 35px rgba(16,47,38,.1)}.login .logo h1{margin:13px 0 3px;font-size:26px;letter-spacing:-.05em}.login .logo p{margin:0;color:var(--muted);font-size:12px}.login-card button[type=submit]{width:100%;margin-top:5px;height:46px}.default-login{margin-top:15px;text-align:center;color:var(--muted);font-size:11px}.login .field{margin-bottom:15px}.login .notice{background:#fff1f1;border-color:#f0d5d7;color:#9b3c44}.letterhead{border-top:5px solid var(--forest);padding-top:18px}.letterhead.invoice-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.invoice-logo{width:88px;height:auto;object-fit:contain}.invoice-company{display:flex;gap:14px;align-items:flex-start}.invoice-title{text-align:right}.invoice-title h1,.invoice-doc-title{letter-spacing:.08em;color:var(--forest)}.invoice-meta{background:#f8faf9;border:1px solid var(--line);border-radius:14px;padding:11px 13px}.invoice-summary{width:360px;margin:18px 0 0 auto;border-collapse:collapse;background:#fff}.invoice-summary td{padding:8px 10px;border-bottom:1px solid var(--line)}.invoice-summary td:first-child{color:#617068;text-align:left}.invoice-summary td:last-child{text-align:right;font-weight:800;min-width:150px}.invoice-summary .grand td{font-size:19px;color:var(--forest);border-top:2px solid var(--forest);background:#f7faf8}.invoice-summary .balance td{font-weight:900}.totals-table{width:360px;margin-left:auto;border-collapse:collapse;margin-top:18px}.totals-table td{padding:7px 10px;border-bottom:1px solid var(--line)}.totals-table td:last-child{text-align:right;font-weight:700}.item-row{display:grid;grid-template-columns:1fr 120px 150px 40px;gap:9px;margin-bottom:8px}.printable{max-width:900px;margin:auto;background:#fff;padding:40px}.topbar+.content{}.app-footer{display:flex;justify-content:space-between;gap:20px;padding:14px 30px 24px;color:#88968f;font-size:10px;max-width:1500px}.app-footer a{display:inline-flex;align-items:center;gap:5px;color:#65756d}.sidebar-backdrop{display:none}.login-password-link{display:block;text-align:center;margin-top:13px;color:var(--forest);font-size:11px;font-weight:700} @media(max-width:1050px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-chip{display:none}.content{padding:24px}.topbar{padding:0 24px}} @media(max-width:800px){.sidebar{transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 55px rgba(0,0,0,.2)}body.open .sidebar{transform:translateX(0)}body.open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(4,16,12,.45);z-index:40;backdrop-filter:blur(2px)}.main{margin-left:0;width:100%}.menuBtn{display:grid}.topbar{height:68px;padding:0 15px}.topbar-mark{display:none}.topbar-title .eyebrow{font-size:7px}.topbar-title b{font-size:13px}.profile-copy{display:none}.profile-chip{padding:4px}.content{padding:18px 14px}.content>h1,.content>.actions>h1{font-size:26px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:16px;border-radius:17px}.kpi{padding:17px}.kpi b{font-size:23px}.table-wrap{margin:0 -2px}.table{min-width:620px}.form-grid{grid-template-columns:1fr;gap:13px}.actions{align-items:stretch}.actions>.btn,.actions>a.btn{flex:0 0 auto}.action-buttons{min-width:0}.app-footer{padding:12px 14px 20px;display:block}.app-footer a{margin-top:7px}.letterhead.invoice-head{display:block}.invoice-title{text-align:left;margin-top:16px}.invoice-summary,.totals-table{width:100%}.item-row{grid-template-columns:1fr}.printable{padding:20px}.side-account{margin-top:10px}} @media(max-width:520px){.grid{grid-template-columns:1fr}.topbar-right{gap:5px}.profile-chip{border:0;background:transparent}.content>h1,.content>.actions>h1{font-size:24px}.card{margin-bottom:11px}.actions{gap:7px}.actions .btn{width:auto}.login{padding:15px}.login-card{padding:26px 20px;border-radius:24px}.login .logo img{width:68px;height:68px}.side-nav a{padding:12px 13px}.app-footer{font-size:9px}} @media print{.sidebar,.topbar,.actions,.app-footer{display:none!important}.main{margin:0;width:100%}.content{padding:0}.card{box-shadow:none;border:0}.printable{padding:0}} .page-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:0 0 22px}.page-intro h1{margin:6px 0 5px;font-size:31px;letter-spacing:-.05em}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:850;color:#9a7860}.page-intro .muted{margin:0;max-width:620px} /* MTECH EDGE Workspace v2 — premium interaction layer */ .brand-mark{width:46px;height:46px;overflow:hidden}.brand-mark img{width:42px;height:29px;max-width:88%;max-height:70%;object-fit:contain}.topbar-mark{overflow:hidden}.topbar-mark img{width:31px;height:22px;max-width:88%;max-height:70%;object-fit:contain}.invoice-brand-logo{width:112px;height:64px;max-width:112px;max-height:64px;object-fit:contain;object-position:left center;display:block}.invoice-brand-block{display:flex;gap:16px;align-items:flex-start}.side-label-sub{margin-top:16px;padding-bottom:4px}.client-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.search-box{width:min(520px,100%);display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:3px 12px;box-shadow:var(--shadow)}.search-box input{border:0!important;box-shadow:none!important;padding:9px 5px}.client-count{font-size:11px;color:var(--muted);font-weight:700}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.client-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow);transition:.22s ease}.client-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#d4dfd9}.client-card-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.client-avatar{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#eef4f0,#e2ece7);color:var(--forest);font-weight:900;font-size:16px;border:1px solid #dbe6df}.client-avatar.xl{width:64px;height:64px;border-radius:20px;font-size:22px}.client-card h2{font-size:18px;line-height:1.1;letter-spacing:-.035em;margin:3px 0}.client-card p{margin:0;color:var(--muted);font-size:11px}.client-contact{display:grid;gap:8px;margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.client-contact a,.hero-contact-links a{display:flex;align-items:center;gap:8px;color:#52645d;font-size:11px;min-width:0}.client-contact a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-contact a:hover,.hero-contact-links a:hover,.table-link{color:var(--forest)}.client-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.icon-link,.icon-only{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:#73827b;background:#fff}.icon-link:hover,.icon-only:hover{color:var(--forest);border-color:#bfcfc7}.client-hero{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:25px}.client-hero-copy h1{font-size:32px;letter-spacing:-.055em;margin:4px 0}.client-hero-copy p{margin:0;color:var(--muted)}.hero-contact-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}.client-hero-actions{display:flex;gap:8px}.quick-contact{width:62px;height:62px;border:1px solid var(--line);border-radius:16px;background:#f9fbfa;display:grid;place-items:center;color:var(--forest)}.quick-contact span{font-size:9px;color:var(--muted);margin-top:-10px}.client-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.client-kpis .card{margin:0;padding:16px}.client-kpis span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.client-kpis b{display:block;font-size:21px;margin-top:4px}.tabs{display:flex;gap:6px;overflow:auto;padding:5px;margin:4px 0 15px;background:#eef3ef;border:1px solid var(--line);border-radius:15px}.tab{background:transparent;color:#65756e;border-color:transparent;padding:9px 12px;white-space:nowrap}.tab:hover{transform:none;box-shadow:none}.tab.active{background:#fff;color:var(--forest);border-color:#dce5df;box-shadow:0 5px 15px rgba(16,47,38,.06)}.tab-panel{display:none}.tab-panel.active{display:block}.section-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.section-bar h2{margin:0;font-size:18px}.detail-list{display:grid;gap:0}.detail-list>div{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:var(--muted);font-size:11px}.detail-list b{font-size:12px;word-break:break-word}.shortcut-list{display:grid;gap:7px}.shortcut-list a{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;color:#52645d;font-size:12px}.shortcut-list a span{margin-left:auto}.shortcut-list a:hover{border-color:#bfd0c7;background:#f8faf9;color:var(--forest)}.client-project-list{display:grid;gap:8px}.client-project{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px}.client-project:hover{background:#f9fbfa;border-color:#cbd9d2}.client-project b,.client-project small{display:block}.client-project small{color:var(--muted);font-size:10px;margin-top:3px}.solution-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.solution-mini{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px}.solution-mini:hover{background:#f9fbfa}.solution-mini span:nth-child(2){flex:1}.solution-mini b,.solution-mini small{display:block}.solution-mini small{font-size:9px;color:var(--muted)}.solution-icon{width:42px;height:42px;border-radius:13px;border:1px solid #dbe5df;background:#f7faf8;display:grid;place-items:center;color:var(--forest);flex:0 0 auto}.solution-icon.large{width:58px;height:58px;border-radius:17px}.pipeline-summary{display:flex;gap:8px;overflow:auto;padding-bottom:10px;margin-bottom:8px}.pipeline-pill{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:10px;color:#66766e}.pipeline-pill b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eef3ef;color:var(--forest)}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.pipeline-column{background:#edf2ef;border:1px solid #e0e7e2;border-radius:18px;padding:12px;min-height:260px}.pipeline-head{display:flex;justify-content:space-between;align-items:start;padding:3px 4px 10px}.pipeline-head h2{font-size:14px;margin:3px 0 0}.count-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:10px;color:var(--forest)}.project-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;margin-bottom:9px;box-shadow:0 8px 25px rgba(30,45,40,.045)}.project-top{display:flex;justify-content:space-between;align-items:center}.project-card h3{font-size:15px;letter-spacing:-.025em;margin:11px 0 5px}.project-card p{font-size:11px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:9px;color:#78877f}.project-open{display:flex;align-items:center;gap:5px;color:var(--forest);font-size:10px;font-weight:800;margin-top:10px}.empty-stage,.empty-state{padding:25px;text-align:center;color:#8a9891;font-size:11px}.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.solution-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto 1fr;gap:15px;transition:.2s}.solution-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.solution-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.solution-copy h2{font-size:22px;letter-spacing:-.04em;margin:5px 0}.solution-copy p{font-size:12px;color:var(--muted);margin:0}.stackline{font-size:9px;color:#819088;margin-top:10px}.solution-actions{grid-column:2;display:flex;gap:6px;flex-wrap:wrap}.detail-hero{display:flex;align-items:center;gap:17px;padding:24px}.detail-hero>div:nth-child(2){flex:1}.detail-hero h1{font-size:30px;letter-spacing:-.05em;margin:3px 0}.detail-hero .muted{margin:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-grid .card{margin:0}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.compose-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:18px;align-items:start}.compose-editor{margin:0}.compose-section{padding:3px 0 12px;margin-top:4px;border-bottom:1px solid var(--line);margin-bottom:15px}.compose-section:not(:first-child){margin-top:24px}.compose-section h2{font-size:17px;margin:4px 0 0;letter-spacing:-.025em}.compose-body{min-height:360px}.compose-preview-wrap{position:sticky;top:96px}.preview-toolbar{display:flex;justify-content:space-between;align-items:end;margin:0 0 10px;padding:0 4px}.preview-toolbar b{display:block;font-size:13px;margin-top:3px}.preview-scale{font-size:9px;color:var(--muted);border:1px solid var(--line);background:#fff;padding:6px 8px;border-radius:8px}.a4-paper{width:100%;max-width:680px;aspect-ratio:210/297;background:#fff;border:1px solid #dfe5df;border-radius:4px;box-shadow:0 24px 70px rgba(30,45,40,.12);padding:34px 42px;overflow:hidden;color:#17221e}.a4-rule{height:4px;background:var(--forest);margin-bottom:17px}.a4-brand{display:flex;gap:12px;align-items:flex-start}.a4-brand img{width:80px;height:54px;object-fit:contain;object-position:left center}.a4-brand strong{display:block;font-size:15px}.a4-brand span{display:block;font-size:7px;color:#74827b;line-height:1.45}.a4-date{margin:26px 0 18px;font-size:9px}.a4-recipient{font-size:9px;line-height:1.55}.a4-subject{margin:24px 0 16px;text-align:center;font-size:10px;font-weight:900;letter-spacing:.06em}.a4-body{font-size:9px;line-height:1.8;max-height:260px;overflow:hidden}.a4-sign{margin-top:28px;font-size:9px}.a4-sign b,.a4-sign span{display:block}.a4-footer{margin-top:32px;padding-top:7px;border-top:1px solid var(--line);font-size:7px;color:#7b8982;text-align:center}.memo-title{text-align:right;margin-top:22px;font-size:15px;font-weight:900;letter-spacing:.07em}.memo-meta{margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.memo-meta div{border-bottom:1px solid var(--line);padding:6px}.memo-meta b{display:block;font-size:7px;color:#7b8982;letter-spacing:.1em}.memo-meta span{font-size:9px}.memo-meta+h3{font-size:13px;margin:16px 0 12px}.compose-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;padding-top:11px}.compose-actions .btn,.compose-actions button{font-size:11px;padding:9px 11px}.table-link{font-weight:800}.icon-only{border:0;background:transparent}.icon-only:hover{box-shadow:none;transform:none} @media(max-width:1050px){.client-grid,.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compose-layout{grid-template-columns:1fr}.compose-preview-wrap{position:relative;top:auto}.a4-paper{margin:auto}.pipeline{grid-template-columns:repeat(4,260px)}} @media(max-width:800px){.client-hero{grid-template-columns:auto 1fr}.client-hero-actions{grid-column:1/-1}.client-kpis{grid-template-columns:repeat(2,1fr)}.client-grid,.solution-grid,.detail-grid{grid-template-columns:1fr}.client-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.compose-layout{gap:12px}.compose-editor{padding:16px}.compose-body{min-height:280px}.a4-paper{padding:25px 28px}.compose-actions{justify-content:stretch}.compose-actions button,.compose-actions .btn{flex:1}.detail-hero{align-items:flex-start}.detail-hero h1{font-size:25px}.solution-card{grid-template-columns:auto 1fr}.solution-actions{grid-column:1/-1}.pipeline{grid-template-columns:repeat(4,245px)}} @media(max-width:520px){.client-hero{grid-template-columns:auto 1fr;padding:17px}.client-hero-copy h1{font-size:23px}.hero-contact-links{display:grid;gap:5px}.client-hero-actions{grid-template-columns:1fr 1fr;display:grid}.quick-contact{width:auto;height:48px}.client-kpis{gap:8px}.client-kpis .card{padding:13px}.client-kpis b{font-size:18px}.tabs{margin-left:-3px;margin-right:-3px}.detail-list>div{grid-template-columns:105px 1fr}.solution-mini-grid{grid-template-columns:1fr}.a4-paper{padding:20px 21px}.a4-brand img{width:65px;height:44px}.a4-body{font-size:8px}.memo-title{font-size:12px}.compose-actions{display:grid;grid-template-columns:1fr}.compose-actions button,.compose-actions .btn{width:100%}} /* Workspace v3 collaboration */ .collab-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.collab-list{display:grid;gap:8px}.collab-person{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.collab-person-main{display:flex;align-items:center;gap:10px;min-width:0}.collab-person-main .avatar{width:34px;height:34px;flex:0 0 auto}.collab-person-copy{min-width:0}.collab-person-copy b,.collab-person-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collab-person-copy b{font-size:12px}.collab-person-copy span{font-size:10px;color:var(--muted)}.share-form{display:grid;grid-template-columns:1.2fr .7fr auto;gap:8px;align-items:end}.link-list,.update-list{display:grid;gap:9px}.project-link,.update-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.project-link{display:flex;justify-content:space-between;align-items:center;gap:12px}.project-link-main{display:flex;align-items:center;gap:10px;min-width:0}.project-link-main b{display:block;font-size:12px}.project-link-main span{display:block;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.update-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin-bottom:6px}.update-item p{margin:0;font-size:12px;white-space:pre-wrap}.project-access-note{padding:11px 13px;border:1px solid #dfe6e2;background:#f6f9f7;border-radius:13px;color:#61716a;font-size:11px}.viewer-lock{display:inline-flex;align-items:center;gap:6px;color:#718078;font-size:10px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff} @media(max-width:900px){.collab-grid{grid-template-columns:1fr}.share-form{grid-template-columns:1fr}.project-link{align-items:flex-start;flex-direction:column}.project-link .btn{width:100%}} @media(max-width:520px){.login-card{padding:28px 22px;border-radius:24px}.login .logo img{width:70px;height:70px}.login .logo h1{font-size:24px}} .login-help{margin-top:14px;text-align:center;color:#85928c;font-size:10px;line-height:1.5} /* MTECH EDGE Workspace V4 — softer graphite / luxury neutral theme */ :root{ --forest:#252d2b;--forest-2:#1f2523;--forest-3:#343d3a;--sage:#7c8a84; --accent:#b28a5b;--accent-soft:#f4eadb;--ink:#18201e;--muted:#727e79;--bg:#f6f7f6; --card:#fff;--line:#e1e5e2;--soft:#fafbfa;--shadow:0 18px 55px rgba(28,35,33,.065);--shadow-lg:0 28px 80px rgba(28,35,33,.11) } body{background:var(--bg)} .sidebar{background:linear-gradient(180deg,#242b29,#202624 70%,#1e2422);box-shadow:16px 0 45px rgba(25,31,29,.07)} .side-label{color:#9b8d7a}.side-nav a,.side-footer-links a{color:#c1c8c5}.side-nav a .ui-icon,.side-footer-links .ui-icon{color:#9aa49f}.side-nav a.active{background:rgba(255,255,255,.075)} .btn,button{background:var(--forest);border-color:var(--forest)}.btn.secondary{background:#f0f2f1;color:var(--forest);border-color:#dfe4e1}.btn.view{background:#f1f3f2;color:var(--forest)} .avatar{color:var(--forest)}.menuBtn{color:var(--forest)}.table-link,.project-open,.quick-contact,.solution-icon{color:var(--forest)} .a4-rule{background:var(--forest)} /* Login V4 */ .login-v4{padding:0;background:#f3f5f4;display:block} .login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(340px,.92fr) minmax(430px,1.08fr)} .login-brand-panel{background:linear-gradient(145deg,#252d2b,#313936 75%,#414945);color:#f8faf9;padding:46px clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden} .login-brand-panel:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-220px;bottom:-220px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)} .login-brand-top{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.login-brand-logo{width:50px;height:50px;background:#fff;border-radius:16px;display:grid;place-items:center}.login-brand-logo img{width:38px;height:38px;object-fit:contain}.login-brand-top span,.login-brand-top small{display:block}.login-brand-top span{font-size:14px;font-weight:900;letter-spacing:.06em}.login-brand-top small{font-size:10px;color:#bfc8c4;margin-top:2px}.login-brand-message{max-width:560px;position:relative;z-index:1}.login-brand-message h1{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.065em;margin:16px 0 20px}.login-brand-message p{max-width:490px;color:#c9d0cd;font-size:14px;line-height:1.75}.login-brand-foot{display:flex;justify-content:space-between;gap:20px;color:#aeb8b4;font-size:10px;position:relative;z-index:1}.login-form-panel{display:grid;place-items:center;padding:35px;background:#f7f8f7}.login-card-v4{width:min(500px,92vw);padding:0;background:transparent;border:0;box-shadow:none}.login-mobile-brand{display:none}.login-heading{margin-bottom:26px}.login-heading h2{font-size:42px;letter-spacing:-.06em;margin:6px 0}.login-heading p{margin:0;color:var(--muted);font-size:13px}.login-submit{height:50px;width:100%;border-radius:13px}.login-v4 .field{margin-bottom:17px}.login-v4 .field input{height:48px;background:#fff;border-color:#dfe4e1}.login-v4 .login-help{font-size:10px;margin-top:16px} /* Team */ .team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.team-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:19px;box-shadow:var(--shadow);transition:.2s}.team-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.team-head{display:flex;align-items:flex-start;gap:12px}.team-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#f3efe7,#e9e2d5);color:#66523a;display:grid;place-items:center;font-weight:900}.team-copy{min-width:0;flex:1}.team-copy h2{font-size:17px;margin:3px 0}.team-copy a{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:block}.presence-dot{width:8px;height:8px;border-radius:50%;background:#91a79f;margin-top:7px;box-shadow:0 0 0 4px #eef2f0}.team-actions{display:flex;align-items:center;gap:7px;margin:18px 0}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:13px;gap:8px}.team-stats b,.team-stats span{display:block}.team-stats b{font-size:16px}.team-stats span{font-size:9px;color:var(--muted);margin-top:2px}.password-note{padding:12px 14px;border:1px solid #e4e6e2;background:#faf9f6;border-radius:13px;color:#6f746e;font-size:11px;margin-top:14px}.checkline{display:flex!important;align-items:center;gap:8px;text-transform:none!important;letter-spacing:0!important;font-size:11px!important;color:#4e5b56!important}.checkline input{width:16px!important;height:16px!important;box-shadow:none!important}.optional{font-weight:600;color:#a09a90;text-transform:none;letter-spacing:0}.field-help{display:block;color:#87928d;font-size:10px;margin-top:5px} /* Visual project cards */ .project-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.project-showcase-card,.solution-showcase-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:.22s}.project-showcase-card:hover,.solution-showcase-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.project-visual,.solution-visual{height:185px;display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,#2b3330,#707b76)}.project-visual img,.solution-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.project-visual-fallback,.solution-visual-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.22),transparent 20%),linear-gradient(135deg,#29312e,#5e6863);color:#fff;overflow:hidden}.project-visual-fallback span,.solution-visual-fallback span{width:58px;height:58px;border:1px solid rgba(255,255,255,.35);border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.08);backdrop-filter:blur(6px)}.project-visual-fallback small,.solution-visual-fallback small{position:absolute;bottom:17px;left:18px;color:rgba(255,255,255,.78);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.visual-orbit{position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-65px;top:-100px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018)}.project-visual-overlay,.solution-visual-overlay{position:absolute;z-index:4;inset:13px 13px auto 13px;display:flex;justify-content:space-between;align-items:center}.visual-arrow{width:34px;height:34px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.15);backdrop-filter:blur(8px);border-radius:11px;display:grid;place-items:center;color:#fff}.project-showcase-body,.solution-showcase-body{padding:18px}.project-showcase-top,.solution-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-showcase-top h2,.solution-brand-row h2{font-size:20px;letter-spacing:-.04em;margin:4px 0}.project-showcase-body p,.solution-showcase-body p{color:var(--muted);font-size:11px;line-height:1.65;margin:10px 0}.project-showcase-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:11px;color:#7b8782;font-size:9px}.showcase-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.link-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);background:#fafbfa;border-radius:9px;font-size:10px;color:#58645f}.link-chip:hover{border-color:#c8d0cc;background:#f5f7f6}.link-chip.primary{background:#f0f2f1;color:var(--forest);font-weight:800}.pipeline-compact{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow:auto;padding-bottom:8px}.pipeline-mini-card{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px;margin-bottom:7px}.pipeline-mini-card:hover{border-color:#cbd2cf;background:#fafbfa}.pipeline-mini-card>span:nth-child(2){flex:1;min-width:0}.pipeline-mini-card b,.pipeline-mini-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-mini-card b{font-size:11px}.pipeline-mini-card small{font-size:9px;color:var(--muted);margin-top:2px}.pipeline-mini-icon{width:30px;height:30px;border-radius:9px;background:#f2f4f3;border:1px solid var(--line);display:grid;place-items:center;color:#6d7873}.detail-visual{width:150px;height:96px;flex:0 0 150px;border-radius:17px;overflow:hidden;position:relative;background:#39423f}.detail-visual .project-visual-fallback{position:absolute}.detail-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.solution-stage-strip{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.solution-stage-strip span{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:9px;color:var(--muted)}.solution-stage-strip b{font-size:11px;color:var(--forest)}.solution-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.solution-visual{height:165px;background:linear-gradient(135deg,#2d3431,#737d78)}.solution-brand-row{justify-content:flex-start}.solution-brand-mark{width:44px;height:44px;border:1px solid var(--line);background:#f7f8f7;border-radius:13px;display:grid;place-items:center;position:relative;flex:0 0 auto;overflow:hidden;color:var(--forest)}.solution-brand-mark img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;z-index:2}.solution-brand-mark span{position:relative;z-index:1}.solution-brand-mark.large{width:58px;height:58px;border-radius:17px}.solution-detail-hero{display:grid;grid-template-columns:190px 1fr auto;gap:20px;align-items:center}.solution-detail-visual{height:125px;border-radius:18px;overflow:hidden;position:relative;background:#3b4441}.solution-detail-visual .solution-visual-fallback{position:absolute}.solution-detail-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.solution-detail-copy{min-width:0} @media(max-width:1100px){.team-grid{grid-template-columns:repeat(2,1fr)}.project-visual-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:25px}.login-card-v4{max-width:500px}.login-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:44px}.login-mobile-brand img{width:48px;height:48px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px}.login-mobile-brand b,.login-mobile-brand span{display:block}.login-mobile-brand b{font-size:13px}.login-mobile-brand span{font-size:9px;color:var(--muted)}.team-grid,.project-visual-grid,.solution-showcase-grid{grid-template-columns:1fr}.solution-detail-hero{grid-template-columns:1fr}.solution-detail-visual{height:170px}.detail-visual{width:100px;height:76px;flex-basis:100px}.project-showcase-body{padding:16px}} @media(max-width:520px){.login-form-panel{padding:20px}.login-heading h2{font-size:34px}.login-mobile-brand{margin-bottom:36px}.team-card{padding:16px}.project-visual{height:175px}.solution-visual{height:165px}.solution-showcase-body{padding:16px}.solution-detail-visual{height:150px}.project-showcase-top h2,.solution-brand-row h2{font-size:18px}} /* Login submit: explicit rendering + hover state */ .login-v4 .login-submit, .login-v4 button.login-submit { appearance:none !important; -webkit-appearance:none !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; width:100% !important; height:50px !important; padding:0 18px !important; background:#26312e !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; border:1px solid #26312e !important; border-radius:13px !important; font-family:inherit !important; font-size:14px !important; font-weight:800 !important; line-height:1 !important; letter-spacing:.01em !important; text-align:center !important; text-indent:0 !important; text-shadow:none !important; opacity:1 !important; visibility:visible !important; cursor:pointer !important; transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease !important; } .login-v4 .login-submit .login-submit-label { display:inline-block !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; font-size:14px !important; font-weight:800 !important; line-height:1 !important; opacity:1 !important; visibility:visible !important; } .login-v4 .login-submit .ui-icon { display:block !important; width:16px !important; height:16px !important; color:#ffffff !important; stroke:#ffffff !important; opacity:1 !important; } .login-v4 .login-submit:hover { background:#394440 !important; border-color:#394440 !important; color:#ffffff !important; transform:translateY(-2px) !important; box-shadow:0 14px 30px rgba(30,45,40,.18) !important; } .login-v4 .login-submit:active { transform:translateY(0) !important; box-shadow:0 7px 16px rgba(30,45,40,.12) !important; } .login-v4 .login-submit:focus-visible { outline:3px solid rgba(180,138,85,.25) !important; outline-offset:3px !important; } /* MTECH EDGE Workspace V5 — team, fellowship & external collaboration */ .team-banner{display:flex;align-items:center;gap:14px;margin-bottom:15px;padding:15px 17px}.team-banner-icon,.track-icon,.partner-mark{width:48px;height:48px;border:1px solid var(--line);border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f4f7f5);color:var(--forest);flex:0 0 auto}.team-banner>div:nth-child(2){flex:1}.team-banner b,.team-banner span{display:block}.team-banner span{font-size:11px;color:var(--muted)}.member-tags{display:flex;align-items:center;gap:7px}.luxury-member-card{position:relative;overflow:hidden}.luxury-member-card:after{content:"";position:absolute;right:-45px;bottom:-55px;width:150px;height:150px;border:1px solid rgba(178,138,91,.13);border-radius:50%;box-shadow:0 0 0 26px rgba(178,138,91,.025),0 0 0 52px rgba(178,138,91,.018);pointer-events:none}.team-copy small{display:block;margin-top:5px;color:#87928d;font-size:9px}.collab-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin:3px 0 0;font-size:19px;letter-spacing:-.03em}.partner-list,.share-link-list,.fellow-list{display:grid;gap:8px}.partner-row,.share-row,.fellow-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}.partner-mark.small{width:38px;height:38px;border-radius:12px}.partner-mark img{width:27px;height:27px;object-fit:contain}.partner-row>div:nth-child(2),.share-row>div:nth-child(2),.fellow-row>div:nth-child(2){flex:1;min-width:0}.partner-row b,.partner-row span,.partner-row small,.share-row b,.share-row span,.share-row small,.fellow-row b,.fellow-row span,.fellow-row small{display:block}.partner-row b,.share-row b,.fellow-row b{font-size:12px}.partner-row span,.share-row span,.fellow-row span{font-size:10px;color:var(--muted)}.partner-row small,.share-row small,.fellow-row small{font-size:9px;color:#8b9691;margin-top:2px}.collab-principles{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center;margin-top:15px;padding:22px 24px;border-radius:22px;background:linear-gradient(120deg,#242b29,#313a36);color:#f3f6f4;box-shadow:var(--shadow-lg)}.collab-principles h2{margin:4px 0;font-size:23px;letter-spacing:-.04em}.collab-principles p{margin:0;color:#c4cfca;font-size:12px}.external-share-box{margin-top:14px;padding:15px;border:1px solid #e5e7e4;background:#fafcfb;border-radius:16px}.external-share-box h3{margin:4px 0 3px;font-size:16px}.external-share-box p{margin:0 0 13px;color:var(--muted);font-size:10px}.compact-share{grid-template-columns:1.1fr 1fr .7fr .7fr auto}.share-created{display:flex;align-items:center;gap:15px;margin:12px 0;padding:14px}.share-created>div:first-child{flex:1}.share-created b,.share-created span{display:block}.share-created span{font-size:10px;color:var(--muted)}.share-created-link{display:flex;gap:6px;min-width:380px}.share-created-link input{min-width:0;flex:1}.share-created-link button{white-space:nowrap}.fellowship-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px;background:linear-gradient(135deg,#fff,#f0f3f1)}.fellowship-hero h2{font-size:28px;letter-spacing:-.05em;margin:5px 0}.fellowship-hero p{max-width:720px;color:var(--muted);margin:0}.fellowship-quote{font-family:Georgia,serif;font-size:21px;font-style:italic;color:#8c6b45;white-space:nowrap}.fellowship-track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.fellowship-track{display:flex;gap:13px;padding:18px}.fellowship-track h3{margin:3px 0;font-size:16px}.fellowship-track p{margin:0;color:var(--muted);font-size:10px}.fellowship-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:15px}.fellow-row .team-avatar{width:38px;height:38px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.roadmap>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.roadmap b,.roadmap span{display:block}.roadmap b{font-size:12px}.roadmap span{font-size:10px;color:var(--muted);margin-top:4px}.external-room{background:#f4f6f5;min-height:100vh}.external-shell{max-width:1120px;margin:auto;padding:0 18px 45px}.external-top{height:78px;display:flex;justify-content:space-between;align-items:center}.external-brand{display:flex;align-items:center;gap:10px}.external-brand .brand-mark{width:40px;height:40px}.external-brand .brand-mark img{width:28px;height:28px}.external-brand b,.external-brand small{display:block}.external-brand b{font-size:13px}.external-brand small{font-size:9px;color:var(--muted)}.external-access{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:999px;color:var(--muted);font-size:10px}.external-hero{padding:35px 0 25px}.external-hero h1{font-size:42px;letter-spacing:-.055em;margin:4px 0 8px}.external-hero p{max-width:760px;color:var(--muted);font-size:13px}.external-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.external-meta>span:first-child,.external-meta>span:last-child{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 9px;color:#6f7c75;font-size:10px}.external-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.external-notes{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.external-notes b{font-size:11px}.external-notes p{font-size:11px;color:var(--muted)}.external-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.external-link>span{display:flex;align-items:center;gap:9px}.external-link b,.external-link small{display:block}.external-link b{font-size:11px}.external-link small{font-size:9px;color:var(--muted)}.external-collab-card{margin-top:15px}.external-message-list{display:grid;gap:8px}.external-message-list article{padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.external-message-list article b,.external-message-list article span{display:block}.external-message-list article span{font-size:9px;color:var(--muted)}.external-message-list article p{font-size:11px;margin:7px 0 0}.external-message-form{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.external-footer{text-align:center;color:#84918b;font-size:10px;padding-top:25px} @media(max-width:900px){.collab-hub-grid,.fellowship-grid,.external-grid,.collab-principles{grid-template-columns:1fr}.fellowship-track-grid{grid-template-columns:1fr}.roadmap{grid-template-columns:1fr}.compact-share{grid-template-columns:1fr}.share-created{display:block}.share-created-link{min-width:0;margin-top:10px}.fellowship-hero{display:block}.fellowship-quote{margin-top:18px}.external-hero h1{font-size:34px}} @media(max-width:520px){.team-banner{align-items:flex-start;flex-wrap:wrap}.team-banner .link-chip{width:100%;justify-content:center}.partner-row,.share-row,.fellow-row{align-items:flex-start}.collab-principles{padding:18px}.collab-principles h2{font-size:20px}.share-created-link{display:grid}.share-created-link button{width:100%}.external-shell{padding:0 13px 30px}.external-top{height:68px}.external-access{font-size:9px}.external-hero{padding:24px 0 20px}.external-hero h1{font-size:29px}.external-grid .card{padding:16px}.external-collab-card{padding:16px}} /* V5 Role / Member Type selector polish */ .field-hint{display:block;margin-top:7px;font-size:12px;line-height:1.45;color:#7a8785} .role-note{margin-top:16px;padding:12px 14px;border:1px solid #dfe7e3;border-radius:12px;background:#f7faf8;color:#53635f;font-size:13px;line-height:1.5} select:disabled{opacity:.72;cursor:not-allowed} /* V6 people ↔ delivery assignment */ .assignment-panel{margin-top:20px;padding:20px;border:1px solid #e5ebe7;border-radius:20px;background:linear-gradient(180deg,#fbfcfb,#f6f9f7)} .assignment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px} .assignment-row{display:grid;grid-template-columns:auto 1fr 150px;gap:12px;align-items:center;padding:12px 14px;background:#fff;border:1px solid #e3e9e5;border-radius:14px} .assignment-row input[type=checkbox]{width:18px;height:18px;accent-color:#315b4e} .assignment-person{display:flex;gap:10px;align-items:center;min-width:0}.assignment-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef3f0;color:#315b4e;font-weight:700;font-size:12px}.assignment-person span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-person small{display:block;color:#7b8983;font-size:11px;margin-top:2px}.assignment-row select{min-width:0}.assignment-empty{padding:14px;border:1px dashed #ccd7d1;border-radius:14px;color:#7b8983;background:#fff}.assignment-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.assignment-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dce5df;border-radius:999px;background:#fff;font-size:12px;color:#40524b}.assignment-chip .dot{width:7px;height:7px;border-radius:50%;background:#4d8b76} @media(max-width:760px){.assignment-list{grid-template-columns:1fr}.assignment-row{grid-template-columns:auto 1fr}.assignment-row select{grid-column:2;width:100%}} /* V6 identity + activation */ .email-composer{display:flex;align-items:center;border:1px solid var(--line,#dfe5df);border-radius:14px;background:#fff;overflow:hidden}.email-composer input{border:0!important;border-radius:0!important;flex:1;min-width:0}.email-composer span{padding:0 14px;color:#7b8782;font-weight:800;font-size:13px;white-space:nowrap;background:#f5f6f3;align-self:stretch;display:flex;align-items:center;border-left:1px solid #e3e7e3}.activation-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:22px 0;padding:20px 22px;border:1px solid #e4e7e2;border-radius:20px;background:linear-gradient(135deg,#fafbf8,#f1f3ef)}.activation-card h3{margin:5px 0 4px}.activation-card p{margin:0;color:#68746f;max-width:720px}.activation-card .btn{white-space:nowrap}@media(max-width:700px){.activation-card{display:block}.activation-card .btn{margin-top:15px}.email-composer span{padding:0 10px;font-size:12px}} /* V6.2 Document Studio */ .doc-composer{align-items:start}.rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;border:1px solid #dce4df;border-bottom:0;border-radius:10px 10px 0 0;padding:7px;background:#f8faf8}.rich-toolbar button{min-width:34px;height:32px;border:1px solid #dce4df;background:#fff;border-radius:7px;cursor:pointer;color:#34433d}.rich-toolbar button:hover{border-color:#82958b;transform:translateY(-1px)}.rich-editor{min-height:250px;border:1px solid #dce4df;border-radius:0 0 10px 10px;padding:15px;background:#fff;line-height:1.7;outline:none}.rich-editor:empty:before{content:attr(data-placeholder);color:#98a59f}.rich-editor:focus{border-color:#8ea197;box-shadow:0 0 0 3px rgba(62,91,78,.08)}.rich-editor table,.editor-table{width:100%;border-collapse:collapse}.rich-editor td,.rich-editor th{border:1px solid #cbd5cf;padding:6px}.item-editor{overflow:auto}.item-editor table{width:100%;border-collapse:collapse;min-width:650px}.item-editor th,.item-editor td{padding:7px;border-bottom:1px solid #e3e8e5;text-align:left}.item-editor input{width:100%;box-sizing:border-box;padding:7px;border:1px solid #dce4df;border-radius:6px}.document-paper{box-shadow:0 18px 45px rgba(20,35,28,.12)}.a4-brand{display:flex;gap:14px;align-items:flex-start}.a4-brand img{width:72px;height:48px;object-fit:contain}.a4-brand strong{display:block;font-size:17px}.a4-brand span{display:block;font-size:8px;color:#68776f;line-height:1.5}.doc-topline{display:flex;justify-content:space-between;align-items:end;margin:22px 0 14px;font-size:10px;letter-spacing:.06em}.doc-topline>span{font-size:17px;font-weight:800}.doc-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dfe5df;border-bottom:1px solid #dfe5df;margin-bottom:18px}.doc-meta>div{padding:7px;border-bottom:1px solid #eef1ee}.doc-meta b{display:block;font-size:7px;color:#718078;letter-spacing:.12em}.doc-meta span{font-size:10px}.a4-body{font-size:10.5px;line-height:1.7}.a4-body table{width:100%;border-collapse:collapse;margin:12px 0}.a4-body td,.a4-body th{border:1px solid #cbd4cf;padding:5px}.a4-items{width:100%;border-collapse:collapse;margin:16px 0;font-size:9px}.a4-items th,.a4-items td{border:1px solid #cfd7d2;padding:5px}.approval-block{margin-top:28px;border-top:1px solid #dfe5df;padding-top:10px}.approval-badge{display:inline-block;border:1px solid #8a9a91;padding:5px 9px;font-size:8px;letter-spacing:.1em}.approval-line{display:flex;justify-content:space-between;margin-top:28px;font-size:9px}.a4-footer{margin-top:35px;border-top:1px solid #dfe5df;padding-top:7px;text-align:center;font-size:7px;color:#718078}.timeline-row{padding:12px 0;border-bottom:1px solid #e7ebe8}.timeline-row span{display:block;color:#718078;font-size:12px;margin-top:3px}.timeline-row p{margin:6px 0 0}.view-paper{max-width:820px;margin:auto;padding:40px;background:#fff}.document-view{background:#eef2ef} @media(max-width:900px){.doc-composer{display:block}.compose-preview-wrap{margin-top:20px}.view-paper{padding:22px}.doc-meta{grid-template-columns:1fr}.doc-topline{display:block}.doc-topline b{display:block;margin-top:8px}} /* MTECH EDGE Workspace V6.1 — Letters: editable saved documents + multi-page A4 */ .a4-paper.a4-paper-flow{ aspect-ratio:auto; min-height:297mm; height:auto; max-width:680px; overflow:visible; } .a4-paper-flow .a4-body{ max-height:none; overflow:visible; } .a4-preview-scroll{ max-height:calc(100vh - 180px); overflow:auto; padding:8px; background:#eef2ef; border:1px solid var(--line); border-radius:12px; } .preview-note{ margin-top:8px; padding:9px 11px; border:1px solid var(--line); border-radius:10px; background:#f8faf9; color:var(--muted); font-size:10px; line-height:1.5; } .status-inline{display:flex;align-items:center;gap:8px} .official-letter-paper{ width:210mm; max-width:100%; min-height:297mm; box-sizing:border-box; } .official-letter-paper .letter-page-header{ break-inside:avoid; } .official-letter-paper .letter-document-body{ min-height:0; } .official-letter-paper .a4-body{ max-height:none; overflow:visible; } .official-letter-paper .a4-body table{ width:100%; border-collapse:collapse; margin:12px 0; } .official-letter-paper .a4-body td, .official-letter-paper .a4-body th{ border:1px solid #cbd4cf; padding:5px; } .official-letter-paper .a4-body tr{ break-inside:avoid; page-break-inside:avoid; } @media print{ .sidebar,.topbar,.actions,.page-intro{display:none!important} .main{margin:0!important} .content{padding:0!important} .document-view{background:#fff!important} .view-paper.official-letter-paper{ width:100%; max-width:none; box-shadow:none; border:0; padding:0; margin:0; } } @media(max-width:900px){ .a4-preview-scroll{max-height:none;overflow:visible;padding:4px} .official-letter-paper{width:100%;min-height:0} } .compose-preview-wrap .a4-paper{ aspect-ratio:auto; min-height:297mm; height:auto; overflow:visible; } .compose-preview-wrap .a4-paper .a4-body{ max-height:none; overflow:visible; } /* V8 — MTECH EDGE attention, branding and profile layer */ :root{ --forest:#092d50;--forest-2:#07243f;--forest-3:#0d416f;--sage:#6f879a; --accent:#12a7d7;--accent-soft:#e6f7fc;--ink:#13293d;--muted:#6d7f90;--bg:#f3f8fb; --line:#dbe8f0;--soft:#f7fbfd;--success:#19845b;--info:#0b6fae;--warn:#a66a17; --shadow:0 16px 45px rgba(6,45,79,.07);--shadow-lg:0 26px 70px rgba(6,45,79,.12) } .sidebar{background:linear-gradient(180deg,#062641,#08385d 67%,#072d4d)} .side-nav a.active{box-shadow:inset 3px 0 0 #18b7df}.side-nav a.active .ui-icon{color:#62d8f3}.brand span{color:#8eb7cf}.side-label{color:#6fa6c3}.side-nav a,.side-footer-links a{color:#b9d3e2}.side-nav a .ui-icon,.side-footer-links .ui-icon{color:#8ebbd1}.side-avatar{background:#c8f2fb;color:#075478}.topbar-title .eyebrow{color:#0b72aa}.date-dot{background:#15add6}.btn,button{background:#092d50;border-color:#092d50}.btn.secondary{background:#edf6fa;color:#092d50;border-color:#d6e7ef}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:#38a7d1;box-shadow:0 0 0 3px rgba(18,167,215,.12)}.assignment-row input[type=checkbox]{accent-color:#0b73ad}.assignment-avatar{background:#e3f6fb;color:#0a6b9c}.assignment-chip .dot{background:#14a8d7} .side-count{margin-left:auto;background:#15b6df;color:#062641;border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;font-size:9px;font-style:normal;font-weight:900} .topbar-icon-link{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;color:#0b557e}.topbar-icon-link:hover{background:#eef9fc;color:#0875aa}.notification-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d73d52;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;border:2px solid #fff} .profile-menu{position:relative}.profile-menu summary{list-style:none;cursor:pointer}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu-card{position:absolute;right:0;top:48px;width:205px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);display:grid;gap:3px;z-index:60}.profile-menu-card a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;font-size:11px;color:#28495f}.profile-menu-card a:hover{background:#f1f8fb;color:#075f8b} .user-avatar{position:relative;overflow:hidden}.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.user-avatar>span{position:relative;z-index:1} .success-feedback{display:flex;align-items:center;gap:12px;margin-bottom:17px;padding:13px 15px;border:1px solid #bfe7d5;border-radius:15px;background:#effaf5;color:#176645;box-shadow:0 8px 24px rgba(25,132,91,.07)}.success-feedback-icon{width:32px;height:32px;border-radius:10px;background:#d8f4e6;display:grid;place-items:center;flex:0 0 auto}.success-feedback div{display:grid;gap:1px;min-width:0}.success-feedback b{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.success-feedback span{font-size:12px}.success-feedback>a{margin-left:auto;display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:800;color:#0a7650;white-space:nowrap} .project-filter-bar{display:flex;align-items:center;gap:9px;padding:11px 12px}.project-search{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 10px}.project-search input{border:0;box-shadow:none!important;padding:9px 0}.project-filter-bar select{width:190px}.project-filter-bar .btn{white-space:nowrap} .project-title-with-logo,.project-detail-title{display:flex;align-items:center;gap:12px;min-width:0}.project-title-with-logo>div{min-width:0}.project-logo,.pipeline-mini-logo{position:relative;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;background:linear-gradient(135deg,#e9f7fb,#ddecf5);color:#0b628f;border:1px solid #cfe4ee}.project-logo{width:44px;height:44px;border-radius:13px}.project-logo.large{width:58px;height:58px;border-radius:16px}.project-logo img,.pipeline-mini-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;z-index:2}.project-logo i,.pipeline-mini-logo i{font-style:normal;font-weight:900;position:relative;z-index:1}.pipeline-mini-logo{width:32px;height:32px;border-radius:9px}.project-detail-title{align-items:flex-start} .attention-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.attention-tabs{display:flex;gap:6px;flex-wrap:wrap}.attention-tabs a{padding:8px 11px;border-radius:9px;font-size:11px;color:#5f7382}.attention-tabs a.active,.attention-tabs a:hover{background:#e8f6fb;color:#09658f;font-weight:800}.mail-notification-link{display:inline-flex;align-items:center;gap:7px;color:#0a6d9f;font-size:11px;font-weight:800}.notification-list{display:grid;gap:9px}.notification-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 15px;margin:0;color:inherit}.notification-item.unread{border-color:#94d7ec;background:linear-gradient(90deg,#f3fbfe,#fff);box-shadow:0 10px 30px rgba(11,111,174,.08)}.notification-symbol{width:38px;height:38px;border-radius:12px;background:#e8f6fb;color:#0a72a5;display:grid;place-items:center}.notification-copy{display:grid;gap:3px;min-width:0}.notification-copy>span:not(.notification-head){font-size:12px;color:#526878;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-copy>small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8394a1}.notification-head{display:flex;justify-content:space-between;gap:10px}.notification-head b{font-size:12px;color:#17364d}.notification-head small{font-size:9px;color:#8a9aa6}.notification-go{color:#89a3b3} .profile-settings-head{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.profile-settings-head h2{margin:0}.profile-settings-head p{margin:3px 0 0}.profile-avatar{position:relative;width:48px;height:48px;border-radius:14px;background:#dff5fb;color:#0a678f;display:grid;place-items:center;overflow:hidden;font-weight:900}.profile-avatar.large{width:64px;height:64px;border-radius:18px}.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.profile-avatar span{z-index:1}.profile-notification-settings{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#f8fcfe}.profile-notification-settings h2{margin:3px 0 12px}.toggle-setting{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid #e0ebf1;border-radius:12px;background:#fff;margin-top:8px}.toggle-setting input{width:18px;height:18px;margin-top:2px;accent-color:#0b73ad}.toggle-setting span{display:grid}.toggle-setting b{font-size:12px}.toggle-setting small{font-size:10px;color:var(--muted);margin-top:2px}.danger-outline{background:#fff!important;color:#a63d46!important;border-color:#e7cbd0!important} @media(max-width:800px){.topbar-icon-link:nth-of-type(2),.date-chip{display:none}.project-filter-bar{display:grid;grid-template-columns:1fr 1fr}.project-search{grid-column:1/-1}.project-filter-bar select{width:100%}.attention-toolbar{display:block}.mail-notification-link{margin-top:10px}.notification-head{display:grid;gap:2px}.notification-copy>span:not(.notification-head){white-space:normal}.profile-menu .profile-copy{display:none}.project-detail-title{margin-top:8px}} @media(max-width:520px){.project-filter-bar{grid-template-columns:1fr}.project-search{grid-column:auto}.attention-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.notification-item{grid-template-columns:auto 1fr}.notification-go{display:none}.success-feedback{align-items:flex-start}.success-feedback>a{display:none}} /* V9 — personal workspace, app grid, presence and discussion */ .sidebar{display:flex;flex-direction:column;overflow:hidden}.side-nav{overflow-y:auto;min-height:0;padding-right:4px;scrollbar-width:thin}.side-spacer{min-height:10px}.brand-mark{box-shadow:0 10px 30px rgba(18,167,215,.18)} .workspace-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px 30px;margin-bottom:18px;border-radius:24px;background:radial-gradient(circle at 85% 20%,rgba(39,198,229,.22),transparent 32%),linear-gradient(135deg,#062641,#0b4772);color:#fff;box-shadow:0 24px 60px rgba(6,45,79,.18)}.workspace-hero:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-60px;top:-90px}.workspace-hero h1{margin:5px 0 7px;font-size:31px;letter-spacing:-.045em}.workspace-hero p{margin:0;color:#bcd8e8;font-size:12px}.workspace-hero .eyebrow{color:#67daf1}.hero-create{background:#fff;color:#07385c;border-color:#fff;position:relative;z-index:2} .workspace-app-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-bottom:18px}.workspace-app-grid>a{position:relative;display:grid;gap:7px;min-height:105px;padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--ink);box-shadow:0 8px 24px rgba(6,45,79,.045);transition:.22s ease}.workspace-app-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b8dce9}.workspace-app-grid>a>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:#0874a5}.workspace-app-grid b{font-size:11px}.workspace-app-grid em{font-size:9px;color:var(--muted);font-style:normal}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:16px}.dashboard-main-card,.dashboard-side>.card{padding:18px}.dashboard-side{display:grid;gap:16px;align-content:start}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:12px}.section-head h2,.quick-card h2{font-size:18px;margin:4px 0 0}.section-head>a{font-size:10px;font-weight:800;color:#0873a5}.dash-project-list{display:grid;gap:7px}.dash-project{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:11px;border:1px solid #e5eef3;border-radius:13px;color:inherit;transition:.18s ease}.dash-project:hover{background:#f5fbfd;transform:translateX(2px)}.dash-project-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#dff6fb,#e7eef8);color:#09658f;font-weight:900}.dash-project-copy{display:grid;gap:2px}.dash-project-copy b{font-size:12px}.dash-project-copy small{font-size:9px;color:var(--muted)}.presence-list,.active-people{display:grid;gap:8px}.presence-person{display:flex;align-items:center;gap:9px;padding:7px 0}.presence-avatar{position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e5f4fa;color:#0b668f;font-size:11px;font-weight:900}.presence-avatar i{position:absolute;width:9px;height:9px;border-radius:50%;background:#22b573;border:2px solid #fff;right:-1px;bottom:1px}.presence-person>span:last-child{display:grid}.presence-person b{font-size:10px}.presence-person small{font-size:8px;color:var(--muted)}.quick-card{display:grid;gap:8px}.quick-card>a{display:flex;align-items:center;gap:8px;padding:10px;border-radius:11px;background:#f3f9fc;color:#17506e;font-size:10px;font-weight:800}.presence-summary{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #cde8dd;border-radius:999px;background:#f1fbf6;color:#17714d;font-size:10px;font-weight:800}.presence-dot{width:8px;height:8px;border-radius:50%;background:#22b573;box-shadow:0 0 0 4px rgba(34,181,115,.12)} .discussion-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px}.discussion-card{padding:0;overflow:hidden}.discussion-feed{height:56vh;min-height:420px;overflow-y:auto;padding:20px;background:linear-gradient(180deg,#f7fbfd,#fff)}.chat-row{display:flex;align-items:flex-end;gap:8px;margin:11px 0}.chat-row.mine{flex-direction:row-reverse}.chat-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dfeef5;color:#0b628f;font-size:9px;font-weight:900}.chat-bubble{max-width:min(72%,650px);padding:10px 12px;border:1px solid #dce9ef;border-radius:15px 15px 15px 4px;background:#fff;box-shadow:0 5px 18px rgba(6,45,79,.04)}.chat-row.mine .chat-bubble{border-radius:15px 15px 4px 15px;background:#092d50;color:#fff;border-color:#092d50}.chat-bubble>div{display:flex;gap:12px;justify-content:space-between}.chat-bubble b{font-size:9px}.chat-bubble time{font-size:8px;opacity:.6}.chat-bubble p{margin:4px 0 0;font-size:11px;line-height:1.55}.chat-compose{display:flex;gap:9px;padding:12px;border-top:1px solid var(--line);background:#fff}.chat-compose textarea{resize:none;min-height:48px}.chat-compose .btn{align-self:stretch}.active-people{padding:18px;align-content:start}.active-people h2{margin:4px 0 8px;font-size:17px} .success-feedback{animation:toastIn .28s ease both}@keyframes toastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}} @media(max-width:1100px){.workspace-app-grid{grid-template-columns:repeat(4,1fr)}} @media(max-width:800px){.workspace-hero{padding:22px;align-items:flex-start}.workspace-hero h1{font-size:25px}.dashboard-layout,.discussion-layout{grid-template-columns:1fr}.active-people{order:-1}.workspace-app-grid{grid-template-columns:repeat(4,1fr)}.workspace-app-grid>a{min-height:92px;padding:12px}.discussion-feed{height:52vh}.sidebar .side-nav{overflow-y:auto}} @media(max-width:520px){.workspace-hero{display:block}.hero-create{margin-top:15px}.workspace-app-grid{grid-template-columns:repeat(4,1fr);gap:7px}.workspace-app-grid>a{min-height:82px;padding:10px 7px;text-align:center;justify-items:center}.workspace-app-grid>a>span{width:32px;height:32px}.workspace-app-grid b{font-size:9px}.workspace-app-grid em{font-size:8px}.dash-project{grid-template-columns:auto 1fr auto}.dash-project>.badge{display:none}.chat-bubble{max-width:84%}} .revision-list{display:grid;gap:10px}.revision-card{display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center;padding:16px}.revision-card>div{display:flex;align-items:center;gap:11px}.revision-no{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e8f6fb;color:#09658f;font-size:10px;font-weight:900}.revision-card div div{display:grid}.revision-card b{font-size:11px}.revision-card small{font-size:9px;color:var(--muted)}.revision-card p{grid-column:1;margin:0;font-size:10px;color:var(--muted)}.revision-card form{grid-column:2;grid-row:1/3} /* V10 — restrained premium workspace */ :root{--v10-navy:#101c2b;--v10-navy-2:#17283b;--v10-paper:#f6f7f8;--v10-accent:#b88a55;--v10-accent-soft:#f5eee6;--v10-border:#e3e6e8} .workspace-hero{background:linear-gradient(135deg,var(--v10-navy),var(--v10-navy-2));box-shadow:0 18px 45px rgba(16,28,43,.14)} .workspace-hero:after{border-color:rgba(184,138,85,.16)}.workspace-hero .eyebrow{color:#d8b78f}.hero-create{color:var(--v10-navy)} .workspace-app-grid>a{box-shadow:0 7px 20px rgba(16,28,43,.035);border-color:var(--v10-border)}.workspace-app-grid>a:hover{border-color:#cfb493;box-shadow:0 13px 30px rgba(16,28,43,.08)}.workspace-app-grid>a>span{background:var(--v10-accent-soft);color:#8b653b} .dash-project-icon,.presence-avatar,.revision-no{background:#edf0f2;color:#33465a}.dash-project:hover{background:#faf9f7}.quick-card>a{background:#f5f3f0;color:#4c4339} .chat-row.mine .chat-bubble{background:var(--v10-navy);border-color:var(--v10-navy)}.discussion-feed{background:linear-gradient(180deg,#f7f7f6,#fff)} .brand-mark{box-shadow:0 10px 28px rgba(16,28,43,.18)}.presence-dot,.presence-avatar i{background:#3f9a72} .invoice-access-panel{margin-top:22px;padding:18px;border:1px solid var(--v10-border);border-radius:16px;background:#fafafa}.invoice-access-panel h2{margin:4px 0}.invoice-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.invoice-member-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--v10-border);border-radius:12px;background:#fff}.invoice-member-option input{width:17px;height:17px;accent-color:var(--v10-navy)}.invoice-member-option span{display:grid}.invoice-member-option b{font-size:10px}.invoice-member-option small{font-size:8px;color:var(--muted)}.invoice-member-option select{width:auto;min-width:86px;padding:7px;font-size:9px} @media(max-width:700px){.invoice-member-grid{grid-template-columns:1fr}.invoice-member-option{grid-template-columns:auto 1fr}.invoice-member-option select{grid-column:2}} /* V11 deployment repair — cache-safe dashboard component rules */ .content > .workspace-app-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:10px!important;margin:0 0 18px!important;align-items:stretch!important} .content > .workspace-app-grid > a{display:grid!important;grid-template-rows:auto auto auto!important;align-content:start!important;gap:7px!important;min-width:0!important;min-height:105px!important;padding:15px!important;border:1px solid #e4e8ec!important;border-radius:16px!important;background:#fff!important;color:#142435!important;text-decoration:none!important;box-shadow:0 7px 20px rgba(16,28,43,.035)!important} .content > .workspace-app-grid > a > span{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:11px!important;background:#f3ede5!important;color:#8b653b!important} .content > .workspace-app-grid > a > b{display:block!important;font-size:12px!important;line-height:1.25!important;color:#142435!important} .content > .workspace-app-grid > a > em{display:block!important;font-size:10px!important;line-height:1.2!important;color:#6c7782!important;font-style:normal!important} .content > .dashboard-layout{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr)!important;gap:16px!important;align-items:start!important} .workspace-build-mark{position:fixed;right:10px;bottom:8px;z-index:9999;font-size:8px;letter-spacing:.08em;color:#78838d;background:rgba(255,255,255,.88);border:1px solid #e6eaed;border-radius:999px;padding:4px 7px;pointer-events:none} @media(max-width:1100px){.content > .workspace-app-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:800px){.content > .dashboard-layout{grid-template-columns:1fr!important}.content > .workspace-app-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:520px){.content > .workspace-app-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.content > .workspace-app-grid > a{min-height:82px!important;padding:10px 7px!important;text-align:center!important;justify-items:center!important}} /* V12 — notification dropdown, overlay feedback, project chat */ .notification-menu{position:relative}.notification-menu>summary{list-style:none;cursor:pointer}.notification-menu>summary::-webkit-details-marker{display:none}.notification-dropdown{position:absolute;right:0;top:48px;width:min(390px,calc(100vw - 24px));z-index:1200;background:#fff;border:1px solid #e2e7ea;border-radius:18px;box-shadow:0 22px 60px rgba(16,28,43,.18);overflow:hidden}.notification-dropdown-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-bottom:1px solid #edf0f2}.notification-dropdown-head>div{display:grid;gap:2px}.notification-dropdown-head b{font-size:14px}.notification-dropdown-head>span{font-size:9px;color:#7a6a57;background:#f5eee6;border-radius:999px;padding:5px 8px}.notification-dropdown-list{max-height:390px;overflow:auto}.notification-drop-item{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px 14px;color:#17283b;border-bottom:1px solid #f0f2f3}.notification-drop-item:hover{background:#faf9f7}.notification-drop-item.unread{background:#f8f5f0}.notification-drop-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#f3ede5;color:#8b653b}.notification-drop-item>span:last-child{display:grid;gap:2px;min-width:0}.notification-drop-item b{font-size:10px}.notification-drop-item small{font-size:9px;color:#6f7a83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-drop-item time{font-size:8px;color:#9aa2a8}.notification-dropdown-all{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;font-size:10px;font-weight:800;color:#765536;background:#fcfbfa}.notification-drop-empty{padding:25px;text-align:center;color:#7b858c;font-size:10px} .workspace-loading-overlay,.achievement-overlay{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px;background:rgba(8,18,29,.68);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.22s ease}.workspace-loading-overlay.show,.achievement-overlay{opacity:1;visibility:visible}.workspace-loading-overlay.show{opacity:1}.workspace-loader-card,.achievement-card{position:relative;width:min(390px,92vw);padding:30px;text-align:center;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.25);display:grid;justify-items:center;gap:9px}.workspace-loader-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#f5f6f7}.workspace-loader-mark img{max-width:46px;max-height:46px}.workspace-loader-ring{width:38px;height:38px;border-radius:50%;border:3px solid #e6e9eb;border-top-color:#b88a55;animation:workspaceSpin .75s linear infinite}.workspace-loader-card b{font-size:16px;color:#17283b}.workspace-loader-card span{font-size:10px;color:#76818a}.achievement-overlay.hide{opacity:0;visibility:hidden;pointer-events:none}.achievement-card{padding:34px}.achievement-badge{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#17283b,#0f1c2b);color:#fff;box-shadow:0 0 0 10px #f5eee6,0 18px 38px rgba(16,28,43,.22);margin-bottom:12px;animation:badgePop .48s cubic-bezier(.2,.9,.25,1.35)}.achievement-card h2{margin:0;font-size:24px;color:#17283b}.achievement-card p{margin:0 0 8px;color:#68747d;font-size:11px;line-height:1.6}.achievement-close{position:absolute;right:15px;top:13px;width:32px;height:32px;border:0;border-radius:50%;background:#f2f3f4;color:#65717a;font-size:20px;cursor:pointer}.achievement-ok{min-width:120px}.achievement-card .eyebrow{color:#9a7145}@keyframes workspaceSpin{to{transform:rotate(360deg)}}@keyframes badgePop{from{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}} .project-chat-room{padding:0;overflow:hidden}.project-chat-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #e8ecef}.project-chat-head h2{margin:3px 0}.project-chat-head p{margin:0}.project-online-stack{display:flex;align-items:center}.project-online-avatar{position:relative;width:31px;height:31px;margin-left:-7px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#e8edf0;color:#33465a;font-size:9px;font-weight:900}.project-online-avatar:first-child{margin-left:0}.project-online-avatar i{position:absolute;right:-1px;bottom:0;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#3f9a72}.project-online-stack small{margin-left:8px;font-size:9px;color:#71808a}.project-chat-compose{padding:14px 18px;background:#fafafa;border-bottom:1px solid #e8ecef}.project-chat-compose textarea{min-height:74px}.project-chat-feed{padding:16px 18px;max-height:560px;overflow:auto;background:linear-gradient(180deg,#f8f8f7,#fff)}.project-chat-message{max-width:82%;margin:10px 0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 16px rgba(16,28,43,.045)!important}.project-chat-message:nth-child(even){margin-left:auto!important;background:#f5f1eb!important;border-color:#e7dacb!important} @media(max-width:700px){.notification-dropdown{position:fixed;left:12px;right:12px;top:68px;width:auto}.achievement-card,.workspace-loader-card{border-radius:20px}.project-chat-head{align-items:flex-start}.project-chat-message{max-width:94%}} /* V13: desktop sidebar remains scrollable but the scrollbar is visually hidden */ @media (min-width: 801px){ .sidebar{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none} .sidebar::-webkit-scrollbar{width:0;height:0;display:none} } /* V13 login — isolated controls, intentionally independent of global button styles */ .login-v5 .password-wrap{position:relative} .login-v5 .password-wrap input{padding-right:58px} .login-v5 .password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:auto;height:34px;padding:0 10px;margin:0;background:#f2f4f3!important;border:1px solid #dfe4e1!important;border-radius:9px!important;color:#53615b!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important;z-index:3} .login-v5 .password-toggle:hover{transform:translateY(-50%)!important;background:#e9eeeb!important;box-shadow:none!important} .login-v5 .login-action{position:relative;isolation:isolate;width:100%;height:54px;margin-top:7px;border:0!important;border-radius:14px!important;background:#26312e!important;box-shadow:0 12px 28px rgba(27,42,36,.12);overflow:hidden;cursor:pointer} .login-v5 .login-action::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-120%);transition:transform .55s ease;z-index:0} .login-v5 .login-action:hover::before{transform:translateX(120%)} .login-v5 .login-action-inner{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff!important;-webkit-text-fill-color:#fff!important;font:800 14px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:.01em!important;opacity:1!important;visibility:visible!important} .login-v5 .login-action-inner svg{display:block!important;color:#fff!important;stroke:#fff!important;opacity:1!important} .login-v5 .login-action-arrow{font-size:18px;line-height:1;color:#d7b47d!important;-webkit-text-fill-color:#d7b47d!important} .login-v5 .login-action:hover{background:#33403b!important;transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(27,42,36,.18)!important} .login-v5 .login-action:active{transform:translateY(0)!important} .login-v5 .login-action[disabled]{cursor:wait;opacity:.92!important;transform:none!important} .login-v5 .login-action[disabled] .login-action-arrow{display:none} .login-v5 .login-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:v13spin .7s linear infinite} @keyframes v13spin{to{transform:rotate(360deg)}} .login-v5 .login-security{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;color:#8b9691;font-size:9px;letter-spacing:.03em} .login-v5 .login-security-dot{width:6px;height:6px;border-radius:50%;background:#4f9d74;box-shadow:0 0 0 4px rgba(79,157,116,.09)} .v13-login-overlay{position:fixed;inset:0;z-index:9999;display:none;place-items:center;background:rgba(19,28,25,.62);backdrop-filter:blur(10px)} .v13-login-overlay.show{display:grid} .v13-login-overlay-card{width:min(340px,88vw);padding:30px 25px;text-align:center;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:25px;box-shadow:0 28px 80px rgba(0,0,0,.22)} .v13-login-overlay-mark{width:64px;height:64px;margin:0 auto 15px;border-radius:20px;background:#26312e;display:grid;place-items:center} .v13-login-overlay-mark img{width:45px;height:45px;object-fit:contain;background:#fff;border-radius:13px;padding:5px} .v13-login-overlay-card b{display:block;font-size:18px;letter-spacing:-.03em}.v13-login-overlay-card span{display:block;color:#75817b;font-size:11px;margin-top:5px} .v13-login-overlay-spinner{width:26px;height:26px;margin:18px auto 0;border:3px solid #e4e9e6;border-top-color:#a67c52;border-radius:50%;animation:v13spin .8s linear infinite} /* V13.1 guaranteed native login submit — intentionally independent of generic button rules */ .login-v5 input.workspace-login-submit-v131[type="submit"]{display:block!important;width:100%!important;height:54px!important;margin:7px 0 0!important;padding:0 20px!important;border:0!important;border-radius:14px!important;background:#26312e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;visibility:visible!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:14px!important;font-weight:800!important;line-height:54px!important;letter-spacing:.01em!important;text-align:center!important;text-indent:0!important;cursor:pointer!important;box-shadow:0 12px 28px rgba(27,42,36,.12)!important;appearance:none!important;-webkit-appearance:none!important} .login-v5 input.workspace-login-submit-v131[type="submit"]:hover{background:#33403b!important;box-shadow:0 16px 34px rgba(27,42,36,.18)!important} .login-v5 input.workspace-login-submit-v131[type="submit"]:disabled{opacity:.9!important;cursor:wait!important}