@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#190303;--panel:#101012;--red:#901110;--gold:#C4A366;--text:#f7f4f6;--muted:#85818a;--border:#2a252b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,strong{font-family:"DM Sans",Arial,sans-serif;font-weight:700}h1{font-size:46px;line-height:1.02;margin:10px 0 12px;letter-spacing:-2px}.muted{color:var(--muted);line-height:1.6}.eyebrow{color:var(--red);font-size:13px;font-weight:700;letter-spacing:4px;margin-top:12px}.brand{display:grid;grid-template-columns:auto auto;gap:0 10px;align-items:center;margin-bottom:45px}.brand span{font-family:Georgia,serif;font-size:25px;color:var(--red);grid-row:span 2}.brand b{font-size:13px;letter-spacing:2px}.brand small{font-size:13px;letter-spacing:2px;color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;border:0;border-radius:6px;padding:13px 22px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.btn:hover{background:var(--gold);color:var(--bg)}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#161416;border-radius:6px;padding:13px;font-weight:700;margin-top:24px}.google-btn span{font-weight:800;color:#4285f4;font-size:18px}.app{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.app aside{border-right:1px solid var(--border);padding:24px 21px;position:fixed;width:235px;height:100vh;background:#09080a}.app main{grid-column:2;padding:48px 42px;max-width:1500px;width:100%}aside nav{display:grid;gap:5px}aside nav a{padding:11px 13px;border-radius:6px;color:#8f8a92;display:flex;gap:12px}aside nav a.active{background:#252328;color:#fff}.side-user{position:absolute;bottom:25px;left:21px;right:21px;border-top:1px solid var(--border);padding-top:18px}.side-user img{width:34px;height:34px;border-radius:50%;object-fit:cover;float:left;margin-right:9px}.side-user b,.side-user small{display:block}.side-user small{color:#77727c;font-size:13px;margin:3px 0 15px}.side-user a{font-size:13px;color:#8f8a92}.top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:42px}.stats>div{background:var(--panel);border:1px solid var(--border);padding:18px;border-radius:7px}.stats small,.panel small,.details span{color:#77727c;font-size:13px;letter-spacing:1.5px}.stats strong{display:block;font-size:28px;margin-top:8px}.section-head,.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-head span,.panel-head span{color:#77727c;font-size:13px}.empty{border:1px dashed #2b282d;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px}.mic{font-size:44px;color:var(--red)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:20px}.project-card:hover{border-color:#6e211d}.project-top{display:flex;justify-content:space-between;color:#77727c;font-size:13px}.badge{display:inline-block;color:#ff6b5e;background:#2c0e0d;border:1px solid #5c1512;border-radius:4px;padding:5px 8px;font-size:13px;text-transform:uppercase;letter-spacing:.7px}.project-card p{color:#77727c;font-size:13px}.progress{height:5px;background:#27242a;border-radius:10px;overflow:hidden;margin:18px 0}.progress i{display:block;height:100%;background:var(--red)}.card-foot{display:flex;justify-content:space-between;color:#99949c;font-size:13px}.form-wrap{max-width:850px;margin:0 auto;padding:45px 25px 80px}.back{color:#9a959d;font-size:13px;display:inline-block;margin-bottom:30px}.form{margin-top:30px}.form-section{margin:25px 0}.form-section.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;color:#77727c;font-size:13px;letter-spacing:2px;margin-bottom:15px}input,textarea,select{display:block;width:100%;margin-top:9px;background:#101014;border:1px solid #29262d;border-radius:6px;color:#eee;padding:13px 14px;font:inherit;font-size:14px;outline:0}input::placeholder,textarea::placeholder{font-size:14px;color:#8b858e;opacity:1}textarea{min-height:120px;resize:vertical}.choices{display:grid;gap:9px;margin-top:10px}.choices.three{grid-template-columns:repeat(3,1fr)}.choices.services{grid-template-columns:repeat(3,1fr)}.choice{margin:0;letter-spacing:0;position:relative}.choice input{position:absolute;opacity:0}.choice span{display:flex;flex-direction:column;gap:5px;padding:17px 14px;border:1px solid #29262d;border-radius:6px;height:100%;cursor:pointer;color:#eee}.choice span small{color:#77727c;font-size:13px}.choice input:checked+span{border-color:var(--red);background:#240a09}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:30px}.auth-box{width:min(440px,100%);background:#0d0c0f;border:1px solid var(--border);border-radius:10px;padding:38px}.auth-box.wide{width:min(650px,100%)}.landing{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 70% 30%,#3a0f0d 0,#190303 45%)}.landing-card{width:min(760px,90%);padding:55px;border:1px solid var(--border);background:#0d0c0f;border-radius:12px}.landing-card h1{font-size:64px}.landing-card h1 span{color:var(--red)}.timeline{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:23px;margin:28px 0}.steps{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:20px}.step{text-align:center;color:#4f4b52;font-size:13px}.step i{display:grid;place-items:center;margin:auto auto 9px;width:25px;height:25px;border-radius:50%;background:#1a181d;font-style:normal}.step.done,.step.current{color:#ddd}.step.done i,.step.current i{background:var(--red)}.cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.panel{margin-bottom:18px}.panel-title{font-size:13px;letter-spacing:2px;color:#77727c;margin-bottom:17px}.payment-grid,.details,.payment-demo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-grid>div,.payment-demo>div{border:1px solid #29262d;padding:18px;border-radius:6px}.payment-grid strong,.amount strong,.payment-demo strong{display:block;font-size:26px;margin:7px 0}.manual-pay,.demo-note{margin-top:15px;background:#211613;border:1px solid #644318;padding:15px;border-radius:6px;color:#b6a69c;font-size:13px}.details{border-bottom:1px solid var(--border);padding-bottom:20px}.details b{display:block;color:#eee;margin-top:6px;letter-spacing:0;font-size:13px}.notes{margin-top:18px}.notes p{color:#aaa5ad;font-size:13px;line-height:1.6}.messages{max-height:350px;overflow:auto}.msg{background:#18161a;border:1px solid #28242a;padding:11px;border-radius:7px;margin-bottom:8px}.msg.mine{background:#2a0d0c}.msg small{color:#77727c;font-size:13px}.msg p{margin:6px 0;font-size:13px;line-height:1.5}.message-form{display:flex;gap:8px;margin-top:12px}.message-form input{margin:0}.activity{padding:10px 0;border-bottom:1px solid #211f24}.activity b{display:block;font-size:13px}.activity small{color:#69656d;font-size:13px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:15px;border-bottom:1px solid #242127;font-size:13px}th{font-size:13px;letter-spacing:1.5px;color:#77727c}td small{display:block;color:#6e6971;margin-top:4px;font-size:13px}.admin-actions{display:grid;gap:6px}.admin-actions select,.admin-actions input{margin:0;padding:8px;font-size:13px}.progress.pay i{background:#3fae63}.table-link{font-weight:700}.empty-row{text-align:center;padding:45px;color:#77727c}@media(max-width:900px){.app{grid-template-columns:1fr}.app aside{position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--border)}aside nav{display:flex}.side-user{position:static;margin-top:20px}.app main{grid-column:1;padding:28px 18px}.stats,.project-grid{grid-template-columns:1fr 1fr}.cols{grid-template-columns:1fr}.steps{overflow:auto;grid-template-columns:repeat(10,110px)}.choices.services{grid-template-columns:1fr 1fr}}@media(max-width:600px){h1{font-size:38px}.top{display:block}.top .btn{margin-top:20px}.stats,.project-grid,.choices.three,.choices.services,.form-section.two{grid-template-columns:1fr}.landing-card{padding:30px}.landing-card h1{font-size:45px}}

