@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#11243d;font-synthesis:none;--navy:#0d203a;--blue:#2e6cf6;--cyan:#37c5d7;--line:#e5ebf3;--muted:#6b7d91;background:#f7f9fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.landing{background:#fff}.landing nav{justify-content:space-between;align-items:center;max-width:1180px;height:82px;margin:auto;padding:0 24px;display:flex}.brand{color:var(--navy);align-items:center;gap:10px;font:800 21px Manrope;display:flex}.brand>span:last-child>span{color:var(--blue)}.radar{background:linear-gradient(145deg,#306dfa,#2658dc);border-radius:50%;width:35px;height:35px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 7px 18px #2864ef35}.radar:before,.radar:after{content:"";border:1px solid #ffffff60;border-radius:50%;position:absolute;inset:7px}.radar:after{inset:13px}.radar i{transform-origin:0;background:#fff;width:18px;height:2px;position:absolute;top:16px;left:17px;transform:rotate(-42deg)}.radar b{background:#55e5df;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:6px}.navlinks{align-items:center;gap:28px;display:flex}.navlinks a{color:#52657a;font-size:14px;font-weight:600;text-decoration:none}.navlinks button,.hero-actions .large,.workspace-head>button,.confirm-box button{background:var(--blue);color:#fff;border-radius:10px;padding:11px 18px;font-weight:700}.navlinks .ghost{color:var(--navy);background:#eef3fa}.hero-web{background:radial-gradient(circle at 78% 40%,#2866f01b,#0000 27%),linear-gradient(135deg,#f8fbff,#fff);grid-template-columns:1fr 1fr;gap:50px;min-height:650px;padding:82px max(24px,50vw - 590px);display:grid;overflow:hidden}.hero-copy{padding-top:28px}.tag{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;background:#e9f0ff;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-block}.hero-copy h1{color:var(--navy);letter-spacing:-.045em;margin:22px 0;font:800 clamp(44px,5vw,70px)/1.06 Manrope}.hero-copy h1 em{color:var(--blue);font-style:normal}.hero-copy>p{color:#62758c;max-width:580px;font-size:18px;line-height:1.65}.hero-actions{align-items:center;gap:22px;margin:34px 0 18px;display:flex}.hero-actions .large{padding:15px 21px;font-size:15px;box-shadow:0 12px 30px #2864ef3b}.hero-actions .large span{margin-left:18px}.play{color:var(--blue);background:0 0;font-weight:700}.play>span{color:var(--navy);margin-left:8px}.hero-copy>small{color:#8492a2}.hero-visual{min-height:490px;position:relative}.glow{filter:blur(80px);opacity:.12;background:#2466f2;border-radius:50%;width:420px;height:420px;position:absolute;top:10px;left:50px}.browser-card{background:#fff;border:1px solid #dfe8f5;border-radius:17px;width:630px;position:absolute;top:8px;left:5px;overflow:hidden;transform:perspective(1000px)rotateY(-3deg)rotateX(1deg);box-shadow:0 34px 80px #123b7725}.browser-top{background:#f1f5fa;align-items:center;gap:6px;height:38px;padding:0 14px;display:flex}.browser-top i{background:#c2ccd8;border-radius:50%;width:7px;height:7px}.browser-top span{color:#9aa7b5;background:#fff;border-radius:5px;margin-left:50px;padding:4px 110px;font-size:8px}.mini-layout{grid-template-columns:62px 1fr;min-height:390px;display:grid}.mini-layout aside{background:var(--navy);padding:18px 13px}.mini-layout aside .radar{width:30px;height:30px}.mini-layout aside>b,.mini-layout aside>i{background:#ffffff0e;border-radius:6px;height:25px;margin:23px 0;display:block}.mini-layout aside>b{background:#2e6cf6}.mini-content{padding:30px}.mini-content>small{color:#8191a3}.mini-content h3{margin:4px 0 18px}.mini-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mini-stats span{border:1px solid var(--line);border-radius:9px;padding:14px}.mini-stats small,.mini-stats strong{display:block}.mini-stats small{color:#8391a0;font-size:9px}.mini-stats strong{margin-top:5px;font:700 17px Manrope}.mini-table{border:1px solid var(--line);border-radius:10px;margin-top:20px;padding:15px}.mini-table>b{font-size:11px}.mini-table p{border-top:1px solid #edf1f6;align-items:center;margin:8px 0 0;padding:10px 0;font-size:9px;display:flex}.mini-table p>i{color:#2e6cf6;background:#eef3ff;border-radius:7px;place-items:center;width:25px;height:25px;margin-right:8px;font-style:normal;display:grid}.mini-table p>span{flex:1;font-weight:700}.mini-table p small{color:#95a1ae;font-weight:400;display:block}.notification{background:#fff;border:1px solid #dfe8f5;border-radius:14px;align-items:center;gap:12px;padding:15px 19px;display:flex;position:absolute;bottom:18px;right:-80px;box-shadow:0 18px 45px #123b7730}.notification>span{color:#1caf78;background:#ddf8ed;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.notification b,.notification small{font-size:12px;display:block}.notification small{color:#8191a3;margin-top:3px}.features{max-width:1180px;margin:auto;padding:100px 24px}.section-heading{text-align:center}.section-heading>span{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.section-heading h2,.security h2{color:var(--navy);letter-spacing:-.03em;font:800 38px/1.2 Manrope}.feature-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;display:grid}.feature-grid article{border:1px solid var(--line);border-radius:16px;padding:30px}.feature-grid article>i{width:43px;height:43px;color:var(--blue);background:#edf3ff;border-radius:11px;place-items:center;font-size:23px;font-style:normal;display:grid}.feature-grid h3{font:700 18px Manrope}.feature-grid p,.security p{color:var(--muted);line-height:1.6}.security{background:var(--navy);color:#fff;border-radius:24px;justify-content:space-between;align-items:center;max-width:1132px;margin:0 auto 90px;padding:48px 60px;display:flex}.security h2{color:#fff}.security p{color:#b7c4d2;max-width:650px}.shield{background:linear-gradient(145deg,#2f6cf7,#40cadb);border-radius:50% 50% 45% 45%;place-items:center;width:120px;height:120px;font-size:55px;display:grid}footer{border-top:1px solid var(--line);color:#8191a3;align-items:center;gap:35px;padding:30px max(24px,50vw - 590px);font-size:13px;display:flex}footer span:last-child{margin-left:auto}.modal-bg{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:50;background:#0a1728b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-card,.detail-card{background:#fff;border-radius:20px;width:min(440px,100%);padding:34px;position:relative;box-shadow:0 40px 100px #08192b70}.close{color:#728196;background:0 0;font-size:27px;position:absolute;top:15px;right:18px}.auth-copy{margin:30px 0 22px}.auth-copy>span,.workspace-head small,.detail-card>small,.confirm-box>small{color:var(--blue);letter-spacing:.1em;font-size:11px;font-weight:800}.auth-copy h2,.detail-card h2{margin:7px 0;font:800 29px Manrope}.auth-copy p{color:var(--muted)}label{color:#485b70;margin:15px 0;font-size:13px;font-weight:700;display:block}input{background:#fbfcfe;border:1px solid #dbe3ed;border-radius:9px;outline:none;width:100%;margin-top:7px;padding:13px 14px;display:block}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2e6cf615}.submit{background:var(--blue);color:#fff;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-weight:800}.auth-links{justify-content:space-between;margin-top:19px;display:flex}.auth-links button{color:var(--blue);background:0 0;font-size:12px}.form-error,.success{border-radius:9px;margin:12px 0;padding:12px 14px;font-size:13px}.form-error{color:#ba3434;background:#fff0f0}.success{color:#16845d;background:#e8f8f0}.app-shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);flex-direction:column;height:100vh;padding:28px 19px;display:flex;position:sticky;top:0}.sidebar .brand{color:#fff;margin-left:10px}.user-pill{background:#ffffff0a;border:1px solid #ffffff12;border-radius:11px;align-items:center;gap:10px;margin:35px 0 24px;padding:13px;display:flex}.user-pill>span{color:#fff;background:#2e6cf6;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.user-pill b,.user-pill small{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:145px;font-size:12px;display:block;overflow:hidden}.user-pill small{color:#8094aa;margin-top:3px;font-size:10px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button,.logout{color:#8fa2b7;text-align:left;background:0 0;border-radius:9px;padding:12px 14px;font-weight:600}.sidebar nav button.active{color:#fff;background:#2e6cf6}.sidebar nav button span,.logout span{margin-left:10px}.logout{margin-top:auto}.workspace{min-width:0;padding:42px 4.5%}.workspace-head{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.workspace-head h1{color:var(--navy);margin:5px 0;font:800 30px Manrope}.workspace-head p{color:var(--muted);margin:0}.stats-row{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px;display:grid}.stats-row article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:22px;position:relative}.stats-row span,.stats-row strong{display:block}.stats-row span{color:var(--muted);font-size:13px}.stats-row strong{margin-top:12px;font:800 28px Manrope}.stats-row i{color:#8c99a8;font-size:11px;font-style:normal;position:absolute;bottom:25px;right:18px}.stats-row .blue{color:var(--blue);background:#eaf0ff;border-radius:10px;padding:4px 8px}.stats-row .amber{color:#b4760b;background:#fff2dc;border-radius:10px;padding:4px 8px}.panel,.settings-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.panel-head,.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.tabs{gap:6px;display:flex}.tabs button{color:#64778c;background:#f1f4f8;border-radius:8px;padding:9px 14px;font-weight:700}.tabs button.active{color:var(--blue);background:#e9f0ff}.search{gap:7px;display:flex}.search input{width:230px;margin:0;padding:9px}.search button{background:var(--navy);color:#fff;border-radius:8px}.table-row{text-align:left;color:#34495e;background:#fff;border-bottom:1px solid #edf1f5;grid-template-columns:2fr 1fr 1fr 1fr 1fr .8fr;align-items:center;gap:15px;width:100%;padding:14px 20px;font-size:12px;display:grid}.table-row:not(.table-labels):hover{background:#f8faff}.table-labels{color:#8a98a8;text-transform:uppercase;letter-spacing:.07em;font-size:9px}.contractor{align-items:center;gap:10px;display:flex}.contractor>i{width:33px;height:33px;color:var(--blue);background:#edf3ff;border-radius:8px;place-items:center;font-style:normal;font-weight:800;display:grid}.contractor>b small{color:#8b98a7;margin-top:3px;font-weight:400;display:block}.status{border-radius:12px;justify-self:start;padding:5px 8px;font-style:normal}.status.new{color:var(--blue);background:#eaf0ff}.status.paid{color:#169266;background:#e5f7ef}.status.reviewed{color:#607185;background:#f0f2f5}.empty{text-align:center;color:var(--muted);padding:50px}.detail-card{width:min(620px,100%)}.detail-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:25px;display:grid}.detail-grid span{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px;font-size:12px}.detail-grid b{color:var(--navy);margin-top:5px;font-size:14px;display:block}.settings-card{max-width:730px;padding:28px}.company-current{background:#ecf9f4;border:1px solid #cdeedf;border-radius:11px;align-items:center;gap:14px;margin-bottom:25px;padding:17px;display:flex}.company-current>span{color:#fff;background:#1ca876;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.company-current b,.company-current small{display:block}.company-current small{color:#638074;margin-top:4px}.confirm-box{background:#f4f7fb;border-radius:12px;margin-top:24px;padding:22px}.checkbox{gap:9px;font-weight:500;display:flex}.checkbox input{width:auto;margin:2px}.confirm-box button{margin-top:10px}.admin-stats{grid-template-columns:repeat(4,1fr)}.panel-title h2{font:700 17px Manrope}.panel-title span{color:var(--muted);font-size:12px}.admin-row{border-bottom:1px solid var(--line);grid-template-columns:1.6fr 1.6fr .5fr .6fr 1.2fr;align-items:center;gap:15px;padding:14px 20px;font-size:12px;display:grid}.admin-row.labels{text-transform:uppercase;color:#8998a8;font-size:9px}.admin-row b,.admin-row small{display:block}.admin-row small{color:#8a98a8;margin-top:4px}.good{color:#158b63}.bad{color:#c04444}.google-login{justify-content:center;min-height:40px;display:flex}.divider{color:#97a4b2;align-items:center;gap:10px;margin:15px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}@media (width<=900px){.navlinks a{display:none}.hero-web{grid-template-columns:1fr;padding-top:45px}.hero-visual{display:none}.feature-grid{grid-template-columns:1fr}.security{margin:0 20px 60px;padding:35px}.app-shell{grid-template-columns:74px 1fr}.sidebar{padding:22px 12px}.sidebar .brand>span:last-child,.user-pill div,.sidebar nav button span,.logout span{display:none}.user-pill{padding:8px}.stats-row,.admin-stats{grid-template-columns:1fr 1fr}.table-row{grid-template-columns:1.6fr 1fr 1fr}.table-row>:nth-child(3),.table-row>:nth-child(4),.table-row>:nth-child(6){display:none}.admin-row{grid-template-columns:1.5fr 1.5fr .5fr}.admin-row>:nth-child(4),.admin-row>:nth-child(5){display:none}}@media (width<=600px){.landing nav{height:68px}.navlinks{gap:7px}.navlinks button{padding:9px}.hero-web{min-height:590px;padding-top:34px}.hero-copy h1{font-size:44px}.hero-actions{flex-direction:column;align-items:flex-start}.security{display:block}.shield{display:none}footer{flex-direction:column;align-items:flex-start}footer span:last-child{margin:0}.workspace{padding:25px 15px}.workspace-head{align-items:flex-start;gap:18px}.workspace-head>button{font-size:0}.workspace-head>button:first-letter{font-size:20px}.stats-row,.admin-stats{grid-template-columns:1fr}.panel-head{flex-direction:column;align-items:stretch;gap:12px}.search input{width:100%}.invoice-table{overflow-x:auto}.table-row{min-width:590px}.detail-grid{grid-template-columns:1fr}.admin-table{overflow-x:auto}.admin-row{min-width:620px}}