@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#142238;background:#f7f9fc}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:0}.container{max-width:1160px;margin:auto;padding:0 24px}header{background:#091827;color:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #213447}.nav{height:80px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:25px;font-weight:900;letter-spacing:1px;line-height:1}.brand svg{color:#39b9ff}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:2px;margin-top:6px;color:#8fa5b9}.blue{color:#38bdf8}nav{display:flex;align-items:center;gap:32px}nav a{font-size:13px;color:#d5e0eb}nav a:hover{color:#38bdf8}.btn{background:#0789df;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:15px 23px;font-size:14px;font-weight:700;transition:.2s}.btn:hover{background:#0875ba}.btn.small{padding:12px 17px}.btn.ghost{background:transparent;border:1px solid #667d90}.btn.ghost-dark{background:transparent;color:#142238;border:1px solid #c8d3df}.btn.outline{background:#fff;color:#087ac4;border:1px solid #0a89d8}.btn.full{width:100%}.hamb{display:none;background:none;color:#fff}.hero{background:radial-gradient(circle at 85% 30%,#123d60,#091827 48%,#071420);color:#fff;padding:94px 0 110px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#0a96ed}.eyebrow{color:#69c9ff;display:flex;align-items:center;gap:10px}.dot,.live{width:8px;height:8px;background:#16e2a1;display:inline-block;border-radius:50%}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(38px,4.4vw,59px);letter-spacing:-2px;line-height:1.12;margin:24px 0}.hero h1 em{font-style:normal;color:#38bdf8}.hero p{color:#afc2d4;line-height:1.85;font-size:15px;max-width:540px}.actions{display:flex;gap:12px;margin:30px 0}.trust{display:flex;gap:22px;color:#a6c3d9;font-size:12px}.trust span{display:flex;gap:7px;align-items:center}.trust svg{width:16px;color:#39b9ff}.hero-art{position:relative}.camera-card{border:1px solid #315879;border-radius:17px;background:#12293c;box-shadow:0 24px 65px #0007;padding:14px;transform:rotate(-2deg)}.camera-top,.camera-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;font-weight:800;color:#acc6d7;padding:8px 6px}.camera-top span,.camera-bottom span{display:flex;align-items:center;gap:8px}.camera-scene{height:300px;background:linear-gradient(135deg,#193f5d,#0a1725);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#4caee3;border-radius:8px;position:relative;overflow:hidden}.camera-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 28px,#ffffff06 29px),repeating-linear-gradient(90deg,transparent,transparent 28px,#ffffff06 29px)}.camera-scene span{font-size:11px;letter-spacing:2px}.floating{position:absolute;bottom:-35px;left:-35px;background:#fff;color:#142238;padding:18px;display:flex;align-items:center;gap:12px;border-radius:12px;box-shadow:0 15px 35px #0005;font-size:12px;font-weight:800}.floating svg{color:#0789df}.floating small{display:block;color:#71869a;font-size:10px;font-weight:500;margin-top:5px}.section{padding:95px 0}.section.alt{background:#eef4fa}.section.inner{min-height:65vh}.section-heading{text-align:center;margin-bottom:44px}.section-heading h2{font-size:34px;letter-spacing:-1px;margin:12px 0}.section-heading p{color:#687b8d}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature,.plan,.panel{background:#fff;border:1px solid #e0e8f0;border-radius:14px;padding:30px}.feature svg{color:#0789df;width:34px;height:34px;margin-bottom:18px}.feature h3{font-size:18px}.feature p,.plan p,.panel p{color:#687b8d;font-size:14px;line-height:1.75}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,440px));justify-content:center;gap:25px}.plan{position:relative;padding:35px}.plan.highlighted{border:2px solid #0789df;box-shadow:0 15px 45px #006dc31c}.recommended{position:absolute;right:20px;top:-14px;background:#0789df;color:#fff;padding:8px 13px;border-radius:5px;font-size:10px;font-weight:800}.plan-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#e8f5ff;color:#0789df;margin-bottom:20px}.plan h3{font-size:22px}.hours{font-size:28px;font-weight:900;margin:25px 0;border-bottom:1px solid #e1e8ef;padding-bottom:24px}.plan ul{list-style:none;padding:0;display:grid;gap:18px;margin:0 0 35px}.plan li{display:flex;gap:10px;font-size:13px}.plan li svg{width:18px;min-width:18px;color:#0789df}.cta{background:#0a2033;color:#fff;text-align:center;padding:70px 20px}.cta h2{font-size:30px}.cta p{color:#a9c0d1}.narrow{max-width:700px}.narrow h1{font-size:42px;margin:14px 0}.narrow>.panel{margin-top:30px}.login-wrap{background:linear-gradient(135deg,#071827,#143d5b);min-height:75vh;display:grid;place-items:center;padding:55px 20px}.login-card{width:100%;max-width:440px;background:#fff;border-radius:18px;padding:38px;box-shadow:0 25px 70px #0004;text-align:center}.login-icon{display:inline-grid;place-items:center;background:#e8f5ff;color:#0789df;border-radius:13px;padding:15px}.login-card h1{font-size:25px;margin:20px 0 7px}.login-card>p{font-size:13px;color:#7b8a9b}.tabs{display:flex;background:#eff4f8;padding:5px;border-radius:9px;margin:25px 0}.tabs button{flex:1;background:none;padding:12px;font-weight:700;color:#6c7d8d;border-radius:7px}.tabs button.active{background:#fff;color:#0789df;box-shadow:0 2px 7px #0001}form{text-align:left}label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}input,select,textarea{width:100%;padding:13px 12px;border:1px solid #d6e0e8;border-radius:7px;background:#fff;color:#142238;margin-bottom:18px;outline-color:#0789df}textarea{min-height:95px;resize:vertical}.notice,.demo-warning{background:#fff8e7;color:#735719;border:1px solid #f4db9e;border-radius:8px;padding:13px;font-size:12px;line-height:1.6}.demo-links{border-top:1px solid #e1e8ef;margin-top:22px;padding-top:20px;display:grid;gap:10px;font-size:12px}.demo-links button{background:none;color:#0789df;font-weight:700}.dashboard{background:#f2f6fa;padding:55px 0 90px;min-height:75vh}.dash-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dash-heading h1{font-size:32px;margin:10px 0}.dash-heading p{color:#71849a}.demo-warning{margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stats>div{background:#fff;border:1px solid #e0e8f0;border-radius:12px;padding:25px;display:flex;flex-direction:column;gap:10px}.stats svg{color:#0789df}.stats strong{font-size:25px}.stats span{font-size:12px;color:#7b8a9b}.panel{margin-bottom:22px}.panel h2{display:flex;align-items:center;gap:10px;font-size:19px}.panel h2 svg{color:#0789df}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .wide{grid-column:1/-1}.records{display:grid;gap:13px}.record{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #e1e8ef;border-radius:10px}.record h3{font-size:16px;margin:12px 0 6px}.record p{margin:4px 0}.record>svg{color:#0789df}.tag{font-size:10px;background:#e0f7ec;color:#168453;border-radius:30px;padding:5px 10px;font-weight:700}.filter{max-width:500px}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}footer{background:#071420;color:#8fa5b9;padding:32px 0;font-size:11px}@media (max-width:800px){.hamb{display:block}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#091827;padding:25px;flex-direction:column;align-items:stretch}nav.show{display:flex}.hero-grid,.three,.plans{grid-template-columns:1fr}.hero{padding:65px 0 90px}.hero-art{margin-top:30px}.camera-scene{height:240px}.floating{left:0}.section{padding:65px 0}.trust{flex-wrap:wrap}.foot{flex-direction:column;align-items:flex-start}.dash-heading{align-items:flex-start;gap:20px;flex-direction:column}}@media (max-width:520px){.actions{flex-direction:column}.stats,.form-grid{grid-template-columns:1fr}.plan,.login-card{padding:25px}.hero h1{font-size:39px}.camera-top,.camera-bottom{font-size:7px}}.market-checks{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.market-checks label{display:flex;align-items:center;gap:7px}.market-checks input{width:auto}.record a{color:#0878c9;text-decoration:underline}.retention-notice{font-size:.88rem;color:#52657b;line-height:1.6;margin:8px 0 18px}.btn:active,button:active{transform:scale(.97);filter:brightness(.77)}.btn:focus-visible,button:focus-visible{outline:3px solid #064f9a;outline-offset:3px}.btn:disabled,button:disabled{opacity:.6;cursor:wait}.date-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 24px}.date-filter label{font-weight:700}.date-filter input{padding:12px;border:1px solid #c8d3df;border-radius:8px}.day-empty{padding:18px;border-radius:8px;background:#f1f6fc;color:#263b53}.protvig-calendar{width:100%;max-width:420px;border:1px solid #d6dfec;border-radius:14px;padding:16px;background:#fff}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;text-transform:capitalize}.calendar-nav button{border:1px solid #d6dfec;border-radius:8px;background:#f7f9fd;padding:6px 14px;cursor:pointer;font-size:22px}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.calendar-days>span{font-size:12px;color:#66758b;padding:8px 0}.calendar-day{position:relative;min-height:42px;border:1px solid transparent;border-radius:8px;background:#f6f8fb;color:#23334a;cursor:pointer;font-weight:600}.calendar-day:hover{background:#dbe9fc}.calendar-day.selected{background:#174f99;color:#fff}.unread-dot,.read-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1476eb;flex-shrink:0}.read-dot{background:#3c9c68}.calendar-day .unread-dot{position:absolute;bottom:3px;left:calc(50% - 4px)}.calendar-help{display:flex;align-items:center;gap:8px;font-size:12px;color:#596d83;margin-top:12px}.read-market{padding:12px 0;border-bottom:1px solid #e5eaf1}.read-market p{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:14px}.calendar-day .unread-count{position:absolute;bottom:1px;left:50%;transform:translate(-50%);min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#1476eb;color:#fff;font-size:10px;line-height:1;font-weight:800;box-shadow:0 0 0 1px #fff}.calendar-day{padding-bottom:15px}.calendar-day.selected .unread-count{background:#fff;color:#174f99;box-shadow:none}.protvig-calendar{max-width:620px;width:100%;padding:22px;border:1px solid #263c5d;border-radius:22px;background:linear-gradient(145deg,#17253d,#0b1424 85%);color:#f8fbff;box-shadow:0 18px 38px #07152b2e}.protvig-calendar .calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.protvig-calendar .calendar-title{display:flex;flex-direction:column;gap:4px;text-align:center;min-width:0}.protvig-calendar .calendar-title strong{font-size:clamp(18px,3.5vw,25px);font-weight:800;text-transform:capitalize;color:#fff}.protvig-calendar .calendar-title small{font-size:12px;color:#a7b8d3;font-weight:400}.protvig-calendar .calendar-nav button{flex-shrink:0;width:40px;height:40px;padding:0;border-radius:12px;border:1px solid #344a6c;background:#1b2b48;color:#f7fbff;font-size:26px;line-height:1}.protvig-calendar .calendar-nav button:hover{background:#284a78}.protvig-calendar .calendar-days{gap:7px}.protvig-calendar .calendar-days>span{padding:6px 0 10px;color:#a6b8d2;font-size:12px;font-weight:700}.protvig-calendar .calendar-day{height:58px;min-height:58px;border:1px solid #283a54;border-radius:11px;background:#19263b;color:#f8fbff;font-size:15px;padding:0 0 7px;box-shadow:0 2px 6px #0000001a}.protvig-calendar .calendar-day:hover{background:#253e62;border-color:#4c78b2}.protvig-calendar .calendar-day.selected{background:linear-gradient(135deg,#1671f7,#0944a7);border:2px solid #53adff;color:#fff;box-shadow:0 0 0 2px #1476eb1f}.protvig-calendar .calendar-day.today:not(.selected){border-color:#418be7}.protvig-calendar .calendar-day.today:after{content:"";position:absolute;bottom:5px;left:calc(50% - 3px);height:6px;width:6px;border-radius:50%;background:#fff}.protvig-calendar .calendar-day.quiet:not(.selected){border-color:#247c69}.protvig-calendar .calendar-day.quiet:not(.selected):before{content:"";position:absolute;bottom:5px;left:calc(50% - 3px);height:6px;width:6px;border-radius:50%;background:#20bf88}.protvig-calendar .calendar-day .unread-count{top:3px;right:3px;left:auto;bottom:auto;transform:none;min-width:18px;height:18px;padding:0 4px;font-size:10px;background:#1476eb;color:#fff;box-shadow:0 0 0 1px #20334d}.protvig-calendar .calendar-day.selected .unread-count{background:#fff;color:#1452a9}.protvig-calendar .calendar-legend{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:20px;padding:14px;border:1px solid #293d58;border-radius:12px;background:#17263d;font-size:11px;color:#c1d0e4}.protvig-calendar .calendar-legend span{display:flex;align-items:center;gap:7px}.protvig-calendar .calendar-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.protvig-calendar .legend-blue{background:#1476eb}.protvig-calendar .legend-green{background:#20bf88}.protvig-calendar .legend-gray{background:#596b83}.protvig-calendar .legend-today{background:#fff;border:2px solid #398cf6}@media (max-width:480px){.protvig-calendar{padding:12px;border-radius:15px}.protvig-calendar .calendar-days{gap:3px}.protvig-calendar .calendar-day{height:46px;min-height:46px;font-size:13px}.protvig-calendar .calendar-title small{font-size:10px}.protvig-calendar .calendar-nav button{height:34px;width:34px}.protvig-calendar .calendar-legend{padding:10px;gap:9px}}.client-overview h2,.reports-panel h2{display:flex;align-items:center;gap:10px}.client-market-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.client-market{border:1px solid #dce5f0;background:#f8fbff;padding:18px;border-radius:14px;display:flex;flex-direction:column;gap:12px;justify-content:space-between}.client-market strong{display:block;font-size:18px;color:#142238;margin-bottom:6px}.client-market span{display:block;font-size:13px;color:#526b87}.upgrade-link{background:transparent;text-align:left;padding:0;font-size:12px;color:#1977b8;font-weight:600;cursor:pointer}.history-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 22px}.calendar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#050f1eb3;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.calendar-dialog{width:min(100%,660px);max-height:calc(100vh - 30px);overflow:auto;background:#fff;border-radius:20px;padding:16px;box-shadow:0 22px 90px #0000004d}.calendar-dialog .protvig-calendar{max-width:none;box-shadow:none}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 15px;color:#162d48}.dialog-heading strong{font-size:18px}.dialog-heading button{background:#eef3fa;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;color:#243a58}.dialog-footer{padding-top:12px;display:flex;justify-content:flex-end}.report-controls{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.report-controls>div{flex:1;min-width:190px}.report-controls label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.report-controls select{width:100%}.chart-summary{display:flex;align-items:baseline;gap:10px;padding:10px 0}.chart-summary strong{font-size:32px;color:#0c70bb}.chart-summary span{font-size:13px;color:#60758d}.bar-chart{height:260px;display:flex;gap:8px;align-items:stretch;padding:12px 4px 8px;overflow-x:auto;border-bottom:1px solid #dce4ef}.bar-column{min-width:42px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.bar-value{font-size:12px;color:#426180;font-weight:700}.bar-track{height:190px;width:min(100%,45px);display:flex;align-items:flex-end;background:#edf3fa;border-radius:7px 7px 0 0;overflow:hidden}.bar-fill{width:100%;min-height:0;background:linear-gradient(180deg,#30a7f4,#0861b3);border-radius:6px 6px 0 0;transition:height .3s}.bar-label{font-size:10px;color:#64768d;white-space:nowrap;text-align:center;min-height:30px}.report-note{font-size:12px;color:#5a708a;margin:14px 0 0}@media (max-width:600px){.calendar-dialog{padding:10px}.bar-chart{gap:5px}.bar-column{min-width:44px}.report-controls>div{min-width:130px}}.stats .stat-link{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;height:100%;min-width:0;padding:inherit;border:0;border-radius:inherit;background:transparent;color:inherit;cursor:pointer;font:inherit}.stats .stat-link:hover{background:#1578ce0f}.stats .stat-link small{display:block;margin-top:9px;font-size:11px;font-weight:400;line-height:1.45;color:#667d96}.stats .stat-unread{position:absolute;right:10px;top:10px;display:flex;align-items:center;justify-content:center;min-width:23px;height:23px;border-radius:999px;padding:0 5px;background:#1176e8;color:#fff;font-size:11px;font-weight:800;box-shadow:0 2px 8px #1475cf44}.dashboard-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 26px}.dashboard-back{margin:4px 0 18px}.history-month-filter{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:18px 0 8px}.history-month-filter label{font-size:13px;font-weight:700;align-self:center}.history-month-filter select{width:auto;min-width:205px;max-width:100%;text-transform:capitalize}.history-month-filter span{font-size:12px;color:#5c7590;padding-bottom:10px}.stats>button.stat-link{background:#fff;border:1px solid #e0e8f0;border-radius:12px;padding:25px;display:flex;flex-direction:column;gap:10px}.stats>button.stat-link:hover{border-color:#1684d5;box-shadow:0 5px 18px #176fc019}.stats>button.stat-link .stat-unread{color:#fff;background:#1176e8;font-size:11px}.stats>button.stat-link small{color:#667d96}
