:root{--navy:#10145a;--navy2:#17235f;--blue:#356af7;--indigo:#4f46e5;--cyan:#11c9d3;--mint:#58dfc7;--ink:#172033;--muted:#6f7b92;--line:#e6ecf5;--bg:#f6f9fe;--soft:#eef5ff;--card:#fff;--danger:#ef5865;--ok:#0db38c;--shadow:0 18px 55px rgba(39,62,111,.09);--shadow-sm:0 8px 24px rgba(39,62,111,.06)}*{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(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%}.container{width:min(1200px,calc(100% - 44px));margin:auto}.public-body{background:#fff}.public-header{position:relative;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,236,245,.65)}.topbar{height:82px;display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:28px}.brand-link{display:flex;align-items:center}.logo{width:196px;height:auto}.nav{display:flex;justify-content:center;gap:34px;font-size:14px;color:#1e2b62}.nav a{padding:10px 2px;position:relative}.nav a:hover,.nav a.active{color:var(--blue)}.nav a.active:after{content:"";position:absolute;height:2px;border-radius:2px;left:0;right:0;bottom:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.actions{display:flex;gap:12px;align-items:center}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(105deg,#3567f5 0%,#276ff5 35%,#13cbd0 100%);box-shadow:0 10px 24px rgba(54,105,247,.18)}.btn-outline{background:#fff;border:1px solid #bfcbe0;color:var(--navy)}.btn-soft{background:#edf4ff;color:#2f5ed1}.btn-lg{padding:14px 22px;border-radius:13px}.hero-clean{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 18%,rgba(192,245,249,.5) 0,rgba(237,249,255,.25) 26%,transparent 48%),linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.hero-clean:before{content:"";position:absolute;left:-120px;top:100px;width:330px;height:330px;border-radius:50%;background:#f0f6ff;filter:blur(10px);opacity:.75}.hero-grid{position:relative;display:grid;grid-template-columns:.92fr 1.28fr;gap:44px;align-items:center;min-height:560px;padding:58px 0 66px}.hero-copy{position:relative;z-index:4}.eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:#f0f4ff;color:#4b67d9;font-size:11px;letter-spacing:.16em;font-weight:850;text-transform:uppercase}.hero h1{font-size:58px;line-height:1.02;margin:18px 0 19px;color:var(--navy);letter-spacing:-.048em}.gradient{background:linear-gradient(90deg,#366af7,#13c8d2);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:17px;line-height:1.58;color:#32405f;max-width:520px;margin:0}.hero-ctas{display:flex;gap:14px;margin:28px 0 20px}.play-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#17246a;color:white;font-size:10px}.trust-notes{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#55617b}.trust-notes span{display:flex;align-items:center;gap:7px}.trust-notes b{color:#2b53cb}.hero-product{position:relative;min-height:430px;padding:10px 34px 12px 5px}.screen-card{background:white;border:1px solid #e2e9f3;border-radius:19px;box-shadow:0 28px 80px rgba(37,59,106,.15);overflow:hidden}.desktop-preview{width:93%;margin-top:14px}.preview-topbar{height:44px;display:grid;grid-template-columns:150px 1fr 24px;gap:12px;align-items:center;padding:0 14px;border-bottom:1px solid #edf1f6}.preview-brand{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--navy)}.preview-brand img{width:23px}.preview-search{height:26px;border-radius:9px;background:#f3f6fb;color:#9ba5b5;font-size:8px;display:flex;align-items:center;padding:0 12px}.preview-user{width:20px;height:20px;border-radius:50%;background:#dbe6fb;color:#4565ad;font-size:8px;display:grid;place-items:center}.preview-layout{display:grid;grid-template-columns:122px 1fr;min-height:322px}.preview-sidebar{padding:15px 10px;background:#fbfcff;border-right:1px solid #eef1f6;display:flex;flex-direction:column;gap:3px}.preview-sidebar span{font-size:9px;color:#637088;padding:7px 8px;border-radius:7px}.preview-sidebar span.active{background:#eaf4ff;color:#2863d8}.preview-main{padding:19px 18px;background:#fff}.preview-welcome b{font-size:18px;color:var(--navy)}.preview-welcome small{display:block;color:#7a859a;margin-top:2px;font-size:9px}.preview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.preview-metrics>div{border:1px solid #e7edf6;border-radius:11px;padding:10px;background:#fff;display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;column-gap:7px}.preview-metrics i{grid-row:1/3;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-style:normal}.preview-metrics b{font-size:13px;color:#12175b}.preview-metrics small{font-size:7px;color:#818ca0}.blue{background:#e9f2ff!important;color:#2765e9!important}.green{background:#e8fbf6!important;color:#0cae83!important}.red{background:#fff0f1!important;color:#ed5360!important}.mint{background:#e9fbfa!important;color:#0ba8a5!important}.purple{background:#f0edff!important;color:#6355e5!important}.preview-bottom{display:grid;grid-template-columns:1.35fr .85fr;gap:9px;margin-top:10px}.preview-panel{border:1px solid #e7edf6;border-radius:11px;padding:11px;background:#fff;font-size:9px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title small{color:#8490a4}.mini-chart{height:105px;display:flex;align-items:flex-end;gap:10px;padding:13px 9px 0}.mini-chart span{flex:1;background:linear-gradient(180deg,#19c9c5,#2f73f6);border-radius:5px 5px 1px 1px}.task-panel p{margin:13px 0;color:#5e6a81}.phone-preview{position:absolute;right:0;bottom:0;width:150px;height:310px;border-radius:30px;background:#101726;padding:8px;box-shadow:0 22px 50px rgba(18,29,61,.28);z-index:3}.phone-preview:after{content:"";position:absolute;inset:8px;background:white;border-radius:23px;z-index:-1}.phone-notch{width:50px;height:10px;border-radius:0 0 8px 8px;background:#101726;margin:-2px auto 9px}.phone-brand{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--navy);padding:0 8px}.phone-brand img{width:20px}.phone-preview h4{text-align:center;color:var(--navy);margin:16px 0 2px;font-size:14px}.phone-preview>small{display:block;text-align:center;font-size:7px;color:#8690a2}.phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:16px 9px 8px}.phone-actions div{height:65px;border:1px solid #e9eef6;border-radius:10px;background:#fbfdff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2766e5;font-size:14px}.phone-actions span{font-size:6.5px;color:#43506c;text-align:center;margin-top:5px}.phone-nav{position:absolute;bottom:16px;left:17px;right:17px;display:flex;align-items:center;justify-content:space-around;font-size:11px;color:#63718a}.phone-nav b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,#306ff6,#14cbd0);color:white;font-size:16px}.hero-note{position:absolute;right:3px;top:2px;font-family:"Segoe Print","Comic Sans MS",cursive;font-weight:700;font-size:13px;line-height:1.25;color:#17266c;transform:rotate(-3deg)}.feature-band{background:#fff;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7}.feature-band-grid{display:grid;grid-template-columns:repeat(6,1fr);padding:18px 0;gap:10px}.feature-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 8px;border-right:1px solid #edf1f7}.feature-item:last-child{border-right:0}.feature-item i{font-style:normal;width:38px;height:38px;border-radius:12px;background:#edf6ff;color:#326ae6;display:grid;place-items:center;font-size:17px}.feature-item span{display:flex;flex-direction:column}.feature-item b{font-size:12px;color:#263461}.feature-item small{font-size:10px;color:#7c8799;margin-top:2px}.section{padding:76px 0}.why-section{background:#fbfcff}.why-grid{display:grid;grid-template-columns:.9fr 1.6fr;gap:58px;align-items:start}.why-intro h2{font-size:42px;line-height:1.04;color:var(--navy);margin:17px 0 15px;letter-spacing:-.03em}.why-intro p{color:#66728b;line-height:1.65;font-size:15px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.benefit-card{background:#fff;border:1px solid #e6edf6;border-radius:18px;padding:22px;box-shadow:var(--shadow-sm)}.benefit-card i{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#ebf9fb;color:#0aa9ad;font-style:normal;font-size:19px}.benefit-card h3{margin:15px 0 7px;color:#1b2860;font-size:16px}.benefit-card p{margin:0;color:#728098;line-height:1.55;font-size:13px}.cta-section{padding:0 0 72px;background:#fbfcff}.cta-card{display:grid;grid-template-columns:80px 1fr auto;gap:22px;align-items:center;background:linear-gradient(110deg,#eff7ff,#f7fbff 48%,#e9fbfb);border:1px solid #e0ebf5;border-radius:24px;padding:26px 30px}.cta-card>img{width:64px}.cta-card h2{margin:0;color:var(--navy);font-size:25px}.cta-card p{margin:6px 0 0;color:#738096;font-size:13px}.public-footer{padding:28px 0;border-top:1px solid var(--line);background:#fff;color:#7a8496;font-size:12px}.footer-row{display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:center;gap:8px;color:var(--navy)}.footer-brand img{width:28px}.footer-brand span{color:#7a8496;margin-left:3px}.pricing-page{min-height:calc(100vh - 110px);background:radial-gradient(circle at 50% 8%,#eff9ff 0,transparent 28%),#fbfdff;padding-bottom:70px}.pricing-head{text-align:center;padding:62px 0 22px}.pricing-head h1{font-size:43px;letter-spacing:-.035em;color:var(--navy);margin:16px 0 8px}.pricing-head>p{color:#6e7a91;margin:0}.billing-toggle{display:inline-flex;align-items:center;background:#eef2fb;border-radius:999px;padding:4px;margin-top:25px;font-size:12px}.billing-toggle span{padding:8px 16px;border-radius:999px;color:#637087}.billing-toggle span.active{background:linear-gradient(100deg,#356af7,#2e70f5);color:white;box-shadow:0 5px 14px rgba(53,106,247,.18)}.billing-toggle b{color:#0aa686}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding:25px 0 22px}.price-card{background:white;border:1px solid #e3eaf4;border-radius:20px;padding:25px;position:relative;display:flex;flex-direction:column;min-height:420px;box-shadow:0 10px 30px rgba(36,54,98,.04)}.price-card.featured{border:2px solid #1ec9cd;box-shadow:0 18px 48px rgba(24,182,197,.12);transform:translateY(-4px)}.popular{position:absolute;right:17px;top:17px;background:#1cc9cb;color:white;font-size:10px;font-weight:800;border-radius:999px;padding:6px 10px}.plan-heading h2{margin:0;color:#17215a;font-size:18px}.plan-heading p{color:#8190a6;font-size:12px;margin:5px 0 20px}.price{display:flex;align-items:flex-end;gap:6px;margin-bottom:20px}.price strong{font-size:34px;color:#11165b}.price span{font-size:11px;color:#7e899d;padding-bottom:6px}.list{padding:0;list-style:none;margin:0 0 20px;flex:1}.list li{padding:7px 0;color:#58657d;font-size:13px}.list li:before{content:'✓';color:#11b99b;font-weight:900;margin-right:9px}.plan-button{width:100%}.plan-note{text-align:center;color:#929bad;margin-top:9px}.pricing-help{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e5ebf5;border-radius:16px;padding:16px 20px}.pricing-help>div{display:flex;align-items:center;gap:12px}.pricing-help i{width:42px;height:42px;border-radius:12px;background:#eef4ff;color:#3569ef;display:grid;place-items:center;font-style:normal}.pricing-help span{display:flex;flex-direction:column}.pricing-help small{color:#8190a5;margin-top:2px}.auth-page{background:#f8fbff}.auth-bg{min-height:100vh;background:radial-gradient(circle at 12% 90%,rgba(210,226,255,.7),transparent 29%),radial-gradient(circle at 90% 12%,rgba(202,246,250,.68),transparent 31%),#f8fbff;display:grid;place-items:center;padding:34px}.auth-card-refined{width:min(930px,100%);display:grid;grid-template-columns:1fr .88fr;background:#fff;border-radius:25px;box-shadow:0 24px 80px rgba(33,53,96,.12);overflow:hidden;border:1px solid #e5ebf5}.auth-form{padding:45px 52px}.auth-logo .logo{width:176px}.auth-title{margin:33px 0 24px}.auth-title h1{color:var(--navy);font-size:30px;letter-spacing:-.025em;margin:0 0 7px}.auth-title p{margin:0;color:#78849a;font-size:14px}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:750;color:#34415f;margin-bottom:7px}.input,.select,.textarea{width:100%;border:1px solid #d8e1ee;border-radius:10px;padding:12px 13px;background:#fff;color:#202b43;outline:none;transition:.15s}.input::placeholder{color:#a1abba}.input:focus,.select:focus,.textarea:focus{border-color:#4d7bf3;box-shadow:0 0 0 3px #edf3ff}.remember{display:flex;align-items:center;gap:6px;color:#6e7a91;font-size:12px}.auth-submit{width:100%;margin-top:19px}.auth-separator{display:flex;align-items:center;gap:12px;color:#a0a9b8;font-size:11px;margin:22px 0}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#edf0f5;flex:1}.auth-bottom{text-align:center;font-size:12px;color:#8994a6;margin:20px 0 0}.auth-bottom a{color:#2f64dd;font-weight:750}.flash{padding:12px 15px;border-radius:11px;margin-bottom:16px;background:#eafaf5;color:#08785f;font-size:13px}.flash.error{background:#fff0f0;color:#a22d38}.flash.assistant{background:#eef1ff;color:#403ba9}.auth-side-refined{position:relative;overflow:hidden;background:linear-gradient(145deg,#f5f7ff,#e9fbff);display:flex;align-items:center;justify-content:center;padding:44px}.auth-orb{position:absolute;border-radius:50%;opacity:.6}.orb-one{width:260px;height:260px;background:#dfe7ff;left:-100px;bottom:-110px}.orb-two{width:220px;height:220px;background:#d9f7f8;right:-90px;top:-80px}.auth-side-content{position:relative;z-index:2;text-align:center;max-width:285px}.auth-mark-wrap{width:120px;height:120px;margin:0 auto 24px;display:grid;place-items:center}.auth-mark-wrap img{width:118px}.auth-side-content h2{color:var(--navy);font-size:24px;line-height:1.2;margin:0 0 20px}.auth-side-content p{font-size:13px;line-height:1.6;color:#66748c}.auth-side-content ul{list-style:none;text-align:left;padding:0;margin:26px auto 0;width:max-content;max-width:100%}.auth-side-content li{color:#54627b;margin:10px 0;font-size:13px}.register-card{grid-template-columns:1.12fr .88fr}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.app-body{background:#f6f9fe}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e6ecf5;padding:20px 14px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:10}.sidebar-logo{padding:2px 8px 22px;display:block}.sidebar-logo .logo{width:166px}.menu{display:flex;flex-direction:column;gap:3px}.menu a,.sidebar-footer a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;color:#647088;font-size:13px}.menu a i,.sidebar-footer a i{width:22px;text-align:center;font-style:normal;color:#6d7a92}.menu a.active,.menu a:hover,.sidebar-footer a.active,.sidebar-footer a:hover{background:#eaf4ff;color:#2862d9}.menu a.active i{color:#2862d9}.sidebar-footer{margin-top:auto;border-top:1px solid #edf0f5;padding-top:13px}.sidebar-signature{display:flex;align-items:center;gap:8px;margin:18px 9px 2px;color:#728098;font-size:10px}.sidebar-signature img{width:30px}.app-main{min-width:0;background:#f6f9fe}.app-top{height:72px;background:#fff;border-bottom:1px solid #e8edf4;display:flex;align-items:center;padding:0 24px;justify-content:space-between;position:sticky;top:0;z-index:8}.app-search{width:min(540px,55%);display:flex;align-items:center;background:#f4f7fb;border:1px solid #edf1f6;border-radius:11px;padding:0 11px;height:38px;color:#97a2b3}.app-search input{border:0;background:transparent;outline:0;flex:1;padding:0 8px;color:#3e4a61;font-size:12px}.app-search button{border:0;background:transparent;color:#6b78a0;cursor:pointer}.app-user{display:flex;align-items:center;gap:9px}.notification{color:#4c5b7e}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#e2ecff,#c5f6f1);color:#3554b3;font-weight:800;font-size:12px}.user-info{display:flex;flex-direction:column;max-width:155px}.user-info b{font-size:11px;color:#2c3755}.user-info small{font-size:9px;color:#929daf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{border:0;background:#f4f7fb;border-radius:8px;width:30px;height:30px;color:#68758d;cursor:pointer}.app-content{padding:28px}.dashboard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dashboard-head h1{font-size:28px;color:var(--navy);letter-spacing:-.025em;margin:0}.dashboard-head p{margin:5px 0 0;color:#8590a3;font-size:12px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dash-metric{background:#fff;border:1px solid #e6ecf5;border-radius:15px;padding:16px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;box-shadow:0 4px 16px rgba(33,53,97,.025)}.metric-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-style:normal}.dash-metric div{display:flex;flex-direction:column}.dash-metric strong{font-size:19px;color:#11165b}.dash-metric span{font-size:10px;color:#7b879a;margin-top:2px}.dash-metric>small{font-size:8px;color:#93a0b0;background:#f5f7fa;padding:4px 6px;border-radius:999px}.dashboard-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:15px;margin-top:15px}.dash-card{background:#fff;border:1px solid #e5ebf4;border-radius:16px;padding:18px;box-shadow:0 5px 18px rgba(33,52,94,.03)}.dash-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dash-card-head h3{margin:0;color:#202b58;font-size:14px}.dash-card-head p{margin:4px 0 0;color:#8b96a8;font-size:10px}.dash-card-head>a{font-size:10px;color:#3365d8}.period-pill{font-size:9px;color:#627089;border:1px solid #e2e8f1;border-radius:999px;padding:5px 9px}.chart{display:flex;align-items:flex-end;height:205px;gap:18px;padding:24px 14px 7px}.chart-col{flex:1;text-align:center;font-size:9px;color:#8190a5;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.chart-col span{display:block;background:linear-gradient(180deg,#16c7c6,#2e73f5);border-radius:6px 6px 2px 2px;margin:auto 0 8px;min-height:4px}.chart-col b{font-weight:500}.task-list{margin-top:12px}.task-row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f0f2f6;color:#46536e;font-size:11px}.task-row:last-child{border-bottom:0}.task-check{width:16px;height:16px;border:1.5px solid #9aa6b8;border-radius:4px;display:grid;place-items:center;font-size:9px;color:#fff}.task-check.done{background:#15b999;border-color:#15b999}.task-row small{color:#9aa4b4}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px}.quick-actions>a{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5ebf4;border-radius:14px;padding:14px;transition:.16s;box-shadow:0 4px 16px rgba(33,52,94,.025)}.quick-actions>a:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.quick-actions i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-style:normal}.quick-actions span{display:flex;flex-direction:column}.quick-actions b{font-size:11px;color:#25315c}.quick-actions small{font-size:9px;color:#8a95a7;margin-top:2px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-head h1,.page-head h2{margin:0;color:var(--navy)}.page-head h1{font-size:26px}.page-head h2{font-size:17px}.page-head p{margin:4px 0 0;color:#8a95a7;font-size:10px}.page-head>a{font-size:11px;color:#3466d9}.recent-head{margin:24px 0 10px}.table-card{background:#fff;border:1px solid #e5ebf4;border-radius:15px;overflow:hidden}.table-card table{border-collapse:collapse;width:100%;font-size:12px}.table-card th,.table-card td{padding:13px 15px;border-bottom:1px solid #eef2f6;text-align:left}.table-card th{font-size:9px;color:#8a96a8;background:#fbfcfe;text-transform:uppercase;letter-spacing:.045em}.table-card tbody tr:hover{background:#fbfdff}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf4ff;color:#2a5bd7;font-size:9px;font-weight:750}.badge.green{background:#e9fbf5!important;color:#078a69!important}.badge.orange{background:#fff5df;color:#ae6b00}.badge.red{background:#ffeded!important;color:#be3535!important}.empty-state{padding:12px;color:#8c97a8;font-size:11px;text-align:center}.form-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:23px}.textarea{min-height:95px}.doc-sheet{max-width:850px;margin:auto;background:#fff;padding:45px;border-radius:12px;box-shadow:var(--shadow)}.doc-head{display:flex;justify-content:space-between}.text-right{text-align:right}.totals{margin-left:auto;width:300px}.totals div{display:flex;justify-content:space-between;padding:7px}.totals .grand{font-size:20px;font-weight:800;border-top:2px solid #11165b}.line-row{display:grid;grid-template-columns:3fr .7fr 1fr .7fr 42px;gap:8px;margin-bottom:8px}.checkout{width:min(700px,calc(100% - 40px));margin:60px auto;background:white;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}
@media(max-width:1080px){.hero-grid{grid-template-columns:1fr 1.05fr}.hero h1{font-size:48px}.hero-product{padding-right:12px}.phone-preview{width:135px;height:286px}.feature-band-grid{grid-template-columns:repeat(3,1fr)}.feature-item:nth-child(3){border-right:0}.app-shell{grid-template-columns:200px 1fr}.dashboard-metrics{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.topbar{grid-template-columns:1fr auto}.nav{display:none}.hero-grid{grid-template-columns:1fr;padding-top:42px}.hero-copy{max-width:650px}.hero h1{font-size:46px}.hero-product{min-height:400px}.why-grid{grid-template-columns:1fr}.pricing{grid-template-columns:1fr}.price-card.featured{transform:none}.auth-card-refined{grid-template-columns:1fr}.auth-side-refined{display:none}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.dashboard-grid{grid-template-columns:1fr}.app-search{width:65%}.cta-card{grid-template-columns:60px 1fr}.cta-card .btn{grid-column:2}.footer-row{gap:16px;flex-wrap:wrap}}
@media(max-width:620px){.container{width:min(100% - 24px,1200px)}.public-header .topbar{height:70px}.logo{width:165px}.btn-login{display:none}.actions .btn-primary{padding:10px 12px;font-size:11px}.hero-grid{min-height:auto;padding:36px 0 48px}.hero h1{font-size:39px}.hero p{font-size:15px}.hero-ctas{flex-direction:column;align-items:stretch}.trust-notes{gap:10px}.hero-product{min-height:315px;padding:0}.desktop-preview{width:100%;transform:scale(.9);transform-origin:left top}.phone-preview{display:none}.hero-note{display:none}.feature-band-grid{grid-template-columns:1fr 1fr}.feature-item{justify-content:flex-start;border-right:0}.why-intro h2{font-size:35px}.benefit-grid{grid-template-columns:1fr}.cta-card{grid-template-columns:1fr;text-align:center}.cta-card>img{margin:auto}.cta-card .btn{grid-column:1}.footer-brand span{display:none}.auth-bg{padding:14px}.auth-form{padding:30px 22px}.row2,.row3{grid-template-columns:1fr}.app-content{padding:16px}.app-top{padding:0 14px}.app-search{width:55%}.user-info{display:none}.dashboard-head{align-items:flex-start}.dashboard-head .btn{font-size:10px;padding:10px}.dashboard-metrics,.quick-actions{grid-template-columns:1fr 1fr}.dash-metric{grid-template-columns:38px 1fr}.dash-metric>small{display:none}.chart{gap:10px}.table-card{overflow-x:auto}.line-row{grid-template-columns:1fr 1fr}.line-row .desc{grid-column:1/-1}}

/* ===== NEVYLO v0.3 — direction visuelle validée ===== */
:root{--nv-navy:#111865;--nv-blue:#3568f5;--nv-cyan:#10cbd3;--nv-mint:#73e5cd;--nv-bg:#f8fbff;--nv-line:#e7edf7}
.public-header{background:rgba(255,255,255,.94);border-bottom:0;backdrop-filter:blur(18px)}
.topbar{height:92px;grid-template-columns:300px 1fr auto;gap:30px}.logo{width:285px;max-height:82px;object-fit:contain;object-position:left center}.nav{gap:42px;font-weight:650;color:#172060}.nav a{font-size:14px}.actions .btn{min-height:44px;border-radius:13px}.actions .btn-primary{min-width:232px}.actions .btn-outline{min-width:150px}
.hero-final{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 22%,rgba(215,247,255,.82),transparent 36%),linear-gradient(180deg,#fff 0%,#f8fbff 100%);border-radius:0 0 34px 34px}.hero-final:before{content:"";position:absolute;width:560px;height:560px;left:-260px;top:-150px;border-radius:50%;background:rgba(229,242,255,.9)}.hero-final-grid{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:20px;min-height:510px;padding:15px 0 30px}.hero-final-copy{padding:24px 0 0 6px}.hero-eyebrow{margin-bottom:14px}.hero-final h1{font-size:61px;line-height:.99;letter-spacing:-.045em;color:var(--nv-navy);margin:0 0 17px;font-weight:850}.hero-final h1 span{background:linear-gradient(90deg,#3867f4 0%,#12c8d2 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-final-copy>p{font-size:17px;line-height:1.35;max-width:590px;color:#15205f;margin:0}.hero-final .hero-ctas{margin:20px 0 15px}.hero-final .btn-lg{min-height:48px;padding:13px 24px}.hero-final .btn-primary{min-width:245px}.hero-final .btn-outline{min-width:220px}.hero-trust{font-size:12px;color:#24316d}.hero-trust span{padding-right:16px;border-right:1px solid #ccd7e9}.hero-trust span:last-child{border:0}.hero-final-visual{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:420px}.hero-final-visual img{display:block;width:100%;max-width:865px;filter:drop-shadow(0 18px 36px rgba(32,51,107,.06));border-radius:22px}
.final-feature-band{background:transparent;margin-top:-4px}.final-feature-band .container{background:linear-gradient(90deg,#f3f8ff,#f8fcff);border:1px solid #edf2f8;border-radius:24px;padding:0 24px}.final-feature-grid{min-height:82px}.final-feature-grid .feature-item{padding:15px 18px;border-right:1px solid #d7e1ef}.final-feature-grid .feature-item:last-child{border-right:0}.final-feature-grid .feature-item i{width:48px;height:48px;border-radius:50%;background:#eaf3ff;color:#2961ef;font-size:24px}.final-feature-grid .feature-item:nth-child(2) i{background:#e4fbf5;color:#0eaf91}.final-feature-grid .feature-item:nth-child(3) i{background:#edf3ff;color:#2662f4}.final-feature-grid .feature-item:nth-child(4) i{background:#e5fbfb;color:#079eb8}.final-feature-grid .feature-item:nth-child(5) i{background:#f0efff;color:#4f46e5}.final-feature-grid .feature-item:nth-child(6) i{background:#e5faff;color:#0c9eb7}.final-feature-grid b{font-size:12px;color:#16205f}.final-feature-grid small{font-size:11px;color:#38456f}
.why-final{padding:30px 0 24px;background:#fff}.why-final-grid{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:stretch}.clean-eyebrow{background:transparent;padding:0;color:#0ab6b9}.final-why-intro{padding:8px 0}.final-why-intro h2{font-size:41px;line-height:1.03;letter-spacing:-.035em;color:var(--nv-navy);margin:12px 0 12px}.final-why-intro h2 span{color:#1e88e9}.final-why-intro p{font-size:15px;line-height:1.5;color:#445174;margin:0}.benefit-grid-final{grid-template-columns:repeat(4,1fr);gap:16px}.benefit-grid-final .benefit-card{min-height:190px;border-radius:18px;border:1px solid #edf1f7;box-shadow:none;padding:22px 20px}.benefit-grid-final .benefit-card i{width:48px;height:48px;border-radius:50%;font-size:26px;margin:0 0 12px}.benefit-grid-final h3{font-size:15px;line-height:1.25;color:#17205d;margin:0 0 12px}.benefit-grid-final p{font-size:12px;line-height:1.48;color:#4e5b77}.benefit-mint{background:linear-gradient(145deg,#effff9,#fafffd)}.benefit-mint i{background:#d8fbf1;color:#11a98e}.benefit-blue{background:linear-gradient(145deg,#f4f8ff,#fbfdff)}.benefit-blue i{background:#e5f0ff;color:#2471e8}.benefit-purple{background:linear-gradient(145deg,#f8f6ff,#fff)}.benefit-purple i{background:#ece8ff;color:#5a48e6}.benefit-cyan{background:linear-gradient(145deg,#f1fdff,#fbffff)}.benefit-cyan i{background:#dcf8fb;color:#069fb4}
.proof-strip{background:#fff;padding:0 0 22px}.proof-strip-grid{border-top:1px solid #e6edf7;border-bottom:1px solid #e6edf7;display:grid;grid-template-columns:repeat(4,1fr);padding:17px 0}.proof-strip-grid span{display:flex;flex-direction:column;padding:0 26px;border-right:1px solid #e0e7f2}.proof-strip-grid span:last-child{border-right:0}.proof-strip-grid strong{font-size:12px;color:#17205d}.proof-strip-grid small{font-size:10px;color:#7c879d;margin-top:4px}
.cta-final{background:#fff;padding-bottom:34px}.cta-final-card{display:grid;grid-template-columns:74px 1fr auto;gap:20px;align-items:center;padding:20px 28px;border-radius:34px;background:linear-gradient(110deg,#eef9ff 0%,#f8fbff 52%,#edf7ff 100%);overflow:hidden}.cta-final-card>img{width:68px;border-radius:20px}.cta-final-card h2{font-size:20px;color:var(--nv-navy);margin:0 0 5px}.cta-final-card h2 span{color:#248ae6}.cta-final-card p{font-size:12px;color:#6a7790;margin:0}.cta-final-action{display:flex;flex-direction:column;gap:6px;text-align:center}.cta-final-action small{font-size:9px;color:#8490a4}
.public-footer{border-top:0;background:#fff}.footer-brand img{width:38px;border-radius:12px}.auth-logo .logo{width:220px}.sidebar-logo .logo{width:180px;height:auto}.sidebar-signature img{border-radius:10px}
@media(max-width:1100px){.topbar{grid-template-columns:240px 1fr auto}.logo{width:225px}.nav{gap:24px}.hero-final-grid{grid-template-columns:1fr 1.08fr}.hero-final h1{font-size:50px}.benefit-grid-final{grid-template-columns:1fr 1fr}.why-final-grid{grid-template-columns:300px 1fr}}
@media(max-width:860px){.topbar{grid-template-columns:1fr auto}.hero-final-grid{grid-template-columns:1fr}.hero-final-copy{padding-top:8px}.hero-final h1{font-size:48px}.hero-final-visual{min-height:auto}.hero-final-visual img{max-width:760px;margin:auto}.why-final-grid{grid-template-columns:1fr}.final-why-intro{max-width:600px}.proof-strip-grid{grid-template-columns:1fr 1fr;gap:14px}.proof-strip-grid span:nth-child(2){border-right:0}.cta-final-card{grid-template-columns:60px 1fr}.cta-final-action{grid-column:2;align-items:flex-start}}
@media(max-width:620px){.public-header .topbar{height:74px}.logo{width:205px}.actions .btn-primary{min-width:auto}.hero-final-grid{padding-top:12px}.hero-final h1{font-size:40px}.hero-final-copy>p{font-size:14px}.hero-final .hero-ctas{flex-direction:column}.hero-final .btn-primary,.hero-final .btn-outline{width:100%;min-width:0}.hero-trust span{border:0;padding:0}.final-feature-band .container{padding:6px 10px}.final-feature-grid{grid-template-columns:1fr 1fr}.final-feature-grid .feature-item{border-right:0}.benefit-grid-final{grid-template-columns:1fr}.proof-strip-grid{grid-template-columns:1fr}.proof-strip-grid span{border-right:0}.cta-final-card{grid-template-columns:1fr;text-align:center}.cta-final-card>img{margin:auto}.cta-final-action{grid-column:1;align-items:center}}

/* ===== NEVYLO v0.4 — parcours fonctionnel ===== */
.flash.error{background:#fff2f3;border-color:#ffd8dd;color:#a62d3c}.flash.error ul{margin:7px 0 0 18px;padding:0}.page-head>div>p{margin:5px 0 0;color:var(--muted)}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.page-actions form{margin:0}.title-with-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.list-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.search-field{flex:1;height:44px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 13px}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.select.compact{width:auto;min-width:170px}.table-sub{display:block;color:#8490a4;margin-top:4px;font-size:11px}.text-right{text-align:right}.icon-btn{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;border:1px solid #e1e8f3;background:#fff;color:#365fd0;cursor:pointer}.pagination-wrap{margin-top:18px}.pagination-wrap nav{display:flex;justify-content:flex-end}.pagination-wrap nav>div:first-child{display:none}.pagination-wrap nav>div:last-child{display:flex;justify-content:flex-end;align-items:center;gap:14px}.pagination-wrap svg{width:18px}.status-draft{background:#eef2f8;color:#59657b}.status-sent{background:#edf4ff;color:#2f67d9}.status-overdue{background:#fff0f2;color:#d84455}.status-paid,.status-accepted{background:#e8faf4;color:#0a9a75}.status-cancelled,.status-rejected{background:#f3f1f5;color:#776c7d}.document-form{padding:26px}.doc-builder-head{display:flex;justify-content:space-between;align-items:end;margin:26px 0 12px}.doc-builder-head h3{margin:0;color:var(--navy)}.doc-builder-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.catalog-picker{display:flex;gap:10px;margin-bottom:12px}.catalog-picker .select{max-width:560px}.line-table-head,.line-row{display:grid;grid-template-columns:minmax(260px,1fr) 85px 120px 90px 120px 36px;gap:8px;align-items:center}.line-table-head{padding:8px 6px;font-size:10px;color:#7c8799;text-transform:uppercase;letter-spacing:.06em}.line-row{margin-bottom:8px}.line-row .line-total{text-align:right;color:#1a2860;font-size:12px}.remove-line{width:34px;height:34px;border-radius:10px;border:1px solid #f0d5d9;background:#fff;color:#d74b5d;cursor:pointer}.document-bottom{display:grid;grid-template-columns:1fr 330px;gap:28px;margin-top:24px}.live-totals{align-self:start;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fbfdff}.live-totals>div{display:flex;justify-content:space-between;padding:7px 0;color:#59657a}.live-totals .grand{border-top:1px solid #dce5f2;margin-top:5px;padding-top:13px;color:var(--navy);font-size:18px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-section{padding:4px 0 22px;margin-bottom:20px;border-bottom:1px solid #edf1f6}.form-section:last-of-type{border-bottom:0}.form-section h3{color:var(--navy);margin:0 0 16px}.field.wide{grid-column:1/-1}.field small{display:block;color:#8490a4;margin-top:5px}.check-row{display:flex;gap:12px;align-items:flex-start;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fbfdff}.check-row input{margin-top:3px}.check-row span{display:flex;flex-direction:column}.check-row small{color:#7b8799;margin-top:3px}.refined-doc{padding:32px}.company-doc-logo{max-width:180px;max-height:80px;object-fit:contain;object-position:left center;margin-bottom:12px}.company-doc-logo.default{width:180px}.client-block{display:flex;flex-direction:column;max-width:390px;background:#f7faff;border:1px solid #e7edf7;border-radius:14px;padding:15px;margin:22px 0}.client-block small{font-size:9px;color:#8993a5;letter-spacing:.08em}.client-block strong{color:var(--navy);margin:5px 0}.invoice-lines{box-shadow:none}.doc-summary{display:grid;grid-template-columns:1fr 330px;gap:30px;margin-top:22px}.payment-zone{margin-top:28px;padding-top:22px;border-top:1px solid #e3eaf4;display:grid;grid-template-columns:1fr 1fr;gap:30px}.payment-zone h3{margin-top:0}.payment-history{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eef2f6;font-size:12px}.payment-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-form .btn{grid-column:1/-1}.client-detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-bottom:18px}.info-list>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #eef2f6}.info-list span{color:#7a869a;font-size:12px}.client-kpis{display:grid;gap:12px}.client-kpis>div{padding:13px;border-radius:12px;background:#f7faff}.client-kpis strong{display:block;color:var(--navy);font-size:20px}.client-kpis span{color:#7c879a;font-size:11px}.mini-doc-list a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eef2f6}.mini-doc-list a>span{display:flex;flex-direction:column}.mini-doc-list small{color:#8590a2;margin-top:3px}.catalog-layout{display:grid;grid-template-columns:390px 1fr;gap:18px}.compact-card{align-self:start}.inline-editor{position:relative}.inline-editor[open]{z-index:5}.inline-editor summary{list-style:none}.inline-editor>form{position:absolute;right:0;top:40px;width:380px;padding:14px;background:#fff;border:1px solid #dfe7f2;border-radius:14px;box-shadow:0 20px 50px rgba(35,50,85,.14)}.inline-editor>form+form{top:auto;bottom:-48px;box-shadow:none;border:0;background:transparent;padding:0;width:auto}.danger-text{color:#c63849!important}.settings-form{max-width:1000px}
@media(max-width:900px){.line-table-head{display:none}.line-row{grid-template-columns:1fr 1fr 1fr 1fr 80px 34px}.line-row .desc{grid-column:1/-1}.document-bottom,.doc-summary,.payment-zone,.client-detail-grid,.catalog-layout{grid-template-columns:1fr}.payment-form{grid-template-columns:1fr 1fr}.inline-editor>form{position:fixed;left:20px;right:20px;top:120px;width:auto}.list-toolbar{flex-wrap:wrap}.search-field{min-width:100%}}
@media(max-width:620px){.line-row{grid-template-columns:1fr 1fr}.line-row .desc{grid-column:1/-1}.line-row .line-total{padding:10px}.catalog-picker{flex-direction:column}.page-actions{width:100%}.page-actions .btn,.page-actions form,.page-actions form .btn{width:100%}.payment-form{grid-template-columns:1fr}.info-list>div{grid-template-columns:1fr}.doc-summary{gap:10px}}

/* ===== NEVYLO v0.4 — parcours fonctionnel ===== */
.flash.error{background:#fff2f3;border-color:#ffd8dd;color:#a62d3c}.flash.error ul{margin:7px 0 0 18px;padding:0}.page-head>div>p{margin:5px 0 0;color:var(--muted)}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.page-actions form{margin:0}.title-with-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.list-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.search-field{flex:1;height:44px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 13px}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.select.compact{width:auto;min-width:170px}.table-sub{display:block;color:#8490a4;margin-top:4px;font-size:11px}.text-right{text-align:right}.icon-btn{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;border:1px solid #e1e8f3;background:#fff;color:#365fd0;cursor:pointer}.pagination-wrap{margin-top:18px}.pagination-wrap nav{display:flex;justify-content:flex-end}.pagination-wrap nav>div:first-child{display:none}.pagination-wrap nav>div:last-child{display:flex;justify-content:flex-end;align-items:center;gap:14px}.pagination-wrap svg{width:18px}.status-draft{background:#eef2f8;color:#59657b}.status-sent{background:#edf4ff;color:#2f67d9}.status-overdue{background:#fff0f2;color:#d84455}.status-paid,.status-accepted{background:#e8faf4;color:#0a9a75}.status-cancelled,.status-rejected{background:#f3f1f5;color:#776c7d}.document-form{padding:26px}.doc-builder-head{display:flex;justify-content:space-between;align-items:end;margin:26px 0 12px}.doc-builder-head h3{margin:0;color:var(--navy)}.doc-builder-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.catalog-picker{display:flex;gap:10px;margin-bottom:12px}.catalog-picker .select{max-width:560px}.line-table-head,.line-row{display:grid;grid-template-columns:minmax(260px,1fr) 85px 120px 90px 120px 36px;gap:8px;align-items:center}.line-table-head{padding:8px 6px;font-size:10px;color:#7c8799;text-transform:uppercase;letter-spacing:.06em}.line-row{margin-bottom:8px}.line-row .line-total{text-align:right;color:#1a2860;font-size:12px}.remove-line{width:34px;height:34px;border-radius:10px;border:1px solid #f0d5d9;background:#fff;color:#d74b5d;cursor:pointer}.document-bottom{display:grid;grid-template-columns:1fr 330px;gap:28px;margin-top:24px}.live-totals{align-self:start;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fbfdff}.live-totals>div{display:flex;justify-content:space-between;padding:7px 0;color:#59657a}.live-totals .grand{border-top:1px solid #dce5f2;margin-top:5px;padding-top:13px;color:var(--navy);font-size:18px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-section{padding:4px 0 22px;margin-bottom:20px;border-bottom:1px solid #edf1f6}.form-section:last-of-type{border-bottom:0}.form-section h3{color:var(--navy);margin:0 0 16px}.field.wide{grid-column:1/-1}.field small{display:block;color:#8490a4;margin-top:5px}.check-row{display:flex;gap:12px;align-items:flex-start;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fbfdff}.check-row input{margin-top:3px}.check-row span{display:flex;flex-direction:column}.check-row small{color:#7b8799;margin-top:3px}.refined-doc{padding:32px}.company-doc-logo{max-width:180px;max-height:80px;object-fit:contain;object-position:left center;margin-bottom:12px}.company-doc-logo.default{width:180px}.client-block{display:flex;flex-direction:column;max-width:390px;background:#f7faff;border:1px solid #e7edf7;border-radius:14px;padding:15px;margin:22px 0}.client-block small{font-size:9px;color:#8993a5;letter-spacing:.08em}.client-block strong{color:var(--navy);margin:5px 0}.invoice-lines{box-shadow:none}.doc-summary{display:grid;grid-template-columns:1fr 330px;gap:30px;margin-top:22px}.payment-zone{margin-top:28px;padding-top:22px;border-top:1px solid #e3eaf4;display:grid;grid-template-columns:1fr 1fr;gap:30px}.payment-zone h3{margin-top:0}.payment-history{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eef2f6;font-size:12px}.payment-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-form .btn{grid-column:1/-1}.client-detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-bottom:18px}.info-list>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #eef2f6}.info-list span{color:#7a869a;font-size:12px}.client-kpis{display:grid;gap:12px}.client-kpis>div{padding:13px;border-radius:12px;background:#f7faff}.client-kpis strong{display:block;color:var(--navy);font-size:20px}.client-kpis span{color:#7c879a;font-size:11px}.mini-doc-list a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eef2f6}.mini-doc-list a>span{display:flex;flex-direction:column}.mini-doc-list small{color:#8590a2;margin-top:3px}.catalog-layout{display:grid;grid-template-columns:390px 1fr;gap:18px}.compact-card{align-self:start}.inline-editor{position:relative}.inline-editor[open]{z-index:5}.inline-editor summary{list-style:none}.inline-editor>form{position:absolute;right:0;top:40px;width:380px;padding:14px;background:#fff;border:1px solid #dfe7f2;border-radius:14px;box-shadow:0 20px 50px rgba(35,50,85,.14)}.inline-editor>form+form{top:auto;bottom:-48px;box-shadow:none;border:0;background:transparent;padding:0;width:auto}.danger-text{color:#c63849!important}.settings-form{max-width:1000px}
@media(max-width:900px){.line-table-head{display:none}.line-row{grid-template-columns:1fr 1fr 1fr 1fr 80px 34px}.line-row .desc{grid-column:1/-1}.document-bottom,.doc-summary,.payment-zone,.client-detail-grid,.catalog-layout{grid-template-columns:1fr}.payment-form{grid-template-columns:1fr 1fr}.inline-editor>form{position:fixed;left:20px;right:20px;top:120px;width:auto}.list-toolbar{flex-wrap:wrap}.search-field{min-width:100%}}
@media(max-width:620px){.line-row{grid-template-columns:1fr 1fr}.line-row .desc{grid-column:1/-1}.line-row .line-total{padding:10px}.catalog-picker{flex-direction:column}.page-actions{width:100%}.page-actions .btn,.page-actions form,.page-actions form .btn{width:100%}.payment-form{grid-template-columns:1fr}.info-list>div{grid-template-columns:1fr}.doc-summary{gap:10px}}

/* ===== NEVYLO v0.5 — mobile polish ===== */
.try-mobile{display:none}
.user-menu{position:relative}.user-menu summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;border-radius:12px;padding:4px 6px}.user-menu summary::-webkit-details-marker{display:none}.user-menu summary:hover{background:#f5f8fc}.user-chevron{font-size:15px;color:#748098;transition:.18s}.user-menu[open] .user-chevron{transform:rotate(180deg)}.user-menu-panel{position:absolute;right:0;top:48px;width:220px;background:#fff;border:1px solid #e1e8f2;border-radius:14px;padding:8px;box-shadow:0 18px 45px rgba(31,48,89,.15);z-index:50}.user-menu-identity{display:none;padding:9px 10px 11px;border-bottom:1px solid #edf1f6;margin-bottom:5px}.user-menu-identity b,.user-menu-identity small{display:block}.user-menu-identity b{font-size:12px;color:#263253}.user-menu-identity small{font-size:10px;color:#8a96a8;margin-top:2px}.user-menu-panel>a,.user-menu-logout{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:9px;padding:10px;color:#53617a;font-size:12px;text-align:left;cursor:pointer}.user-menu-panel>a:hover{background:#f3f7fd;color:#2d61d7}.user-menu-panel form{margin:4px 0 0;padding-top:4px;border-top:1px solid #edf1f6}.user-menu-logout{color:#b63747}.user-menu-logout:hover{background:#fff1f2}
@media(max-width:620px){
  .public-header .topbar{grid-template-columns:minmax(0,1fr) auto;gap:7px}.public-header .logo{width:138px}.public-header .actions{gap:5px}.public-header .actions .btn{min-height:38px;border-radius:10px;padding:8px 9px;font-size:10px}.public-header .actions .btn-outline{display:inline-flex;min-width:0}.public-header .actions .btn-primary{min-width:0}.try-desktop{display:none}.try-mobile{display:inline}
  .app-top{height:70px;gap:8px}.app-search{width:auto;flex:1;min-width:0}.app-search input{min-width:0}.app-top>a{margin-right:0!important;white-space:nowrap}.app-top>a span{padding:6px 8px!important;font-size:9px!important}.app-user{flex:0 0 auto}.user-menu summary{padding:2px}.user-menu summary .user-info{display:none}.user-chevron{display:none}.user-menu-panel{position:fixed;right:12px;top:64px;width:min(250px,calc(100vw - 24px))}.user-menu-identity{display:block}
  .page-head{align-items:flex-start;gap:12px}.page-head>div{min-width:0;flex:1}.page-head h1{font-size:25px}.page-head>.btn{flex:0 0 auto;width:auto!important;max-width:145px;min-height:44px;padding:9px 12px;font-size:11px;line-height:1.2;text-align:center;color:#fff!important}.list-toolbar .select.compact{width:100%;min-width:0}
  .refined-table{overflow:visible;background:transparent;border:0}.refined-table table,.refined-table tbody{display:block}.refined-table thead{display:none}.refined-table tr{display:block;background:#fff;border:1px solid #e5ebf4;border-radius:14px;margin-bottom:12px;padding:8px 14px;box-shadow:0 4px 16px rgba(33,52,94,.025)}.refined-table td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #eef2f6;text-align:right}.refined-table td:last-child{border-bottom:0}.refined-table td[data-label]::before{content:attr(data-label);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#8a96a8;text-align:left}.refined-table td.text-right{justify-content:flex-end}.refined-table .empty-state{padding:24px 8px}.refined-table tr:has(.empty-state){padding:0}.refined-table tr:has(.empty-state) td{display:block;border:0}
}
/* ===== NEVYLO v0.6 — navigation publique mobile ===== */
.mobile-public-nav{display:none}

@media(max-width:620px){
  .public-header{
    position:sticky;
    top:0;
    z-index:40;
    box-shadow:0 5px 18px rgba(33,53,97,.05);
  }

  .mobile-public-nav{
    display:block;
    background:rgba(255,255,255,.98);
    border-top:1px solid #edf1f6;
    border-bottom:1px solid #e8eef7;
  }

  .mobile-public-nav-inner{
    display:flex;
    align-items:center;
    gap:5px;
    overflow-x:auto;
    padding-top:7px;
    padding-bottom:7px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .mobile-public-nav-inner::-webkit-scrollbar{display:none}

  .mobile-public-nav a{
    flex:0 0 auto;
    padding:8px 10px;
    border-radius:10px;
    color:#53617a;
    font-size:11px;
    font-weight:750;
    white-space:nowrap;
  }

  .mobile-public-nav a:hover,
  .mobile-public-nav a.active{
    background:#edf4ff;
    color:#2f63da;
  }

  .pricing-head{padding-top:38px}
}
/* ===== NEVYLO v0.6 — navigation espace connecté mobile ===== */
.mobile-app-menu{display:none}
@media(max-width:860px){
.mobile-app-menu{display:block;position:relative;flex:0 0 auto}.mobile-app-menu>summary{list-style:none;width:38px;height:38px;border:1px solid #e1e8f2;border-radius:10px;background:#fff;color:#24356d;display:grid;place-items:center;cursor:pointer;font-size:21px;font-weight:800;line-height:1;box-shadow:0 3px 12px rgba(33,52,94,.04)}.mobile-app-menu>summary::-webkit-details-marker{display:none}.mobile-app-menu[open]>summary{background:#edf4ff;color:#2d61d7}.mobile-app-menu-panel{position:fixed;left:12px;top:64px;width:min(300px,calc(100vw - 24px));max-height:calc(100vh - 78px);overflow-y:auto;background:#fff;border:1px solid #e1e8f2;border-radius:16px;padding:10px;box-shadow:0 20px 55px rgba(31,48,89,.18);z-index:100}.mobile-app-menu-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 12px;border-bottom:1px solid #edf1f6;margin-bottom:6px}.mobile-app-menu-head img{width:125px;display:block}.mobile-app-menu-head span{font-size:10px;color:#8a96a8;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.mobile-app-menu-panel nav{display:flex;flex-direction:column;gap:2px}.mobile-app-menu-panel nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;color:#5d6980;font-size:13px;font-weight:650}.mobile-app-menu-panel nav a i{width:22px;text-align:center;font-style:normal;color:#6d7a92}.mobile-app-menu-panel nav a:hover,.mobile-app-menu-panel nav a.active{background:#eaf4ff;color:#2862d9}.mobile-app-menu-panel nav a.active i{color:#2862d9}.mobile-app-menu-separator{height:1px;background:#edf1f6;margin:6px 4px}}
@media(max-width:620px){.app-top{gap:6px}.mobile-app-menu>summary{width:36px;height:36px;font-size:19px}.app-search{min-width:0}}


/* ===== NEVYLO v0.7 — finition mobile production ===== */
.mobile-app-brand{display:none}
.billing-pill-link{text-decoration:none;margin-right:10px}
.billing-pill{display:inline-block;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.billing-pill.active{background:#ecfdf5;color:#047857}.billing-pill.trial{background:#eef6ff;color:#2457c5}.billing-pill.expired{background:#fff1f2;color:#be123c}.billing-pill.cancelled{background:#fff7ed;color:#9a3412}
.input,.select,.textarea{box-sizing:border-box;max-width:100%}
input[type="date"].input,input[type="datetime-local"].input{width:100%;min-width:0;max-width:100%}
@media(max-width:620px){
  .app-top{height:70px;gap:8px;padding-left:12px;padding-right:12px}
  .app-search{display:none!important}
  .mobile-app-brand{display:flex;align-items:center;min-width:0;flex:1;height:44px}
  .mobile-app-brand img{display:block;width:145px;max-width:100%;height:auto}
  .billing-pill-link{margin-right:0!important;flex:0 0 auto}
  .billing-pill{padding:6px 8px;font-size:9px}
  .page-head>.btn.btn-outline{color:#315fcf!important;background:#fff!important;border-color:#cbd7e9!important}
  .document-form .row3,.form-card .row3{grid-template-columns:minmax(0,1fr)!important}
  .document-form .field,.form-card .field{min-width:0;max-width:100%}
  .document-form input[type="date"],.form-card input[type="date"]{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
  .doc-builder-head{align-items:flex-start;gap:12px}
  .doc-builder-head>div{min-width:0;flex:1}
  .doc-builder-head>.btn{flex:0 0 auto;padding:9px 11px;font-size:11px;line-height:1.2;max-width:112px;white-space:normal}
}
@media(max-width:390px){
  .mobile-app-brand img{width:125px}
  .billing-pill{font-size:8px;padding:6px}
}

/* ===== NEVYLO v0.8 — header mobile final + menus exclusifs ===== */
.mobile-header-brand,.mobile-subscription-strip,.mobile-menu-backdrop{display:none}

@media(max-width:620px){
  body.mobile-overlay-open{overflow:hidden}

  .app-top{
    height:auto!important;
    min-height:72px;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 44px;
    grid-template-rows:72px auto;
    align-items:center;
    gap:0 10px!important;
    padding:0 14px 10px!important;
    background:#fff;
    border-bottom:1px solid #e4eaf3;
    position:sticky;
    top:0;
    z-index:90;
  }

  .mobile-app-menu{grid-column:1;grid-row:1;z-index:122}
  .mobile-app-menu>summary{width:40px!important;height:40px!important;font-size:20px!important}

  .mobile-header-brand{
    display:flex;
    grid-column:2;
    grid-row:1;
    align-items:center;
    justify-content:center;
    min-width:0;
  }
  .mobile-header-brand img{display:block;width:148px;max-height:48px;object-fit:contain}

  .app-search{display:none!important}
  .desktop-subscription-badge{display:none!important}

  .app-user{grid-column:3;grid-row:1;justify-self:end;z-index:122}
  .user-menu summary{padding:0!important}
  .user-avatar{width:40px!important;height:40px!important}
  .user-menu summary .user-info,.user-chevron{display:none!important}

  .mobile-subscription-strip{
    grid-column:1/-1;
    grid-row:2;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:9px 12px;
    border:1px solid #e2e9f3;
    border-radius:12px;
    background:#f8fbff;
    color:#526079;
    box-shadow:0 3px 12px rgba(33,52,94,.035);
  }
  .mobile-subscription-label{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8995a8}
  .mobile-subscription-strip strong{font-size:11px;text-align:right}
  .mobile-subscription-arrow{font-size:20px;line-height:1}
  .mobile-subscription-strip.active strong{color:#047857}
  .mobile-subscription-strip.cancelled strong{color:#9a3412}
  .mobile-subscription-strip.trial strong{color:#2457c5}
  .mobile-subscription-strip.expired strong{color:#be123c}

  .mobile-menu-backdrop{
    position:fixed;
    inset:0;
    z-index:105;
    background:rgba(16,24,52,.38);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
  }
  .mobile-menu-backdrop.show{display:block}

  .mobile-app-menu-panel{
    z-index:120!important;
    top:64px!important;
    left:12px!important;
    max-height:calc(100dvh - 78px)!important;
  }
  .user-menu-panel{
    z-index:120!important;
    top:64px!important;
    right:12px!important;
  }

  .mobile-overlay-open .app-content{pointer-events:none;user-select:none}
}

/* ===== NEVYLO v0.9 — FINAL mobile ===== */

/* Les nouveaux wrappers des lignes restent transparents sur desktop */
.line-field{min-width:0}
.line-field>label{display:none}
.line-field .input{width:100%;max-width:100%}

/* Le voile doit être SOUS le header : il bloque le site, mais jamais le menu. */
@media(max-width:620px){
  .mobile-menu-backdrop{
    z-index:80!important;
    background:rgba(16,24,52,.42)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .app-top{z-index:100!important}
  .mobile-app-menu,.app-user{z-index:130!important}
  .mobile-app-menu-panel,.user-menu-panel{
    z-index:140!important;
    filter:none!important;
    opacity:1!important;
  }

  /* Header mobile : ligne navigation, puis abonnement clairement séparé. */
  .app-top{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    grid-template-rows:72px 44px!important;
    padding:0 14px 10px!important;
  }
  .mobile-header-brand{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    width:auto!important;
    margin:0!important;
  }
  .mobile-header-brand img{width:150px!important;max-width:100%!important}
  .desktop-subscription-badge{display:none!important}
  .mobile-subscription-strip{
    display:grid!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    min-height:40px!important;
    margin:0!important;
    padding:8px 12px!important;
    border-radius:11px!important;
  }
  .mobile-subscription-strip strong{text-align:right!important}

  /* iOS : les dates ne doivent JAMAIS imposer leur largeur native au formulaire. */
  .document-form{overflow:hidden}
  .document-form .row3{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .document-form .row3>.field{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    overflow:hidden;
  }
  .document-form input[type="date"].input{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    inline-size:100%!important;
    min-inline-size:0!important;
    overflow:hidden!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }

  /* Ajout de lignes : plus simple et lisible. */
  .doc-builder-head{
    display:block!important;
    margin:26px 0 12px!important;
  }
  .doc-builder-head h3{font-size:20px!important}
  .doc-builder-head p{font-size:12px!important;line-height:1.45}
  .line-add-box{
    padding:12px!important;
    margin-bottom:14px!important;
    border:1px solid #e4ebf5!important;
    border-radius:14px!important;
    background:#f8fbff!important;
  }
  .catalog-picker{margin:0!important;gap:8px!important}
  .catalog-picker .select{width:100%!important}
  .catalog-picker .btn{width:100%!important;min-height:42px!important}
  .manual-line-btn{
    width:100%!important;
    margin-top:8px!important;
    min-height:42px!important;
    font-size:12px!important;
  }

  .line-table-head{display:none!important}
  .line-row{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:10px!important;
    padding:12px!important;
    margin:0 0 12px!important;
    border:1px solid #e4ebf5!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(33,52,94,.03)!important;
  }
  .line-row .desc-field{grid-column:1/-1!important}
  .line-field>label{
    display:block!important;
    margin:0 0 5px!important;
    color:#78859a!important;
    font-size:9px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
  }
  .line-field .input{
    width:100%!important;
    min-width:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .line-row .line-total{
    grid-column:1/3!important;
    align-self:center!important;
    padding:4px 2px!important;
    text-align:left!important;
    font-size:14px!important;
  }
  .line-row .line-total:before{
    content:"Total HT  ";
    color:#8490a4;
    font-size:10px;
    font-weight:700;
  }
  .line-row .remove-line{
    grid-column:3!important;
    justify-self:end!important;
    width:38px!important;
    height:38px!important;
  }
}

@media(max-width:380px){
  .mobile-header-brand img{width:132px!important}
  .line-row{grid-template-columns:1fr 1fr!important}
  .line-row .line-field:nth-child(4){grid-column:1/-1!important}
  .line-row .line-total{grid-column:1!important}
  .line-row .remove-line{grid-column:2!important}
}