:root{--bg:#f7f8fc;--text:#111827;--muted:#687084;--primary:#6d3df5;--primary2:#9b65ff;--card:#fff;--line:#e7e8ef;--dark:#0d1020}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{text-decoration:none;color:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{font-weight:800;display:flex;align-items:center;gap:10px;font-size:18px}.brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.nav nav{display:flex;align-items:center;gap:25px}.nav nav a{font-size:14px;font-weight:600;color:#596173}.nav nav a:hover{color:var(--primary)}.btn{display:inline-block;border:0;border-radius:12px;padding:13px 20px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:750;cursor:pointer;box-shadow:0 12px 25px #6d3df52b}.btn.small{padding:9px 15px}.btn.ghost{background:#fff;color:var(--primary);border:1px solid #dcd7ff;box-shadow:none}.btn.full{width:100%;text-align:center}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:650px;padding:90px 8%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;background:radial-gradient(circle at 80% 30%,#e9e1ff,transparent 35%),#f7f8fc}.pill,.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.6px;color:var(--primary)}.pill{display:inline-block;padding:8px 13px;background:#eeeaff;border-radius:30px;letter-spacing:.3px}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.05;letter-spacing:-3px;margin:20px 0}.hero h1 em{font-style:normal;color:var(--primary)}.hero p{max-width:650px;color:var(--muted);font-size:18px}.actions{display:flex;gap:12px;margin:30px 0}.trust{display:flex;gap:20px;flex-wrap:wrap;color:#687084;font-size:13px}.hero-card{min-height:420px;border-radius:35px;background:linear-gradient(145deg,#17142b,#33215d);position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:0 30px 70px #26104c25}.orb{width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,#bfa8ff,#6d3df5);filter:blur(2px);box-shadow:0 0 100px #9b65ff}.glass-card{position:absolute;bottom:35px;left:35px;right:35px;padding:24px;border:1px solid #ffffff33;background:#ffffff18;backdrop-filter:blur(15px);border-radius:20px;color:#fff}.glass-card small{opacity:.7;display:block}.glass-card strong{display:block;font-size:22px;margin:6px 0}.glass-card p{font-size:14px;color:#ddd;margin:0}.section{padding:100px 8%}.section-head{text-align:center;max-width:700px;margin:0 auto 45px}.section-head h2,.split h2,.contact h2{font-size:42px;line-height:1.1;margin:10px 0}.section-head p,.split p,.contact p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px}.card{transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1b18330c}.icon{width:46px;height:46px;border-radius:13px;background:#eeeaff;color:var(--primary);display:grid;place-items:center;font-size:22px}.card h3{margin-bottom:7px}.card p{color:var(--muted);font-size:14px}.dark-section{background:var(--dark);color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.dark-section p{color:#b8bdcd}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats div{padding:25px;border:1px solid #ffffff1b;border-radius:18px}.stats b{display:block;font-size:30px}.stats span{font-size:13px;color:#aeb4c5}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps>div{padding:25px;border-top:2px solid var(--primary)}.steps b{color:var(--primary)}.steps p{color:var(--muted);font-size:14px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#eeeaff}.contact-list{display:flex;flex-direction:column;gap:12px;margin-top:25px;font-weight:650}.contact-form{display:flex;flex-direction:column;gap:12px}.contact-form input,.contact-form textarea,.auth-card input,.table-head input{border:1px solid var(--line);border-radius:12px;padding:14px;font:inherit;outline:none;background:#fff}.contact-form input:focus,.contact-form textarea:focus,.auth-card input:focus{border-color:#a895ff}footer{padding:30px 8%;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}footer .brand{color:var(--text)}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#e7deff,transparent 30%),var(--bg)}.auth-wrap{width:min(460px,92%)}.center-brand{justify-content:center;margin-bottom:22px}.auth-card{background:#fff;border:1px solid var(--line);padding:30px;border-radius:22px;box-shadow:0 25px 70px #251a4b12}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f1f6;border-radius:10px;padding:4px;margin-bottom:28px}.tabs button{border:0;background:transparent;padding:10px;border-radius:8px;font-weight:700;cursor:pointer}.tabs button.active{background:#fff;box-shadow:0 3px 10px #00000010}.auth-card h1{margin:8px 0 4px}.auth-card p{color:var(--muted);margin-top:0}.auth-card form{display:flex;flex-direction:column;gap:8px;margin-top:20px}.auth-card label{font-size:13px;font-weight:700;margin-top:5px}.demo{font-size:12px;background:#f5f3ff;padding:10px;border-radius:10px;margin-top:15px;color:#655c7b}.hidden{display:none}.msg{min-height:22px;text-align:center;color:#d33;margin-top:10px!important}.dashboard-body{background:#f5f6fa;min-height:100vh}.dash-nav{height:70px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.dash-nav>div{display:flex;align-items:center;gap:18px;font-size:14px}.logout{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 13px;cursor:pointer}.dashboard{padding:55px 7%}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.welcome h1{font-size:38px;margin:8px 0}.welcome p{color:var(--muted)}.project-badge{background:#eaf8ef;color:#21834a;padding:9px 14px;border-radius:20px;font-weight:700;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel h2{margin-top:0}.project-title{display:flex;gap:15px;align-items:center}.big-icon{width:55px;height:55px;background:#eeeaff;color:var(--primary);border-radius:15px;display:grid;place-items:center;font-size:24px}.project-title h3{margin:0}.project-title p{margin:0;color:var(--muted);font-size:13px}.progress{margin:30px 0}.progress-top{display:flex;justify-content:space-between;font-size:13px}.bar{height:8px;background:#e9e9ef;border-radius:20px;overflow:hidden;margin-top:8px}.bar i{display:block;width:65%;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2));border-radius:20px}.timeline{display:flex;flex-direction:column;gap:18px}.timeline>div{display:flex;gap:13px;align-items:center}.timeline b{width:30px;height:30px;border-radius:50%;background:#f0f0f4;display:grid;place-items:center;font-size:12px}.timeline .done b{background:#eaf8ef;color:#21834a}.timeline .current b{background:#eeeaff;color:var(--primary)}.timeline small{display:block;color:var(--muted)}.detail{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.detail span{color:var(--muted)}.status{color:#21834a}.panel hr{border:0;border-top:1px solid var(--line);margin:22px 0}.messages{margin-top:18px}.message{display:flex;gap:15px;padding:15px;background:#fafaff;border-radius:15px}.avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;display:grid;place-items:center;font-weight:800}.message small{color:var(--muted);margin-left:10px}.message p{margin:4px 0;color:#596173;font-size:14px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.admin-stats .panel b{font-size:32px;display:block}.admin-stats .panel span,.admin-stats .panel small{color:var(--muted)}.table-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.table-head input{max-width:250px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:18px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:13px}td small{display:block;color:var(--muted)}.tag{padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.progress-tag{background:#eeeaff;color:var(--primary)}.done-tag{background:#eaf8ef;color:#21834a}.new-tag{background:#fff3df;color:#9a6200}.outline{background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:8px;cursor:pointer}@media(max-width:850px){.nav{padding:0 5%}.menu{display:block}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hero,.contact,.split,.dashboard-grid{grid-template-columns:1fr}.hero{padding-top:60px}.hero-card{min-height:320px}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.section{padding:70px 6%}.stats{margin-top:10px}.welcome{align-items:flex-start;gap:20px;flex-direction:column}footer{flex-direction:column;gap:10px}.admin-stats{grid-template-columns:1fr}}@media(max-width:550px){.grid,.steps,.stats{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.hero{padding-left:6%;padding-right:6%}.section-head h2,.split h2,.contact h2{font-size:32px}.actions{flex-direction:column}.contact{gap:30px}.dashboard{padding:35px 5%}.welcome h1{font-size:30px}}

.visit-btn{display:block;text-align:center;margin-top:18px;padding:11px 15px;border:1px solid var(--line);border-radius:12px;font-weight:750;color:var(--primary);background:#faf9ff}
.visit-btn:hover{background:#eeeaff}
.service-card{color:inherit;display:block}
.service-card span{display:inline-block;color:var(--primary);font-weight:750;font-size:13px;margin-top:10px}
.service-detail{padding:80px 8%;min-height:calc(100vh - 76px);background:radial-gradient(circle at 80% 10%,#ebe4ff,transparent 30%),var(--bg)}
.service-detail h1{font-size:clamp(40px,6vw,64px);line-height:1.05;margin:12px 0}
.service-detail .lead{font-size:19px;color:var(--muted);max-width:760px}
.back{display:inline-block;margin-bottom:35px;color:var(--primary);font-weight:700}
.service-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;margin-top:45px}
.service-layout ul{padding:0;list-style:none;display:grid;gap:14px}
.service-layout li{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fafaff;font-weight:600}
.service-cta{align-self:start}
.service-cta .btn{margin:7px 5px 0 0}
@media(max-width:850px){.service-layout{grid-template-columns:1fr}}

/* ===== NEW ADMIN DASHBOARD ===== */
.admin-body{background:#f4f6fb;color:#111827}.admin-shell{min-height:100vh;display:flex}.admin-sidebar{width:255px;background:#080b18;color:#c7ccda;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:18px 14px;z-index:50}.admin-logo{height:82px;border:1px solid #ffffff12;border-radius:14px;overflow:hidden;background:#03050d;margin-bottom:25px}.admin-logo img{width:100%;height:100%;object-fit:cover}.admin-menu-title{font-size:10px;letter-spacing:1.5px;color:#6f778d;padding:0 12px 10px}.side-link{width:100%;border:0;background:transparent;color:#aeb5c5;text-align:left;padding:12px 13px;border-radius:10px;display:flex;gap:12px;align-items:center;font:600 13px inherit;cursor:pointer;margin:2px 0}.side-link:hover,.side-link.active{background:#6d3df51c;color:#fff}.side-link.active{box-shadow:inset 3px 0 var(--primary)}.sidebar-bottom{margin-top:auto}.logout-side:hover{background:#ef44441c;color:#ff8c8c}.admin-main{margin-left:255px;width:calc(100% - 255px);min-height:100vh}.admin-topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;z-index:20}.admin-kicker{font-size:10px;letter-spacing:1.8px;color:var(--primary);font-weight:800}.admin-topbar h1{font-size:23px;margin:2px 0 0}.admin-user{display:flex;align-items:center;gap:10px}.admin-user small{display:block;color:var(--muted);font-size:11px}.admin-avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;display:grid;place-items:center;font-weight:800}.admin-content{padding:35px}.admin-section{display:none}.admin-section.active{display:block}.admin-welcome,.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.admin-welcome h2,.section-toolbar h2{margin:0;font-size:28px}.admin-welcome p,.section-toolbar p{margin:4px 0;color:var(--muted);font-size:14px}.admin-primary{border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;padding:11px 17px;border-radius:10px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px #6d3df522}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.admin-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.admin-stat span,.admin-stat small{display:block;color:var(--muted);font-size:12px}.admin-stat b{display:block;font-size:31px;margin:5px 0}.admin-two-col{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:18px}.card-title,.table-tools{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-title h3,.admin-card>h3{margin:0 0 15px}.text-btn{border:0;background:none;color:var(--primary);font-weight:750;cursor:pointer}.recent-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.recent-row:last-child{border:0}.recent-icon{width:36px;height:36px;border-radius:10px;background:#eeeaff;color:var(--primary);display:grid;place-items:center}.recent-row b{display:block;font-size:13px}.recent-row small{color:var(--muted)}.recent-row>span{margin-left:auto;font-weight:800;color:var(--primary);font-size:13px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions button{border:1px solid var(--line);background:#fafaff;padding:15px;border-radius:11px;text-align:left;cursor:pointer;font-weight:700}.quick-actions button:hover{border-color:#c9bfff;background:#f5f2ff}.table-tools{margin-bottom:15px}.table-tools input{width:330px;border:1px solid var(--line);border-radius:10px;padding:11px;font:inherit}.table-tools span{font-size:12px;color:var(--muted)}.admin-table-wrap{overflow:auto}.admin-table-wrap table{margin:0}.admin-table-wrap code{background:#f2f1f7;padding:5px 7px;border-radius:6px;font-size:12px}.admin-status{display:inline-block;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:800}.admin-status.active{background:#e9f8ef;color:#21834a}.admin-status.complete{background:#e8f1ff;color:#2b67bd}.admin-status.hold{background:#fff2df;color:#a36700}.admin-status.new{background:#eeeaff;color:var(--primary)}.danger-btn{border:1px solid #ffd2d2;background:#fff5f5;color:#d43d3d;padding:7px 10px;border-radius:8px;cursor:pointer;font-weight:700}.project-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-admin-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px}.project-card-top{display:flex;justify-content:space-between;align-items:center}.project-id{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.6px}.project-admin-card h3{margin:16px 0 3px}.project-admin-card>p{margin:0;color:var(--muted);font-size:12px}.project-progress{margin:22px 0}.project-progress>div{display:flex;justify-content:space-between;font-size:12px}.project-progress input{width:100%;accent-color:var(--primary);margin-top:8px}.project-actions{display:flex;justify-content:space-between;gap:10px}.project-actions select,.form-grid select{border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff}.service-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.service-admin-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px}.service-admin-item>span{color:var(--primary);font-weight:900;font-size:11px}.service-admin-item b{font-size:13px}.service-admin-item em{font-style:normal;font-size:9px;background:#e9f8ef;color:#21834a;padding:4px 7px;border-radius:20px}.message-compose{display:grid;gap:12px}.message-compose select,.message-compose textarea{border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit}.message-compose select{max-width:400px}.message-compose .admin-primary{justify-self:start}.admin-message{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.admin-message small{color:var(--muted);margin-left:8px}.admin-message p{margin:5px 0;color:#5e6677;font-size:13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid label{display:block;font-size:12px;font-weight:750;margin:12px 0 5px}.settings-grid input{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;font:inherit;margin-bottom:2px}.settings-grid .admin-primary{margin-top:15px}.settings-note{color:var(--muted);font-size:13px}.credential-box{background:#f7f7fb;border:1px solid var(--line);border-radius:11px;padding:15px;display:grid;gap:5px}.credential-box b{font-size:11px;color:var(--muted)}.credential-box span{font-family:monospace;margin-bottom:7px}.empty{padding:30px;text-align:center;color:var(--muted);font-size:13px}.mobile-menu{display:none;border:0;background:none;font-size:22px}.modal-backdrop{position:fixed;inset:0;background:#090b16a8;display:none;place-items:center;padding:20px;z-index:100}.modal-backdrop.show{display:grid}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:28px;position:relative}.modal-close{position:absolute;right:18px;top:15px;border:0;background:#f1f1f5;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}.modal h2{margin:8px 0 2px}.modal>p{color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.form-grid label{display:block;font-size:12px;font-weight:750;margin-bottom:5px}.form-grid input,.form-grid select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;font:inherit}.full-field{grid-column:1/-1}.full-btn{width:100%;margin-top:18px}
@media(max-width:1100px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.service-admin-grid{grid-template-columns:repeat(2,1fr)}.admin-two-col{grid-template-columns:1fr}}
@media(max-width:900px){.admin-sidebar{transform:translateX(-100%);transition:.25s}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;width:100%}.mobile-menu{display:block}.admin-topbar{padding:0 18px}.admin-content{padding:22px}.project-admin-grid,.settings-grid{grid-template-columns:1fr}}
@media(max-width:600px){.admin-stat-grid,.service-admin-grid{grid-template-columns:1fr}.admin-welcome,.section-toolbar{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.table-tools{align-items:flex-start;flex-direction:column}.table-tools input{width:100%}}

.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.employee-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.employee-head{display:flex;align-items:center;gap:12px}.employee-big-avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;display:grid;place-items:center;font-size:19px;font-weight:800}.employee-head h3{margin:0;font-size:16px}.employee-head p{margin:2px 0;color:var(--muted);font-size:12px}.employee-head .admin-status{margin-left:auto}.employee-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;padding:14px;background:#f8f8fc;border-radius:11px}.employee-meta span{font-size:10px;color:var(--muted)}.employee-meta b{font-size:13px}.employee-contact{font-size:12px;color:#5f6677;line-height:1.7;margin-bottom:14px}.task-filter{display:flex;gap:10px;margin-bottom:15px}.task-filter select,.mini-select{border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff}.submission-cell{max-width:180px;white-space:normal;font-size:11px;color:#626a7c}.admin-table-wrap td small{max-width:230px;white-space:normal}.priority-high{color:#b06a00}.priority-urgent{color:#c63232}@media(max-width:1100px){.employee-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.employee-grid{grid-template-columns:1fr}.task-filter{flex-direction:column}}

.employee-task-box{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:14px;background:#fff}.employee-task-box h3{margin:7px 0}.employee-task-box p{color:var(--muted);font-size:13px}.employee-task-actions{display:flex;flex-direction:column;gap:9px}.employee-task-actions select,.employee-task-actions textarea{border:1px solid var(--line);border-radius:9px;padding:10px;font:inherit}.employee-task-actions .btn{border:0}@media(max-width:700px){.employee-task-box{grid-template-columns:1fr}}

/* ===== CLICKABLE CONTACT OPTIONS ===== */
.floating-contact{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;flex-direction:column;gap:9px}
.float-btn{display:flex;align-items:center;gap:8px;text-decoration:none!important;padding:10px 14px;border-radius:999px;color:#fff!important;font-size:12px;font-weight:800;box-shadow:0 8px 25px #0003;border:1px solid #ffffff22;backdrop-filter:blur(8px)}
.float-btn.whatsapp{background:#16a34a}.float-btn.call{background:#2563eb}.float-btn.insta{background:#7c3aed}
.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.contact-action{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:10px;text-decoration:none;font-weight:800;font-size:13px;border:1px solid var(--line);background:#fff;color:#171a25}
.contact-action.whatsapp-action{background:#eaf9ef;color:#16803b;border-color:#bce7ca}.contact-action.call-action{background:#edf4ff;color:#215eb5;border-color:#c7dcff}.contact-action.insta-action{background:#f4edff;color:#7033c9;border-color:#dfccff}
@media(max-width:600px){.floating-contact{right:12px;bottom:12px}.float-btn{padding:10px 12px}.float-btn span{display:none}}

/* ===== COLORFUL ADMIN + CLIENT DASHBOARD THEME ===== */
:root{
  --dash-blue:#2563eb;
  --dash-cyan:#06b6d4;
  --dash-purple:#7c3aed;
  --dash-pink:#ec4899;
  --dash-green:#10b981;
  --dash-orange:#f59e0b;
}
.admin-body,.dashboard-body{background:linear-gradient(135deg,#f5f7ff 0%,#fdf7ff 48%,#f2fbff 100%)!important;}
.admin-body .admin-sidebar{
  background:linear-gradient(180deg,#111a46 0%,#3b176d 52%,#0d4d75 100%)!important;
  border-right:0!important;
  box-shadow:8px 0 35px rgba(49,46,129,.16);
}
.admin-body .side-link{color:#dbe5ff!important}
.admin-body .side-link:hover,.admin-body .side-link.active{
  background:linear-gradient(90deg,rgba(59,130,246,.35),rgba(236,72,153,.22))!important;
  color:#fff!important;
  box-shadow:inset 4px 0 #60a5fa,0 6px 18px rgba(0,0,0,.08)!important;
}
.admin-body .admin-menu-title{color:#a9b9e8!important}
.admin-body .admin-topbar,.dashboard-body .dash-nav{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(14px);
  box-shadow:0 4px 24px rgba(60,50,120,.08);
}
.admin-body .admin-topbar h1{background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.admin-body .admin-kicker,.dashboard-body .eyebrow{color:#7c3aed!important}
.admin-body .admin-primary,.dashboard-body .btn{
  background:linear-gradient(135deg,#2563eb,#7c3aed,#ec4899)!important;
  box-shadow:0 10px 24px rgba(124,58,237,.25)!important;
}
.admin-body .admin-stat{
  position:relative;overflow:hidden;border:0!important;
  box-shadow:0 10px 30px rgba(68,58,140,.10)!important;
}
.admin-body .admin-stat:nth-child(1){background:linear-gradient(135deg,#e8f1ff,#fff)!important;border-top:4px solid #2563eb!important}
.admin-body .admin-stat:nth-child(2){background:linear-gradient(135deg,#f1eaff,#fff)!important;border-top:4px solid #7c3aed!important}
.admin-body .admin-stat:nth-child(3){background:linear-gradient(135deg,#e8fffa,#fff)!important;border-top:4px solid #10b981!important}
.admin-body .admin-stat:nth-child(4){background:linear-gradient(135deg,#fff4df,#fff)!important;border-top:4px solid #f59e0b!important}
.admin-body .admin-stat b{color:#172554!important}
.admin-body .admin-card,.admin-body .employee-card,.admin-body .project-admin-card{
  border:0!important;box-shadow:0 10px 28px rgba(68,58,140,.09)!important;
}
.admin-body .admin-card h3,.admin-body .section-toolbar h2,.admin-body .admin-welcome h2{
  color:#172554;
}
.admin-body .recent-icon{background:linear-gradient(135deg,#dbeafe,#ede9fe)!important;color:#6d28d9!important}
.admin-body .service-admin-item{
  border:0!important;box-shadow:0 8px 22px rgba(68,58,140,.08)!important;
  transition:.2s;
}
.admin-body .service-admin-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(68,58,140,.13)!important}
.admin-body .service-admin-item:nth-child(4n+1){border-left:4px solid #2563eb!important}
.admin-body .service-admin-item:nth-child(4n+2){border-left:4px solid #7c3aed!important}
.admin-body .service-admin-item:nth-child(4n+3){border-left:4px solid #ec4899!important}
.admin-body .service-admin-item:nth-child(4n){border-left:4px solid #10b981!important}
.admin-body .employee-big-avatar,.admin-body .admin-avatar{
  background:linear-gradient(135deg,#2563eb,#7c3aed,#ec4899)!important;
}
.admin-body .employee-meta{background:linear-gradient(135deg,#f1f5ff,#fbf3ff)!important}
.admin-body .admin-status.active{background:#dcfce7!important;color:#047857!important}
.admin-body .admin-status.complete{background:#dbeafe!important;color:#1d4ed8!important}
.admin-body .admin-status.hold{background:#fef3c7!important;color:#b45309!important}
.admin-body .admin-status.new{background:#ede9fe!important;color:#6d28d9!important}

/* Client dashboard */
.dashboard-body{
  min-height:100vh;
  background:linear-gradient(135deg,#eef5ff 0%,#f7f1ff 50%,#ecfeff 100%)!important;
}
.dashboard-body .dash-nav{
  border-bottom:0!important;
  padding:14px 5%!important;
}
.dashboard-body .dashboard{padding-top:35px}
.dashboard-body .welcome h1{
  background:linear-gradient(90deg,#1d4ed8,#7c3aed,#db2777);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.dashboard-body .admin-stat{
  border:0!important;
  box-shadow:0 10px 28px rgba(68,58,140,.10)!important;
}
.dashboard-body .admin-stat:nth-child(1){border-top:4px solid #2563eb!important;background:#fff!important}
.dashboard-body .admin-stat:nth-child(2){border-top:4px solid #7c3aed!important;background:#fff!important}
.dashboard-body .admin-stat:nth-child(3){border-top:4px solid #ec4899!important;background:#fff!important}
.dashboard-body .admin-stat:nth-child(4){border-top:4px solid #10b981!important;background:#fff!important}
.dashboard-body .admin-card{
  border:0!important;
  box-shadow:0 12px 32px rgba(68,58,140,.10)!important;
}
.dashboard-body .project-card,.dashboard-body .message{
  border:0!important;box-shadow:0 10px 28px rgba(68,58,140,.08)!important;
}
.dashboard-body .progress-bar,.dashboard-body .bar{
  background:#e5e7eb!important;
}
.dashboard-body .bar i{
  background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899)!important;
}
.dashboard-body .project-badge{
  background:#ede9fe!important;color:#6d28d9!important;
}
.dashboard-body .detail{
  background:linear-gradient(135deg,#f8fbff,#fbf7ff)!important;
  border:1px solid #e9e5ff!important;
}
.dashboard-body .contact-action{
  box-shadow:0 7px 18px rgba(68,58,140,.08);
}

/* Auth/login stays compatible but gets the same colorful feel */
.auth-body{
  background:linear-gradient(135deg,#eaf3ff,#f6efff,#e8fcff)!important;
}
.auth-card{
  box-shadow:0 20px 55px rgba(68,58,140,.16)!important;
  border:1px solid #e8e2ff!important;
}

/* ===== ARTHMI PROFESSIONAL BRAND BACKGROUND ===== */
.auth-body{
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 15% 20%,rgba(0,145,255,.16),transparent 28%),
    radial-gradient(circle at 85% 80%,rgba(124,58,237,.15),transparent 30%),
    linear-gradient(135deg,#020617 0%,#07142e 45%,#09051d 100%)!important;
}
.auth-body::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:url("../assets/arthmi-globe-logo.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:min(720px,72vw);
  opacity:.13;
  filter:brightness(.72) saturate(1.25);
  pointer-events:none;
}
.auth-body::after{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(120deg,transparent 0%,rgba(0,174,255,.06) 45%,transparent 65%),
    radial-gradient(circle at center,transparent 20%,rgba(1,5,20,.38) 100%);
  pointer-events:none;
}
.auth-wrap{
  position:relative;
  z-index:2;
}
.auth-card{
  background:rgba(8,13,32,.86)!important;
  border:1px solid rgba(70,170,255,.25)!important;
  box-shadow:0 25px 80px rgba(0,0,0,.45),0 0 45px rgba(0,132,255,.10)!important;
  backdrop-filter:blur(16px);
}
.auth-card .brand,.center-brand{
  text-shadow:0 0 22px rgba(0,174,255,.35);
}
.visit-btn{
  border-color:rgba(0,174,255,.35)!important;
}
@media(max-width:600px){
 .auth-body::before{background-size:110vw;opacity:.10}
}

/* Professional branded background on the public landing page too */
body.public-page{
  position:relative;
}
body.public-page::before{
  content:"";
  position:fixed;
  width:520px;height:520px;
  right:-170px;top:90px;
  background:url("../assets/arthmi-globe-logo.png") center/contain no-repeat;
  opacity:.045;
  pointer-events:none;
  z-index:0;
}
body.public-page>*{position:relative;z-index:1}

.brand-glow-line{
  text-align:center;
  color:#7dd3fc;
  font-size:10px;
  letter-spacing:3px;
  font-weight:800;
  margin-bottom:14px;
  text-shadow:0 0 16px rgba(0,174,255,.55);
}

/* ===== COLORFUL PROFESSIONAL LOGIN PAGE ===== */
.auth-body{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 10% 15%,rgba(0,194,255,.30),transparent 25%),
    radial-gradient(circle at 90% 15%,rgba(168,85,247,.30),transparent 25%),
    radial-gradient(circle at 50% 100%,rgba(236,72,153,.22),transparent 30%),
    linear-gradient(135deg,#050816 0%,#111b4d 38%,#3b176d 70%,#071d3d 100%)!important;
}
.auth-body::before{
  background-image:url("../assets/arthmi-globe-logo.png")!important;
  background-size:480px!important;
  opacity:.07!important;
  filter:none!important;
}
.auth-wrap{
  width:min(460px,92vw)!important;
}
.login-company-logo{
  width:170px;
  height:92px;
  margin:0 auto 20px;
  padding:8px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(0,194,255,.20),rgba(168,85,247,.20),rgba(236,72,153,.20));
  border:1px solid rgba(125,211,252,.35);
  box-shadow:0 0 35px rgba(0,174,255,.20),0 0 45px rgba(168,85,247,.12);
  display:flex;
  align-items:center;
  justify-content:center;
}
.login-company-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:12px;
}
.auth-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(13,20,50,.96),rgba(32,18,70,.94))!important;
  border:1px solid rgba(125,211,252,.28)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.50),0 0 45px rgba(124,58,237,.18)!important;
}
.auth-card::before{
  content:"";
  position:absolute;
  left:-70px;
  top:-90px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:rgba(0,194,255,.13);
  filter:blur(8px);
  pointer-events:none;
}
.auth-card::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-110px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:rgba(236,72,153,.13);
  filter:blur(10px);
  pointer-events:none;
}
.auth-card>*{position:relative;z-index:2}
.auth-card .tabs{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08);
  padding:5px;
  border-radius:13px;
}
.auth-card .tabs button.active{
  background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899)!important;
  color:#fff!important;
  box-shadow:0 7px 20px rgba(124,58,237,.30);
}
.auth-card input{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border:1px solid rgba(125,211,252,.18)!important;
}
.auth-card input:focus{
  border-color:#60a5fa!important;
  box-shadow:0 0 0 3px rgba(96,165,250,.12);
}
.auth-card label{color:#dbeafe!important}
.auth-card h1{
  background:linear-gradient(90deg,#60a5fa,#c084fc,#f9a8d4);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.auth-card p{color:#b9c3dc!important}
.auth-card .demo{
  background:linear-gradient(90deg,rgba(37,99,235,.12),rgba(124,58,237,.12))!important;
  border:1px solid rgba(125,211,252,.14)!important;
  color:#c7d2fe!important;
}
.auth-card .visit-btn{
  background:linear-gradient(90deg,rgba(6,182,212,.16),rgba(37,99,235,.16))!important;
  border:1px solid rgba(96,165,250,.28)!important;
  color:#dbeafe!important;
}
@media(max-width:600px){
  .login-company-logo{width:155px;height:84px}
}

/* ===== PUBLIC WEBSITE: GLASSMORPHISM TECH ===== */
body.public-page{
  background:
    radial-gradient(circle at 10% 10%,rgba(37,99,235,.18),transparent 28%),
    radial-gradient(circle at 90% 25%,rgba(124,58,237,.18),transparent 30%),
    radial-gradient(circle at 55% 95%,rgba(6,182,212,.12),transparent 32%),
    #050816!important;
  color:#eef5ff!important;
  min-height:100vh;
  overflow-x:hidden;
}
body.public-page::before{
  content:"";
  position:fixed;
  width:520px;height:520px;
  right:-170px;top:60px;
  background:url("../assets/arthmi-globe-logo.png") center/contain no-repeat;
  opacity:.12;
  filter:drop-shadow(0 0 35px rgba(0,174,255,.45));
  pointer-events:none;
  z-index:0;
}
body.public-page::after{
  content:"";
  position:fixed;
  inset:0;
  background-image:linear-gradient(rgba(96,165,250,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 80%);
  pointer-events:none;
  z-index:0;
}
body.public-page header,
body.public-page nav,
body.public-page main,
body.public-page section,
body.public-page footer{
  position:relative;
  z-index:1;
}
body.public-page .navbar,
body.public-page header{
  background:rgba(5,8,22,.62)!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
  backdrop-filter:blur(18px);
}
body.public-page .card,
body.public-page .service-card,
body.public-page .feature-card,
body.public-page .glass-card,
body.public-page .hero-card{
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px);
}
body.public-page .card:hover,
body.public-page .service-card:hover,
body.public-page .feature-card:hover{
  border-color:rgba(96,165,250,.42)!important;
  transform:translateY(-4px);
  box-shadow:0 25px 65px rgba(37,99,235,.15),0 0 30px rgba(124,58,237,.10)!important;
}
body.public-page h1,
body.public-page h2,
body.public-page h3{
  color:#f8fbff!important;
}
body.public-page p,
body.public-page li{
  color:#b9c7dc!important;
}
body.public-page .btn,
body.public-page .primary-btn,
body.public-page button{
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  color:#fff!important;
  border:1px solid rgba(125,211,252,.22)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.24)!important;
}
body.public-page .btn:hover,
body.public-page .primary-btn:hover{
  background:linear-gradient(135deg,#06b6d4,#2563eb,#7c3aed)!important;
}
body.public-page .brand img,
body.public-page .logo img{
  filter:drop-shadow(0 0 14px rgba(0,174,255,.35));
}
body.public-page .service-icon,
body.public-page .icon{
  background:linear-gradient(135deg,rgba(37,99,235,.25),rgba(124,58,237,.25))!important;
  border:1px solid rgba(96,165,250,.18);
}
body.public-page footer{
  background:rgba(2,6,23,.82)!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  backdrop-filter:blur(15px);
}
@media(max-width:700px){
 body.public-page::before{width:360px;height:360px;right:-120px;top:80px;opacity:.08}
}

.brand-watermark{position:fixed;left:24px;bottom:22px;width:155px;opacity:.22;z-index:3;pointer-events:none;filter:drop-shadow(0 0 14px rgba(0,174,255,.25))}
.brand-watermark img{width:100%;height:auto;border-radius:10px}
@media(max-width:600px){.brand-watermark{width:115px;left:12px;bottom:12px;opacity:.16}}

/* ===== COMPANY LOGO INSIDE GLASSMORPHISM PANEL ===== */
.glass-company-logo{
  width:min(720px,calc(100% - 32px));
  margin:22px auto 10px;
  padding:14px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
  border:1px solid rgba(125,211,252,.25);
  box-shadow:0 18px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.10),0 0 35px rgba(37,99,235,.08);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  position:relative;
  z-index:5;
}
.glass-company-logo::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:22px;
  padding:1px;
  background:linear-gradient(110deg,rgba(6,182,212,.5),rgba(124,58,237,.35),rgba(236,72,153,.28));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.glass-company-logo img{
  width:145px;
  height:78px;
  object-fit:cover;
  border-radius:14px;
  border:1px solid rgba(125,211,252,.25);
  box-shadow:0 0 25px rgba(0,174,255,.22);
}
.glass-company-logo div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.glass-company-logo strong{
  font-size:22px;
  letter-spacing:.3px;
  color:#fff;
  text-shadow:0 0 18px rgba(96,165,250,.25);
}
.glass-company-logo span{
  font-size:12px;
  color:#9ddcff;
  letter-spacing:1.2px;
}
@media(max-width:600px){
  .glass-company-logo{width:calc(100% - 20px);padding:12px;gap:11px}
  .glass-company-logo img{width:105px;height:58px}
  .glass-company-logo strong{font-size:16px}
  .glass-company-logo span{font-size:9px;letter-spacing:.6px}
}

/* ===== PROJECT ENQUIRY ===== */
.enquiry-page{width:min(980px,92%);margin:40px auto 80px}.enquiry-hero{text-align:center;margin:45px auto 25px}.enquiry-hero h1{font-size:clamp(38px,6vw,62px);margin:10px 0;background:linear-gradient(90deg,#60a5fa,#c084fc,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent}.enquiry-hero p{color:#b9c7dc}.enquiry-form{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(148,163,184,.2);border-radius:22px;padding:28px;box-shadow:0 25px 65px #0004;backdrop-filter:blur(18px)}.enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:20px}.enquiry-form label{display:block;color:#dbeafe;font-size:12px;font-weight:800;margin-bottom:6px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.07);color:#fff;border-radius:11px;padding:12px;font:inherit}.enquiry-form option{color:#111}.enquiry-form input:focus,.enquiry-form textarea:focus,.enquiry-form select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61c}.enquiry-form .full-field{grid-column:1/-1}.enquiry-contact{display:flex;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap;color:#cbd5e1}.enquiry-contact a{color:#bfe7ff;text-decoration:none;font-weight:800}.enquiry-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.enquiry-admin-stats .admin-stat{background:#fff}.admin-table-wrap a{color:#2563eb;font-weight:700}.admin-table-wrap td small{display:block;color:#8992a4;font-size:10px;margin-top:3px}@media(max-width:650px){.enquiry-grid,.enquiry-admin-stats{grid-template-columns:1fr}.enquiry-form .full-field{grid-column:auto}}

/* ===== FINAL PUBLIC SITE OVERRIDE — DARK 3D GLASS TECH ===== */
body.public-page{
  --tech-bg:#030507; --tech-panel:rgba(13,20,22,.72); --tech-line:rgba(126,255,185,.16);
  --tech-green:#78ff9d; --tech-green2:#2de66f; --tech-cyan:#4de7ff; --tech-purple:#9d7cff;
  background:
    radial-gradient(circle at 15% 20%,rgba(55,255,150,.10),transparent 25%),
    radial-gradient(circle at 88% 30%,rgba(120,80,255,.13),transparent 28%),
    radial-gradient(circle at 50% 95%,rgba(45,230,111,.06),transparent 32%),
    #030507!important;
  color:#f4f8f6!important;
}
body.public-page::before{
  width:560px!important;height:560px!important;right:-170px!important;top:75px!important;
  opacity:.09!important;filter:drop-shadow(0 0 45px rgba(77,231,255,.45))!important;
}
body.public-page::after{
  background-image:linear-gradient(rgba(120,255,157,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(120,255,157,.025) 1px,transparent 1px)!important;
  background-size:44px 44px!important;opacity:.8;
}
body.public-page .nav{
  background:rgba(3,5,7,.68)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.28)!important;backdrop-filter:blur(20px)!important;
}
body.public-page .brand{color:#fff!important}
body.public-page .brand span{background:linear-gradient(135deg,#24df72,#58f4a0)!important;color:#04120a!important;box-shadow:0 0 22px rgba(45,230,111,.18)}
body.public-page .nav nav a{color:#b9c7c0!important}
body.public-page .nav nav a:hover{color:var(--tech-green)!important}
body.public-page .hero{
  min-height:700px!important;padding:100px 7%!important;
  background:transparent!important;position:relative;overflow:hidden;
}
body.public-page .hero::before{
  content:"";position:absolute;width:620px;height:620px;right:-180px;top:20px;border-radius:50%;
  background:radial-gradient(circle,rgba(45,230,111,.10),rgba(157,124,255,.06) 35%,transparent 68%);
  filter:blur(10px);pointer-events:none;
}
body.public-page .pill{background:rgba(120,255,157,.08)!important;border:1px solid rgba(120,255,157,.18)!important;color:#9fffb9!important;box-shadow:0 0 25px rgba(45,230,111,.06)}
body.public-page .eyebrow{color:#78ff9d!important}
body.public-page .hero h1{color:#f7fbf9!important;text-shadow:0 0 30px rgba(255,255,255,.04)}
body.public-page .hero h1 em{color:#78ff9d!important;text-shadow:0 0 28px rgba(45,230,111,.18)}
body.public-page .hero p{color:#aabbb2!important}
body.public-page .actions .btn,
body.public-page .btn{background:linear-gradient(135deg,#5aff8d,#22d968)!important;color:#03110a!important;border:1px solid rgba(150,255,190,.25)!important;box-shadow:0 12px 32px rgba(45,230,111,.17)!important}
body.public-page .actions .btn.ghost,
body.public-page .btn.ghost{background:rgba(255,255,255,.05)!important;color:#eafff1!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important}
body.public-page .trust{color:#93a49b!important}
body.public-page .hero-card{
  min-height:460px!important;border-radius:34px!important;
  background:linear-gradient(145deg,rgba(25,34,35,.72),rgba(6,10,12,.82))!important;
  border:1px solid rgba(120,255,157,.13)!important;
  box-shadow:0 35px 90px rgba(0,0,0,.50),inset 0 1px rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px)!important;
}
body.public-page .orb{background:radial-gradient(circle at 35% 30%,#77ff9d,#21c968 42%,#15251d 68%,transparent 70%)!important;box-shadow:0 0 110px rgba(45,230,111,.22)!important;opacity:.85}
body.public-page .glass-card{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 20px 50px rgba(0,0,0,.25)!important;
}
body.public-page .glass-card small{color:#83ff9e!important}
body.public-page .section{background:transparent!important}
body.public-page .section-head h2,
body.public-page .split h2,
body.public-page .contact h2{color:#f4f8f6!important}
body.public-page .section-head p,
body.public-page .split p,
body.public-page .contact p{color:#9eafa7!important}
body.public-page .cards{gap:18px!important}
body.public-page .card,
body.public-page .service-card,
body.public-page .feature-card,
body.public-page .glass-card{
  background:linear-gradient(145deg,rgba(22,31,31,.72),rgba(7,11,13,.62))!important;
  border:1px solid rgba(150,255,190,.12)!important;
  color:#fff!important;border-radius:20px!important;
  box-shadow:0 22px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06)!important;
  backdrop-filter:blur(18px)!important;
}
body.public-page .service-card:hover{border-color:rgba(120,255,157,.32)!important;box-shadow:0 25px 70px rgba(0,0,0,.38),0 0 28px rgba(45,230,111,.08)!important}
body.public-page .service-card h3{color:#f4faf7!important}
body.public-page .service-card p{color:#98aaa1!important}
body.public-page .service-card>span{color:#78ff9d!important}
body.public-page .icon{background:linear-gradient(135deg,rgba(45,230,111,.14),rgba(157,124,255,.16))!important;border:1px solid rgba(120,255,157,.18)!important;color:#b9ffd0!important;box-shadow:0 0 25px rgba(45,230,111,.07)}
body.public-page .dark-section{background:linear-gradient(180deg,rgba(8,13,14,.62),rgba(3,5,7,.88))!important;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
body.public-page .stats>div,
body.public-page .steps>div{
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:0 18px 45px rgba(0,0,0,.24)!important;backdrop-filter:blur(16px)!important;border-radius:18px!important;
}
body.public-page .stats b,.steps b{color:#78ff9d!important}
body.public-page .steps p{color:#9eafa7!important}
body.public-page .contact-form{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 20px 55px rgba(0,0,0,.25)!important;backdrop-filter:blur(18px)!important;border-radius:22px!important}
body.public-page .contact-form input,body.public-page .contact-form textarea{background:rgba(0,0,0,.22)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
body.public-page .contact-form input::placeholder,body.public-page .contact-form textarea::placeholder{color:#718078!important}
body.public-page footer{background:rgba(2,4,6,.92)!important;border-top:1px solid rgba(255,255,255,.07)!important;color:#95a49d!important}
body.public-page footer p{color:#718078!important}
body.public-page .glass-company-logo{
  width:min(760px,calc(100% - 30px))!important;margin:24px auto 0!important;padding:12px 18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025))!important;
  border:1px solid rgba(120,255,157,.18)!important;box-shadow:0 20px 60px rgba(0,0,0,.30),0 0 35px rgba(45,230,111,.05)!important;
}
body.public-page .glass-company-logo img{background:#050708!important;border-color:rgba(255,255,255,.10)!important}
body.public-page .glass-company-logo strong{color:#fff!important}
body.public-page .glass-company-logo span{color:#7fffa0!important}
body.public-page .brand-watermark{opacity:.10!important}
@media(max-width:700px){body.public-page .hero{padding:70px 5%!important}.glass-company-logo{margin-top:14px!important}}

/* ===== FINAL PUBLIC CONTACT SECTION: DARK ONLY, NO WHITE ===== */
body.public-page .contact{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border:1px solid rgba(125,211,252,.16)!important;
  border-radius:26px;
  margin:30px 5%;
  padding:55px 6%!important;
  box-shadow:0 25px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px);
}
body.public-page .contact-form{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:20px;
  padding:22px;
  box-shadow:0 15px 45px rgba(0,0,0,.20)!important;
}
body.public-page .contact-form input,
body.public-page .contact-form textarea{
  background:rgba(2,6,23,.58)!important;
  color:#eef6ff!important;
  border:1px solid rgba(148,163,184,.18)!important;
}
body.public-page .contact-form input::placeholder,
body.public-page .contact-form textarea::placeholder{color:#7f91aa!important}
body.public-page .contact-list.contact-inline{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px!important;
  margin-top:22px!important;
  font-weight:600!important;
}
body.public-page .contact-list.contact-inline a{
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  min-height:38px;
  box-sizing:border-box;
  border-radius:10px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(148,163,184,.13);
  color:#cfe8ff!important;
  text-decoration:none;
  font-size:12px;
  transition:.2s;
}
body.public-page .contact-list.contact-inline a:hover{
  background:linear-gradient(90deg,rgba(37,99,235,.20),rgba(124,58,237,.20));
  border-color:rgba(96,165,250,.35);
  transform:translateY(-2px);
}
body.public-page .contact-list.contact-inline a:nth-child(1),
body.public-page .contact-list.contact-inline a:nth-child(2){color:#9ddcff!important}
body.public-page .contact-list.contact-inline a:nth-child(3){color:#86efac!important}
body.public-page .contact-list.contact-inline a:nth-child(4){color:#d8b4fe!important}
body.public-page .contact-list.contact-inline a:nth-child(5){color:#93c5fd!important}
body.public-page .floating-contact{display:none!important}
body.public-page footer{
  background:rgba(2,6,23,.88)!important;
  color:#8293aa!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
}
body.public-page footer .brand{color:#dbeafe!important}
@media(max-width:650px){
 body.public-page .contact{margin:20px 3%;padding:35px 5%!important}
 body.public-page .contact-list.contact-inline{grid-template-columns:1fr!important}
}

/* ===== FINAL COMPANY BRANDING ===== */
.logo-mark,
.brand span,
.admin-avatar,
.avatar,
.employee-big-avatar{
  background-image:url("../assets/arthmi-globe-logo.png")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  color:transparent!important;
  font-size:0!important;
  overflow:hidden;
  border:1px solid rgba(125,211,252,.30);
  box-shadow:0 0 18px rgba(0,174,255,.18);
}
.logo-mark{display:block;width:38px;height:38px;border-radius:50%}
.admin-avatar,.avatar,.employee-big-avatar{position:relative}
.admin-avatar{width:42px;height:42px;border-radius:50%}
.avatar{width:40px;height:40px;border-radius:50%}
.employee-big-avatar{width:58px;height:58px;border-radius:50%}
.admin-logo img{object-fit:contain}
.auth-company-name{color:#fff!important}
.admin-kicker{color:#fff!important}
.credential-box span{color:#111!important}
.client-tasks-panel{margin-top:18px}
.task-help{color:#7b8799;font-size:13px}
.client-task-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}
.client-task-row:last-child{border-bottom:0}
.client-task-row h3{margin:4px 0 3px}
.client-task-row p{margin:0 0 5px;color:#6b7280;font-size:13px}
.client-task-row small{color:#8992a4}
.client-task-status{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#e8f0ff;color:#2563eb;font-size:11px;font-weight:800}
.client-task-status.in-progress{background:#fff4d6;color:#a16207}
.client-task-status.submitted{background:#e8e1ff;color:#6d28d9}
.client-task-status.approved{background:#dcfce7;color:#047857}
.client-task-status.revision-required{background:#fee2e2;color:#b91c1c}
@media(max-width:600px){.client-task-row{flex-direction:column}.client-task-status{align-self:flex-start}}

/* Service/detail pages must stay readable in dark theme */
body.public-page .service-detail,
body.public-page .service-detail *{color:#eef5ff!important}
body.public-page .service-detail p,
body.public-page .service-detail li{color:#b9c7dc!important}
body.public-page .service-detail .card,
body.public-page .service-detail .panel{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;color:#eef5ff!important}

/* Service page readability fix */
.service-page, .service-page * { color: inherit; }
.service-page { color:#111827; background:#f7f8fc; }
.service-page h1, .service-page h2, .service-page h3,
.service-page .service-title, .service-page .section-title { color:#111827 !important; }
.service-page p, .service-page li, .service-page .service-description { color:#4b5563 !important; }
.service-page .eyebrow, .service-page .pill { color:#6d3df5 !important; }
.service-page .service-card, .service-page .panel,
.service-page .service-list, .service-page .service-box { color:#111827; }
.service-page .service-card h3, .service-page .panel h2,
.service-page .panel h3 { color:#111827 !important; }
.service-page .service-card p, .service-page .panel p,
.service-page .panel li { color:#4b5563 !important; }
.service-page a:not(.btn) { color:#6d3df5 !important; }
.service-page .btn { color:#fff !important; }

/* ===== ARTHMI GLOBE LOGO EVERYWHERE ===== */
.brand-mark, .avatar, .logo-mark, .admin-avatar, .user-avatar{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(3,10,28,.95)!important;
  border-radius:14px!important;
}
.brand-mark img, .avatar img, .logo-mark img, .admin-avatar img, .user-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.brand-inline-logo{width:42px;height:42px;object-fit:cover;border-radius:50%;vertical-align:middle;display:inline-block}

/* ===== ADMIN EMPLOYEE / PROJECT DROPDOWN FIX ===== */
select,
select option{
  color:#111827 !important;
  background-color:#ffffff !important;
  -webkit-text-fill-color:#111827 !important;
}
select:focus{
  color:#111827 !important;
  background-color:#ffffff !important;
  outline:none;
}
.admin-section select,
.admin-card select,
.form-group select,
.modal select,
.task-form select,
#employeeSelect,
#projectSelect{
  color:#111827 !important;
  background:#ffffff !important;
  -webkit-text-fill-color:#111827 !important;
  opacity:1 !important;
}
.admin-section select option,
.admin-card select option,
.form-group select option,
.modal select option,
.task-form select option,
#employeeSelect option,
#projectSelect option{
  color:#111827 !important;
  background:#ffffff !important;
  font-weight:600;
  -webkit-text-fill-color:#111827 !important;
}

/* Employee-only portal label */
.employee-only-note{font-size:12px;color:#9ca3af;margin-top:10px;text-align:center}

/* Employee / Client management role separation */
#section-employees .employee-grid{margin-top:4px}
#section-clients .admin-card{margin-top:4px}

/* ===== FINAL ARTHMI LOGO: USE THE SUPPLIED BLUE GLOBE EVERYWHERE ===== */
.brand-mark, .avatar, .logo-mark, .admin-avatar, .user-avatar,
.employee-big-avatar, .profile-avatar, .brand-icon, .nav-logo,
.sidebar-logo, .login-logo, .admin-logo, .client-logo, .employee-logo,
.logo-box, .company-logo, .site-logo {
  background-image:url("../assets/arthmi-globe-logo.png") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  color:transparent !important;
  font-size:0 !important;
  overflow:hidden !important;
}
.brand-mark img, .avatar img, .logo-mark img, .admin-avatar img, .user-avatar img,
.employee-big-avatar img, .profile-avatar img, .brand-icon img, .nav-logo img,
.sidebar-logo img, .login-logo img, .admin-logo img, .client-logo img,
.employee-logo img, .logo-box img, .company-logo img, .site-logo img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
/* Prevent the old single-letter A from showing in logo containers */
.brand-mark::before, .avatar::before, .logo-mark::before,
.admin-avatar::before, .user-avatar::before, .employee-big-avatar::before,
.profile-avatar::before, .brand-icon::before, .nav-logo::before,
.sidebar-logo::before, .login-logo::before, .admin-logo::before,
.client-logo::before, .employee-logo::before {
  content:"" !important;
}

.arthmi-globe-logo{width:48px;height:48px;object-fit:cover;border-radius:50%;display:block;}

/* Task assignment dropdowns */
.modal .form-grid select{
  min-height:48px;
  height:48px;
  color:#111827 !important;
  background:#fff !important;
  border:1px solid #dbe1ea !important;
  padding:0 14px !important;
  line-height:48px;
  font-size:15px;
  appearance:auto;
  -webkit-appearance:auto;
}
.modal .form-grid select option{
  color:#111827 !important;
  background:#fff !important;
  padding:10px;
}

/* Client project & payment fields */
#clientsTable td small{display:block;color:var(--muted);margin-top:4px;font-size:11px}

/* Admin dashboard: all former dropdowns are typeable inputs */
.admin-section input[list], .modal input[list], .task-filter input[list], .mini-select{
  min-height:44px;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 12px;
  font:inherit;
  color:#111827 !important;
  background:#fff !important;
  width:100%;
  box-sizing:border-box;
}
.task-filter input[list]{width:auto;min-width:210px}
.mini-select{min-height:36px;width:150px;padding:7px 9px}

/* FINAL FIX: replace every small A brand icon with the supplied blue globe logo */
.brand > span,
.brand span:not(.brand-inline-logo) {
  display:inline-block !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:50% !important;
  background-image:url("../assets/arthmi-globe-logo.png") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  color:transparent !important;
  font-size:0 !important;
  overflow:hidden !important;
  vertical-align:middle !important;
}

/* Service pages: use the same company hero/header look as the main page */
body.service-page{
  background:#050814 !important;
  color:#eef5ff !important;
  min-height:100vh;
}
.service-page .glass-company-logo{
  width:min(1100px,92%);
  margin:28px auto 24px;
  min-height:150px;
  padding:18px 28px;
  display:flex;
  align-items:center;
  gap:28px;
  box-sizing:border-box;
  border:1px solid rgba(45,190,255,.55);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(8,25,55,.92),rgba(24,8,55,.82));
  box-shadow:0 0 35px rgba(0,170,255,.18), inset 0 0 30px rgba(90,60,255,.12);
}
.service-page .glass-company-logo img{
  width:280px;
  height:120px;
  object-fit:cover;
  border-radius:20px;
  display:block;
  box-shadow:0 0 24px rgba(0,180,255,.28);
}
.service-page .glass-company-logo strong{
  display:block;
  color:#fff !important;
  font-size:clamp(28px,4vw,48px);
  line-height:1.1;
  letter-spacing:.2px;
}
.service-page .glass-company-logo span{
  display:block;
  margin-top:10px;
  color:#25d9ff !important;
  font-size:18px;
}
.service-page .service-detail{
  width:min(1100px,92%);
  margin:10px auto 70px;
}
.service-page .service-detail .back{
  color:#64b7ff !important;
}
.service-page .service-detail .eyebrow{
  color:#9b6cff !important;
}
.service-page .service-detail h1{
  color:#fff !important;
  font-size:clamp(42px,6vw,72px);
}
.service-page .service-detail .lead{
  color:#b8c8dc !important;
}
.service-page .service-layout{
  gap:24px;
}
.service-page .panel{
  background:rgba(18,27,48,.72) !important;
  border:1px solid rgba(91,196,255,.24) !important;
  color:#edf4ff !important;
  box-shadow:0 18px 50px rgba(0,0,0,.28);
  backdrop-filter:blur(18px);
}
.service-page .panel h2{
  color:#fff !important;
}
.service-page .panel li{
  color:#cbd8ea !important;
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(255,255,255,.10) !important;
}
.service-page .service-cta p{
  color:#b8c8dc !important;
}
@media(max-width:700px){
  .service-page .glass-company-logo{
    flex-direction:column;
    text-align:center;
    padding:18px;
  }
  .service-page .glass-company-logo img{
    width:min(100%,300px);
    height:110px;
  }
}

/* Arthmi supplied blue globe logo - final */
.brand-logo-globe,
.login-company-logo img,
.admin-logo img,
.glass-company-logo img {
  object-fit:cover;
}
.brand-logo-globe {
  background-image:url("../assets/arthmi-globe-logo.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  display:inline-block;
  width:48px;
  height:48px;
  border-radius:50%;
}

.dash-nav .brand-logo-globe{width:38px;height:38px;vertical-align:middle;margin-right:7px;border-radius:50%;object-fit:cover}

/* FINAL LOGIN LOGO FIX: show the complete supplied Arthmi logo */
.login-company-logo{
  width:230px!important;
  height:112px!important;
  padding:6px!important;
  box-sizing:border-box!important;
}
.login-company-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#050708!important;
  border-radius:12px!important;
  display:block!important;
}
/* Never crop the supplied globe logo in dashboard/header image elements */
.admin-logo img,
.glass-company-logo img{
  object-fit:contain!important;
  object-position:center!important;
}

/* FINAL: use the exact full Arthmi Web Solutions logo supplied by the company */
.login-company-logo img,
.admin-logo img,
.glass-company-logo img,
.brand-logo-globe,
.dash-nav .brand-logo-globe {
  object-fit: contain !important;
  object-position: center !important;
  background: #050812;
}

/* ===== FINAL DARK NEON DASHBOARD THEME ===== */
.admin-body,.dashboard-body{
  background:
    radial-gradient(circle at 15% 10%,rgba(0,180,255,.12),transparent 30%),
    radial-gradient(circle at 85% 20%,rgba(168,52,255,.13),transparent 32%),
    linear-gradient(135deg,#020617 0%,#07101f 48%,#09051a 100%) !important;
  color:#eef5ff !important;
}
.admin-body .admin-sidebar{
  background:linear-gradient(180deg,#020617 0%,#07152d 55%,#16072b 100%) !important;
  border-right:1px solid rgba(92,170,255,.22) !important;
  box-shadow:12px 0 45px rgba(0,0,0,.35);
}
.admin-body .admin-logo{background:rgba(2,8,23,.85)!important;border:1px solid rgba(65,180,255,.28)!important;overflow:hidden!important;}
.admin-body .admin-logo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}
.admin-body .admin-topbar{background:rgba(5,10,25,.82)!important;border-bottom:1px solid rgba(105,150,255,.16)!important;backdrop-filter:blur(16px);}
.admin-body .admin-topbar h1{color:#f8fbff!important;background:none!important;-webkit-text-fill-color:#f8fbff!important;}
.admin-body .admin-kicker,.admin-body .admin-menu-title{color:#7dd3fc!important;}
.admin-body .admin-content{background:transparent!important;}
.admin-body .admin-card,.admin-body .admin-stat,.admin-body .project-admin-card,.admin-body .employee-card,.admin-body .service-admin-item{
  background:linear-gradient(145deg,rgba(15,25,48,.88),rgba(10,14,30,.78)) !important;
  border:1px solid rgba(100,160,255,.22)!important;
  color:#eef5ff!important;
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
}
.admin-body .admin-stat span,.admin-body .admin-stat small,.admin-body .section-toolbar p,.admin-body .admin-welcome p,.admin-body .employee-head p,.admin-body .employee-contact,.admin-body .project-admin-card>p,.admin-body .project-id,.admin-body .settings-note,.admin-body .admin-message p{color:#aebbd0!important;}
.admin-body .admin-card h2,.admin-body .admin-card h3,.admin-body .section-toolbar h2,.admin-body .admin-welcome h2,.admin-body .employee-head h3,.admin-body .project-admin-card h3{color:#f7fbff!important;}
.admin-body table{color:#eaf2ff!important}.admin-body th{color:#9ed7ff!important;border-color:rgba(120,160,220,.16)!important}.admin-body td{border-color:rgba(120,160,220,.12)!important;color:#dce7f7!important}
.admin-body .table-tools input,.admin-body .task-filter input,.admin-body .task-filter select,.admin-body .settings-grid input,.admin-body .form-grid input,.admin-body .form-grid select,.admin-body .message-compose select,.admin-body .message-compose textarea{background:#080f21!important;color:#eef5ff!important;border-color:rgba(100,160,255,.25)!important;}
.admin-body .table-tools input::placeholder,.admin-body input::placeholder,.admin-body textarea::placeholder{color:#71819b!important}
.admin-body .quick-actions button{background:rgba(18,29,53,.75)!important;color:#eef5ff!important;border-color:rgba(100,160,255,.2)!important}
.admin-body .quick-actions button:hover{background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(168,85,247,.2))!important;border-color:#6ea8ff!important}
.admin-body .credential-box,.admin-body .employee-meta{background:rgba(8,15,32,.85)!important;border-color:rgba(100,160,255,.2)!important;color:#eef5ff!important}
.admin-body .credential-box b,.admin-body .credential-box span{color:#cbd8eb!important}
.admin-body .modal{background:#08101f!important;color:#eef5ff!important;border:1px solid rgba(100,160,255,.25)!important;box-shadow:0 30px 90px #000b!important}
.admin-body .modal>p,.admin-body .modal label{color:#b9c7dc!important}
.admin-body .modal-close{background:#17223a!important;color:#fff!important}
.dashboard-body .dash-nav{background:rgba(3,8,22,.88)!important;border-bottom:1px solid rgba(100,160,255,.18)!important;backdrop-filter:blur(16px);color:#eef5ff!important}
.dashboard-body .dash-nav .brand{color:#fff!important}.dashboard-body .logout{background:#0b1428!important;color:#fff!important;border-color:rgba(100,160,255,.25)!important}
.dashboard-body .dashboard{background:transparent!important}.dashboard-body .welcome h1,.dashboard-body .welcome p{color:#f4f8ff!important}.dashboard-body .welcome p{color:#aebbd0!important}
.dashboard-body .admin-stat,.dashboard-body .admin-card,.dashboard-body .employee-task-box,.dashboard-body .panel,.dashboard-body .detail{background:linear-gradient(145deg,rgba(15,25,48,.88),rgba(10,14,30,.78))!important;border-color:rgba(100,160,255,.22)!important;color:#eef5ff!important;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.dashboard-body .admin-stat span,.dashboard-body .admin-stat small,.dashboard-body .employee-task-box p,.dashboard-body .detail span,.dashboard-body .project-title p{color:#aebbd0!important}.dashboard-body .admin-card h2,.dashboard-body .employee-task-box h3,.dashboard-body .panel h2,.dashboard-body .panel h3{color:#f7fbff!important}
.dashboard-body .employee-task-actions select,.dashboard-body .employee-task-actions textarea{background:#080f21!important;color:#eef5ff!important;border-color:rgba(100,160,255,.25)!important}

/* FINAL NETLIFY UI FIX — preserve layout, improve readability */
.admin-body,.dashboard-body,.service-page{
  background:
    radial-gradient(circle at 15% 10%,rgba(39,99,255,.18),transparent 30%),
    radial-gradient(circle at 85% 20%,rgba(132,56,255,.16),transparent 30%),
    #070914 !important;
  color:#f7f8ff !important;
}
.admin-sidebar,.dash-nav,.glass-company-logo{
  background:rgba(8,12,28,.92) !important;
  border-color:rgba(120,140,255,.20) !important;
  backdrop-filter:blur(18px) !important;
}
.admin-section,.panel,.service-detail .panel,.dashboard .welcome,
.admin-stat,.dashboard-grid>section,.table-wrap,.admin-table-wrap{
  background:rgba(18,23,48,.78) !important;
  border:1px solid rgba(150,160,255,.18) !important;
  color:#f7f8ff !important;
  box-shadow:0 16px 45px rgba(0,0,0,.25) !important;
}
.admin-main h1,.admin-main h2,.admin-main h3,
.dashboard h1,.dashboard h2,.dashboard h3,
.service-detail h1,.service-detail h2,.service-detail h3,
.glass-company-logo strong{color:#fff !important}
.admin-main p,.dashboard p,.service-detail p,
.service-detail li,.admin-stat small,.admin-stat span{color:#d4d9ef !important}
.admin-main input,.admin-main textarea,.admin-main select,
.dashboard input,.dashboard textarea,.dashboard select{
  background:#0b1024 !important;color:#fff !important;border-color:rgba(150,160,255,.25)!important;
}
.admin-main input::placeholder,.dashboard input::placeholder,
.dashboard textarea::placeholder{color:#9da6c7!important}
.service-detail .panel ul,.service-detail .panel li{color:#eef1ff!important}
.service-cta{background:rgba(14,20,42,.88)!important}
.service-cta h2,.service-cta p{color:#fff!important}
.btn,.admin-primary{color:#fff!important}

/* SERVICE DETAIL FINAL DARK THEME OVERRIDE */
body:has(.service-detail),
.service-detail-page,
.service-detail,
.service-detail main {
  background: #070914 !important;
  color: #f7f8ff !important;
}
body:has(.service-detail) {
  background:
    radial-gradient(circle at 12% 15%, rgba(22, 93, 255, .20), transparent 32%),
    radial-gradient(circle at 88% 20%, rgba(126, 54, 255, .18), transparent 34%),
    #070914 !important;
}
.service-detail * {
  color: inherit;
}
.service-detail h1,
.service-detail h2,
.service-detail h3,
.service-detail .service-title,
.service-detail .section-title {
  color: #ffffff !important;
  text-shadow: none !important;
}
.service-detail p,
.service-detail li,
.service-detail .service-description,
.service-detail .muted {
  color: #d8deef !important;
}
.service-detail .service-content,
.service-detail .service-card,
.service-detail .feature-card,
.service-detail .info-card,
.service-detail .glass-card,
.service-detail .panel,
.service-detail .service-box,
.service-detail .want-service {
  background: rgba(15, 21, 40, .88) !important;
  border: 1px solid rgba(116, 145, 255, .22) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.28) !important;
  color: #f7f8ff !important;
  backdrop-filter: blur(16px);
}
.service-detail a,
.service-detail .back-link {
  color: #62a8ff !important;
}
.service-detail .cta,
.service-detail .btn,
.service-detail button {
  color: #ffffff !important;
  background: linear-gradient(90deg,#2563eb,#7c3aed,#db3aa7) !important;
}

/* FINAL V3: service feature rows must be dark and readable */
.service-detail .panel ul#serviceList {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.service-detail .panel ul#serviceList li {
  display: block !important;
  background: rgba(22, 29, 52, 0.92) !important;
  color: #f4f7ff !important;
  border: 1px solid rgba(91, 151, 255, 0.22) !important;
  border-radius: 16px !important;
  padding: 20px 22px !important;
  margin: 0 0 16px 0 !important;
  min-height: 24px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 24px rgba(0,0,0,.18) !important;
}
.service-detail .panel ul#serviceList li::first-letter {
  color: #67e8f9 !important;
}
.service-detail .panel ul#serviceList li:hover {
  background: rgba(29, 39, 70, 0.98) !important;
  border-color: rgba(91, 151, 255, 0.40) !important;
}

/* CONTACT US — exact dark glass card layout */
.contact-cards-section{
  background:
    radial-gradient(circle at 10% 20%,rgba(34,91,255,.18),transparent 30%),
    radial-gradient(circle at 85% 55%,rgba(161,46,213,.16),transparent 34%),
    #070914 !important;
  padding:80px 26px !important;
}
.contact-heading{
  text-align:center;
  max-width:900px;
  margin:0 auto 48px;
}
.contact-heading h2{
  color:#fff !important;
  font-size:clamp(42px,6vw,68px) !important;
  line-height:1 !important;
  margin:0 0 18px !important;
}
.contact-heading p{
  color:#aeb5c8 !important;
  font-size:20px !important;
  margin:0 !important;
}
.contact-cards-grid{
  max-width:1235px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px 24px;
}
.contact-card{
  min-height:145px;
  display:flex !important;
  align-items:center;
  gap:20px;
  padding:30px !important;
  border-radius:20px !important;
  text-decoration:none !important;
  background:rgba(22,25,43,.88) !important;
  border:1px solid rgba(120,145,210,.25) !important;
  box-shadow:0 12px 40px rgba(0,0,0,.25) !important;
  backdrop-filter:blur(16px);
  transition:transform .2s ease,border-color .2s ease;
}
.contact-card:hover{
  transform:translateY(-3px);
  border-color:rgba(120,170,255,.5) !important;
}
.contact-icon{
  width:60px;
  height:60px;
  flex:0 0 60px;
  border-radius:15px;
  display:grid;
  place-items:center;
  font-size:32px;
  color:#9cc5ff;
  background:rgba(45,84,170,.38);
}
.whatsapp-icon{color:#70f0a5;background:rgba(22,116,87,.35)}
.email-icon{color:#c2adff;background:rgba(91,49,166,.38)}
.instagram-icon{color:#f09ac7;background:rgba(142,36,91,.38)}
.location-icon{color:#8ebaff;background:rgba(45,68,150,.38)}
.contact-card-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.contact-label{
  color:#9b9fac !important;
  font-size:16px !important;
}
.contact-card strong{
  color:#f7f8ff !important;
  font-size:20px !important;
  line-height:1.3 !important;
}
.contact-secondary{
  color:#b7b9c4 !important;
  font-size:16px !important;
}
.contact-card small{
  color:#999ba8 !important;
  font-size:14px !important;
  margin-top:7px;
}
.location-card{
  grid-column:1 / -1;
}
.location-card .contact-card-content strong{
  font-size:19px !important;
}
.contact-enquiry-wrap{
  max-width:1235px;
  margin:28px auto 0;
}
.contact-enquiry-wrap .contact-form{
  background:rgba(15,20,38,.8) !important;
  border:1px solid rgba(120,145,210,.2) !important;
  border-radius:20px !important;
  padding:24px !important;
}
.contact-enquiry-wrap input,
.contact-enquiry-wrap textarea{
  background:#0b1020 !important;
  color:#fff !important;
  border-color:rgba(120,145,210,.25) !important;
}
@media(max-width:760px){
  .contact-cards-grid{grid-template-columns:1fr}
  .location-card{grid-column:auto}
  .contact-card{padding:22px !important}
  .contact-heading h2{font-size:44px !important}
  .contact-heading p{font-size:17px !important}
  .contact-card strong{font-size:18px !important}
}

/* Login success message */
.msg.success{
  color:#4ade80 !important;
  font-weight:800;
  background:rgba(34,197,94,.10);
  border:1px solid rgba(74,222,128,.24);
  border-radius:10px;
  padding:9px 12px;
}

/* Contact enquiry box — full width */
.contact-enquiry-wrap{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
}
.contact-enquiry-wrap .contact-form{
  width:100% !important;
  max-width:none !important;
}

/* ===== FINAL MOBILE NAV + EMPLOYEE LOGIN FIX ===== */
@media (max-width: 850px){
  body.public-page .nav{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
  }
  body.public-page .menu{
    display:block !important;
    position:relative !important;
    z-index:1002 !important;
    color:#ffffff !important;
    background:linear-gradient(135deg,#2563eb,#db3aa7) !important;
    width:58px !important;
    height:50px !important;
    border-radius:12px !important;
    cursor:pointer !important;
  }
  body.public-page .nav nav,
  body.public-page .nav nav.open{
    position:absolute !important;
    top:76px !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:4px !important;
    padding:16px !important;
    background:rgba(7,10,24,.97) !important;
    border:1px solid rgba(120,145,255,.28) !important;
    border-radius:18px !important;
    box-shadow:0 24px 60px rgba(0,0,0,.55) !important;
    backdrop-filter:blur(22px) !important;
    z-index:1001 !important;
  }
  body.public-page .nav nav.open{display:flex !important;}
  body.public-page .nav nav a:not(.btn){
    display:block !important;
    width:100% !important;
    padding:14px 16px !important;
    border-radius:10px !important;
    color:#eef5ff !important;
    font-size:16px !important;
    font-weight:650 !important;
  }
  body.public-page .nav nav a:not(.btn):active,
  body.public-page .nav nav a:not(.btn):hover{
    background:rgba(99,102,241,.16) !important;
    color:#78ff9d !important;
  }
  body.public-page .nav nav a.btn.small{
    display:block !important;
    width:100% !important;
    margin:8px 0 0 !important;
    padding:14px 16px !important;
    text-align:center !important;
    border-radius:12px !important;
    color:#ffffff !important;
    background:linear-gradient(135deg,#2563eb,#db3aa7) !important;
    box-sizing:border-box !important;
  }
}