:root{color:#172b46;background:#f3f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.shell{max-width:1180px;margin:0 auto;padding:28px 18px 54px}.brandbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.brandbar img{width:180px;height:auto}.badge{color:#17653d;background:#dff4e7;border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.card{background:#fff;border:1px solid #d7e0eb;border-radius:17px;padding:22px;box-shadow:0 7px 22px #20334f0c}.hero{color:#fff;background:linear-gradient(135deg,#0b2b54,#184f88);border-radius:20px;margin-bottom:20px;padding:32px}.hero h1{letter-spacing:-1.5px;margin:7px 0;font-size:clamp(28px,5vw,45px)}.hero p{color:#dce9f8;max-width:720px;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:1.2px;color:#5c7698;font-size:12px;font-weight:850}.hero .eyebrow{color:#a9c8eb}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tile{background:#fff;border:1px solid #d7e0eb;border-radius:15px;padding:22px;text-decoration:none;display:block}.tile h2{margin:0 0 8px}.tile p{color:#5d6f86;margin:0;line-height:1.55}.tile:hover{border-color:#7da3cf;box-shadow:0 8px 25px #173c7112}.btn{color:#183650;background:#e6ecf3;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:11px 16px;font-weight:800;text-decoration:none;display:inline-flex}.btn.primary{color:#fff;background:#123e74}.btn.danger{color:#9d2634;background:#ffe6e8}.btn:disabled{opacity:.55;cursor:default}.form{gap:15px;display:grid}.field{gap:6px;display:grid}.field label{font-size:13px;font-weight:800}.field input,.field select,.field textarea{color:#172b46;background:#fff;border:1px solid #aebed0;border-radius:10px;width:100%;padding:12px}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.alert{color:#6f5100;background:#fff1d7;border:1px solid #eed28c;border-radius:11px;padding:12px 14px}.success{color:#175f38;background:#eaf8ef;border:1px solid #b5dfc3;border-radius:11px;padding:12px 14px}.login{max-width:520px;margin:48px auto}.login h1{margin-top:0}.small{color:#607289;font-size:13px;line-height:1.5}.tablewrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:left;border-bottom:1px solid #e4e9f0;padding:13px;font-size:14px}th{text-transform:uppercase;letter-spacing:.7px;color:#60748e;font-size:11px}.status{color:#91600b;background:#fff1d9;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.status.active{color:#17653d;background:#dff4e7}.status.blocked{color:#a02132;background:#ffe4e7}.codebox{letter-spacing:2px;color:#123e74;text-align:center;background:#eef5fd;border:1px dashed #7aa0cb;border-radius:12px;margin:15px 0;padding:17px;font-size:25px;font-weight:900}.manager-users{gap:13px;display:grid}.userrow{background:#fff;border:1px solid #dce4ee;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.userrow h3,.userrow p{margin:0}.userrow p{color:#607289;margin-top:4px;font-size:13px}.nav-actions{flex-wrap:wrap;gap:10px;display:flex}.vp-app{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.vp-side{color:#dce8f6;background:#0b274a;flex-direction:column;gap:18px;padding:24px 15px;display:flex}.vp-side>img{background:#fff;border-radius:12px;width:180px;padding:8px}.vp-side>p{margin:0;padding:0 11px;font-size:27px;font-weight:900}.vp-side nav{gap:6px;display:grid}.vp-side nav button{color:inherit;text-align:left;background:0 0;border:0;border-radius:10px;padding:12px;font-weight:750}.vp-side nav button.active,.vp-side nav button:hover{color:#fff;background:#1c4779}.vp-user{border-top:1px solid #345578;gap:5px;margin-top:auto;padding:13px;display:grid}.vp-user span{color:#acc0d8;font-size:12px}.vp-user button{color:#fff;text-align:left;background:0 0;border:0;padding:7px 0;font-weight:800}.vp-main{min-width:0;padding:28px clamp(16px,4vw,48px) 55px}.vp-top{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px;display:flex}.vp-top h1{margin:5px 0 0;font-size:clamp(26px,4vw,38px)}.vp-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.vp-metrics>div{background:#fff;border:1px solid #d8e1ec;border-radius:14px;padding:20px}.vp-metrics small{color:#607289;margin-bottom:9px;font-weight:750;display:block}.vp-metrics b{font-size:24px}.vp-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.vp-formgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.vp-list{gap:8px;display:grid}.vp-list>div{border-bottom:1px solid #e2e8ef;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.vp-list span{color:#607289;font-size:13px}.vp-return{border:1px solid #dce4ee;border-radius:13px;margin:12px 0;padding:16px}.vp-return>div:first-child p{color:#607289;margin:5px 0}.vp-return-form{border-top:1px solid #dce4ee;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:16px;display:grid}.vp-return-form .btn{align-self:end}@media (max-width:900px){.vp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-columns{grid-template-columns:1fr}}@media (max-width:720px){.grid{grid-template-columns:1fr}.brandbar{align-items:flex-start}.brandbar img{width:145px}.userrow{flex-direction:column;align-items:flex-start}.form-actions{justify-content:stretch}.form-actions .btn{width:100%}.vp-app{display:block}.vp-side{gap:11px;padding:14px}.vp-side>img{width:135px}.vp-side>p{display:none}.vp-side nav{display:flex;overflow:auto}.vp-side nav button{white-space:nowrap}.vp-user{align-items:center;gap:10px;margin:0;display:flex}.vp-user button{margin-left:auto}.vp-main{padding:20px 13px 40px}.vp-top{display:block}.vp-top .badge{margin-top:10px}.vp-formgrid,.vp-return-form{grid-template-columns:1fr}.vp-metrics>div{padding:15px}.vp-metrics b{font-size:20px}}.vp-tutorial{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.vp-tutorial span{color:#fff;text-align:center;background:#123e74;border-radius:10px;padding:11px;font-size:13px;font-weight:850}@media (max-width:720px){.vp-tutorial{grid-template-columns:1fr}}.agenda-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.agenda-head h2{margin-top:0}.agenda-tabs,.agenda-filters{flex-wrap:wrap;align-items:flex-end;gap:9px;display:flex}.agenda-tabs{margin:18px 0 12px}.agenda-filters{background:#f4f7fc;border-radius:14px;margin-bottom:14px;padding:16px}.agenda-filters .field{flex:1;min-width:145px}.agenda-tabs .btn.selected,.agenda-filters .btn.selected{color:#fff;background:#123e74}.agenda-summary{background:#eaf1fb;border:1px solid #bfd1e9;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:18px 20px;display:flex}.agenda-summary div{gap:4px;display:grid}.agenda-summary small{color:#536d8c;font-weight:800}.agenda-summary span{font-weight:750}.agenda-summary strong{color:#113968;font-size:25px}.agenda-note{margin-bottom:0}@media (max-width:720px){.agenda-head{flex-direction:column;align-items:stretch}.agenda-head .btn{width:100%}.agenda-filters .field{min-width:100%}.agenda-summary strong{font-size:22px}}.vcpier-guide{background:linear-gradient(135deg,#eaf3ff,#f7fbff);border:1px solid #c8dbef;border-radius:16px;align-items:center;gap:15px;margin-bottom:16px;padding:18px 20px;display:flex}.vcpier-guide h2,.vcpier-guide p{margin:0}.vcpier-guide p{color:#536d8c;margin-top:4px}.guide-avatar{color:#fff;background:#123e74;border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;font-weight:900;display:grid}.vp-formgrid .wide{grid-column:1/-1}.readonly-field{color:#415a75;background:#f3f6fa;border:1px solid #c8d4e1;border-radius:10px;padding:12px;font-weight:750}.customer-area{gap:18px;display:grid}.customer-toolbar,.customer-form-head,.customer-file-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.customer-toolbar h2,.customer-toolbar p,.customer-form-head h3,.customer-file-head h2{margin:0}.customer-form{background:#f7faff;border:1px solid #cbd9e8;border-radius:14px;padding:18px}.customer-picker{gap:7px;display:grid;position:relative}.customer-picker>label{font-size:13px;font-weight:850}.customer-search-row{gap:8px;display:flex}.customer-search-row input{color:#172b46;background:#fff;border:1px solid #9eb2c8;border-radius:10px;width:100%;min-width:0;padding:12px}.customer-search-note{color:#607289;margin:0;font-size:12px}.customer-results{background:#fff;border:1px solid #b6c8dc;border-radius:12px;display:grid;overflow:hidden;box-shadow:0 12px 30px #173c7120}.customer-results button{text-align:left;color:#172b46;background:#fff;border:0;border-bottom:1px solid #e2e8ef;gap:3px;padding:12px 14px;display:grid}:is(.customer-results button:hover,.customer-results button:focus-visible){background:#edf5ff}.customer-results small{color:#607289}.customer-no-results{color:#607289;padding:14px}.selected-customer{background:#eaf8ef;border:1px solid #a8cfb7;border-radius:11px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.selected-customer span{color:#17653d;text-transform:uppercase;font-size:12px;font-weight:850}.selected-customer small{color:#607289}.customer-file{border-top:1px solid #dce4ee;gap:16px;padding-top:18px;display:grid}.customer-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.customer-details>div{background:#f9fbfd;border:1px solid #dce4ee;border-radius:12px;gap:5px;padding:14px;display:grid}.customer-details .wide{grid-column:1/-1}.customer-details small,.customer-metrics small{color:#607289;font-weight:750}.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.customer-metrics>div{background:#eef4fb;border-radius:13px;gap:6px;padding:18px;display:grid}.customer-metrics strong{color:#123e74;font-size:24px}.customer-empty{color:#607289;text-align:center;border:1px dashed #b9c8d8;border-radius:13px;padding:22px}@media (max-width:720px){.vcpier-guide,.customer-toolbar,.customer-form-head,.customer-file-head{flex-direction:column;align-items:stretch}.customer-toolbar .btn,.customer-form-head .btn,.customer-file-head .btn{width:100%}.customer-search-row{flex-direction:column;align-items:stretch}.customer-details,.customer-metrics{grid-template-columns:1fr}.customer-details .wide{grid-column:auto}}.password-control{position:relative}.password-control input{padding-right:50px}.password-toggle{color:#395570;background:0 0;border:0;border-radius:9px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}:is(.password-toggle:hover,.password-toggle:focus-visible){outline-offset:1px;background:#eaf0f6;outline:2px solid #5c82ad}.password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.tutorial-page{max-width:840px}.tutorial-page h1{margin:.35em 0;font-size:clamp(28px,5vw,42px)}.tutorial-actions{justify-content:space-between;margin-bottom:18px}.tutorial-steps{gap:13px;padding-left:24px;line-height:1.55;display:grid}.tutorial-steps li{padding-left:5px}@media print{.tutorial-actions{display:none}.tutorial-page{max-width:none;padding:0}.tutorial-page .card{box-shadow:none;border:0}}