html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}#root{text-align:left;border:none;max-width:none}:root{color:#e6ecff;background:#050914;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}body{color:#dbe7ff;background:radial-gradient(1200px 900px at 8% -20%,#38bdf833,#0000 55%),radial-gradient(900px 700px at 100% 0,#a78bfa38,#0000 45%),linear-gradient(#050914 0%,#070d1b 45%,#030710 100%);width:100%;min-width:0;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}input,select,textarea{box-sizing:border-box;color:#eef3ff;background:#080e1cd6;border:1px solid #7c93ff38;border-radius:14px;outline:none;width:100%;padding:12px 14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#38bdf8bd;box-shadow:0 0 0 4px #38bdf829}input::placeholder,textarea::placeholder{color:#8fa3c9}textarea{resize:vertical;min-height:110px}label{color:#b8c8ea;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.auth-shell{place-items:center;min-height:100vh;padding:30px;display:grid}.auth-card{background:linear-gradient(150deg,#0a1122f2,#0c1428e6);border:1px solid #5e81ff3d;border-radius:24px;width:560px;padding:34px;box-shadow:0 25px 80px #0000007a}.auth-badge{color:#a5f3fc;background:#38bdf829;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.auth-card h1{color:#f8fbff;margin:14px 0 8px;font-size:38px}.auth-subtext{color:#9cb0d8;margin-bottom:18px}.auth-form{gap:14px;display:grid}.auth-btn{width:100%}.auth-toggle{color:#8ab4ff;cursor:pointer;background:0 0;border:none;margin-top:14px}.app-shell{width:100%;min-height:100vh;padding:16px 18px 24px}.topbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060b17eb;border:1px solid #597bff38;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;max-width:1680px;margin:0 auto 16px;padding:14px 18px;display:grid;position:sticky;top:10px}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.brand-title{color:#f7faff;font-size:14px;font-weight:800}.brand-subtitle{color:#8ea4ce;font-size:11px}.topnav{justify-content:center;gap:10px;display:flex}.topnav-btn{color:#d7e4ff;cursor:pointer;background:#0c1426d9;border:1px solid #839eff33;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.topnav-btn.active{background:linear-gradient(135deg,#4f46e5,#0ea5e9);border-color:#0000;box-shadow:0 10px 30px #4f46e56b}.message-counter{color:#fff;background:#f87171eb;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:22px;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}.topbar-right{align-items:center;gap:10px;display:flex}.user-chip{color:#cfe0ff;background:#0a1121eb;border:1px solid #89a4ff38;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.user-dot{background:#34d399;border-radius:999px;width:8px;height:8px}.dashboard-layout{width:100%;max-width:1680px;margin:0 auto;padding:0}.hero-banner{background:linear-gradient(145deg,#070d1bf2,#0b1326ed),radial-gradient(900px 400px at 85% -20%,#0ea5e92e,#0000 70%);border:1px solid #617ffc33;border-radius:24px;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:16px;padding:24px;display:grid}.hero-copy h1{letter-spacing:-.02em;color:#f6f9ff;margin:12px 0;font-size:58px;line-height:.95}.hero-copy p{color:#99afd8;max-width:900px;margin:0;line-height:1.6}.hero-pill{letter-spacing:.08em;text-transform:uppercase;color:#c4b5fd;background:#8b5cf629;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.hero-stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.hero-stat-card{background:#141e36b8;border:1px solid #7494ff2e;border-radius:16px;padding:16px}.hero-stat-card span{color:#98abd0;font-size:12px}.hero-stat-card strong{color:#f8fbff;margin-top:8px;font-size:38px;display:block}.surface-card{background:linear-gradient(160deg,#080e1cf2,#070c18e6);border:1px solid #6281ff29;border-radius:20px;width:100%;margin-bottom:16px;padding:22px;box-shadow:0 20px 48px #00000059}.chat-surface{min-height:730px}.section-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.section-header h2{color:#f3f8ff;margin:0 0 6px;font-size:24px}.section-header p{color:#90a6d2;margin:0}.section-icon{background:#93c5fd1f;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.primary-btn,.ghost-btn,.icon-btn{cursor:pointer;border:none}.primary-btn{color:#fff;background:linear-gradient(135deg,#4f46e5,#06b6d4);border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.ghost-btn{color:#dbe8ff;background:#94a3b829;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:inline-flex}.icon-btn{color:#e7eeff;background:#94a3b829;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-btn.danger{color:#fecaca;background:#ef444433}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.full{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:10px;display:flex}.print-actions,.request-tabs{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.request-tab{color:#d5e2ff;cursor:pointer;background:#0b1222db;border:1px solid #85a1ff38;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:inline-flex}.request-tab span{background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:11px;display:inline-flex}.request-tab.active{background:linear-gradient(135deg,#4f46e5,#06b6d4);border-color:#0000}.toolbar{grid-template-columns:1fr 220px 220px;gap:14px;margin-bottom:14px;display:grid}.search-box{background:#090e1bf2;border:1px solid #8ba5ff33;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-box input{box-shadow:none;background:0 0;border:none}.table-wrap{border:1px solid #819eff33;border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1120px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #86a3ff1f;padding:14px}th{text-transform:uppercase;letter-spacing:.08em;color:#a4badf;background:#ffffff05;font-size:12px}td{color:#e2ecff;font-size:14px}.cell-main{color:#f7fbff;font-weight:700}.cell-sub{color:#95abcf;margin-top:4px;font-size:12px}.status-badge{letter-spacing:.03em;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.pending{color:#fde68a;background:#facc1529}.status-badge.inprogress{color:#a5f3fc;background:#38bdf82e}.status-badge.partsin{color:#ddd6fe;background:#a78bfa33}.status-badge.waitingonpart{color:#fecdd3;background:#fb718529}.status-badge.readyforinvoice{color:#86efac;background:#10b98129}.status-badge.done{color:#bfdbfe;background:#3b82f629}.action-buttons{align-items:center;gap:8px;display:flex}.invoice-amount-input{border-radius:10px;max-width:160px;padding:9px 10px}.pm-layout{grid-template-columns:330px 1fr;gap:14px;min-height:640px;display:grid}.pm-sidebar{background:#090f1ce6;border:1px solid #86a2ff2e;border-radius:14px;padding:14px}.pm-sidebar-title{color:#c7d8ff;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.pm-users{gap:8px;display:grid}.pm-user{text-align:left;color:#d7e5ff;cursor:pointer;background:#0c1322e6;border:1px solid #86a2ff29;border-radius:12px;width:100%;padding:12px}.pm-user.active{background:#0e749033;border-color:#38bdf880}.pm-user-name{font-weight:700}.pm-user-email{color:#92a8d0;margin-top:4px;font-size:12px}.pm-chat{flex-direction:column;gap:10px;display:flex}.pm-chat-header{background:#090f1ce6;border:1px solid #84a0ff29;border-radius:14px;padding:14px}.pm-chat-title{color:#f3f8ff;font-weight:800}.pm-chat-subtitle{color:#8fa5cf;margin-top:3px;font-size:13px}.chat-messages{background:#080e1beb;border:1px solid #84a0ff29;border-radius:14px;flex:1;min-height:470px;padding:14px;overflow-y:auto}.chat-message{background:#1e293b94;border-radius:12px;max-width:72%;margin-bottom:10px;padding:10px 12px}.chat-message.mine{background:#0e74903d;border:1px solid #38bdf857;margin-left:auto}.chat-message-user{color:#93c5fd;margin-bottom:4px;font-size:12px;font-weight:700}.chat-message-text{color:#f1f7ff;white-space:pre-wrap;line-height:1.45}.chat-input{gap:8px;display:flex}.chat-input input{flex:1}.empty-state{text-align:center;color:#8ea5cf;padding:20px;font-size:14px}.import-summary{color:#dbe8ff;background:#090f1cb8;border:1px solid #819eff3d;border-radius:12px;gap:4px;margin-bottom:14px;padding:12px 14px;display:grid}.import-errors{color:#fee2e2;background:#7f1d1d38;border:1px solid #f8717159;border-radius:12px;margin-bottom:14px;padding:12px 14px}.import-errors ul{margin:8px 0 0;padding-left:18px}.message-popup{z-index:999;color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:12px;padding:12px 16px;font-weight:800;animation:.22s ease-out floatIn;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 30px #0ea5e961}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1320px){.hero-copy h1{font-size:46px}.form-grid{grid-template-columns:1fr}}