/* ---------- Notification bell (added) ---------- */
#notif-wrap{position:fixed;top:22px;right:28px;z-index:9999;font-family:"DM Sans",Arial,sans-serif}
#notif-bell{position:relative;width:42px;height:42px;border-radius:50%;background:var(--panel);border:1px solid var(--border);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0}
#notif-bell:hover{border-color:var(--red)}
.notif-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg)}
.notif-panel{position:absolute;top:52px;right:0;width:340px;max-height:420px;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.notif-panel-head{padding:15px 16px;font-size:13px;font-weight:700;letter-spacing:1.5px;color:var(--muted);border-bottom:1px solid var(--border);text-transform:uppercase}
.notif-list{padding:6px}
.notif-item{display:block;padding:12px;border-radius:7px;color:var(--text)}
.notif-item:hover{background:#18161a}
.notif-item.unread{background:#1b0f14}
.notif-item.unread .notif-item-title{color:#ff6b5e}
.notif-item-title{font-size:13px;font-weight:700;margin-bottom:3px}
.notif-item-msg{font-size:13px;color:#b6b1b8;line-height:1.4;overflow-wrap:anywhere}
.notif-item-time{font-size:11px;color:var(--muted);margin-top:6px;letter-spacing:.5px}
.notif-empty{padding:30px 16px;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:600px){#notif-wrap{top:14px;right:14px}.notif-panel{width:min(320px,88vw);right:-6px}}

/* ---------- Vedo Industries branding, admin login, payments (added) ---------- */
.brand{margin-bottom:36px}
.brand-logo{display:block;width:148px;height:auto}
.auth-box .brand-logo{width:168px}
.landing-card .brand-logo{width:210px}

.alert{padding:13px 16px;border-radius:6px;font-size:13px;margin-bottom:20px;line-height:1.5}
.alert.danger{background:#35101c;border:1px solid #67182e;color:#ff8a97}

.opt{color:#57525a;font-weight:400;letter-spacing:0}

.qr-box{text-align:center;border:1px solid #29262d;border-radius:8px;padding:22px;margin-top:16px}
.qr-box img{background:#fff;padding:10px;border-radius:6px}
.qr-box p{margin:14px 0 0;font-size:13px}

input[type=file]{padding:10px 12px 10px 10px}
input[type=file]::file-selector-button{background:var(--red);color:#fff;border:0;border-radius:5px;padding:9px 14px;font-weight:700;font-family:inherit;font-size:13px;margin-right:12px;cursor:pointer}
input[type=file]::file-selector-button:hover{opacity:.92}

.proof-thumb{display:inline-block;width:52px;height:52px;border-radius:6px;overflow:hidden;border:1px solid #29262d;vertical-align:middle}
.proof-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.proof-empty{color:#4f4b52}