:root{--blue: #1565c0;--blue-dark: #0b3f8a;--navy: #0a2f66;--green: #3a9d23;--green-dark: #2b7d18;--red: #e53935;--bg: #f2f6fb;--card: #fff;--text: #1c2b3f;--muted: #6b7a90;--line: #e3eaf3;--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px}h1{font-size:22px;margin:0}h3{margin:0 0 12px}a{cursor:pointer}.muted{color:var(--muted)}.center{text-align:center}.r{text-align:right}.grow{flex:1}label{display:block;font-weight:600;margin:12px 0 5px;font-size:13px}input:not([type=checkbox]):not([type=file]),textarea,select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff;outline:none;transition:.15s}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1565c026}fieldset{border:0;padding:0;margin:0}.check{display:flex;align-items:center;gap:8px;font-weight:500;margin:8px 0}.btn{border:1px solid var(--line);background:#fff;color:var(--text);padding:9px 16px;border-radius:8px;cursor:pointer;font:inherit;font-weight:600;transition:.15s}.btn:hover{background:#eef3fa}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:0}.btn.primary:hover{filter:brightness(1.1)}.btn.danger{color:var(--red);border-color:#f5c6c4}.btn.danger:hover{background:#fdeceb}.btn.sm{padding:5px 11px;font-size:12px;margin-left:4px}.btn.block{width:100%;margin-top:16px;padding:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{background:none;border:0;font-size:18px;cursor:pointer;color:var(--muted)}.link{background:none;border:0;color:var(--blue);cursor:pointer;font-weight:600}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-side{background:linear-gradient(160deg,#fff,#e8f1fc 55%,#e5f4e0);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--blue-dark);font-size:18px;font-weight:500}.login-logo{max-width:420px;width:100%;mix-blend-mode:multiply}.login-logo-sm{display:none}.login-card{align-self:center;justify-self:center;width:100%;max-width:400px;background:#fff;padding:36px;border-radius:16px;box-shadow:0 10px 40px #0a2f661f;margin:24px;border-top:5px solid var(--green)}.login-card h2{margin:0 0 4px;color:var(--blue-dark)}.pw{position:relative}.pw .link{position:absolute;right:10px;top:8px;font-size:12px}.alert{background:#fdeceb;color:#b3261e;padding:10px 12px;border-radius:8px;margin:14px 0 0}.copy{text-align:center;color:var(--muted);font-size:12px;margin:18px 0 0}.shell{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,var(--navy),var(--blue-dark));color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{padding:0 20px;height:64px;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:.3px;border-bottom:1px solid rgba(255,255,255,.12)}.brand .avatar{background:#fff;border:2px solid rgba(255,255,255,.5)}.brand .avatar img{object-position:50% 30%}.clock{display:flex;flex-direction:column;align-items:center;line-height:1.25}.clock strong{font-size:18px;color:var(--blue-dark);font-variant-numeric:tabular-nums}.clock small{color:var(--muted);font-size:12px}.sidebar nav{padding:14px 10px;flex:1;overflow-y:auto}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;color:#cfe0f6;text-decoration:none;border-radius:10px;margin-bottom:4px;font-weight:500;transition:.15s}.sidebar nav a:hover{background:#ffffff1a;color:#fff}.sidebar nav a.active{background:var(--green);color:#fff;box-shadow:0 4px 12px #0003}.ico{width:22px;text-align:center}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;display:flex;align-items:center;background:#fff;padding:10px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.burger{display:none}.content{padding:24px;flex:1}.foot{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;color:var(--muted);font-size:12px;border-top:1px solid var(--line);background:#fff}.foot img{height:24px;width:auto}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;font:inherit;padding:4px 8px;border-radius:10px}.user-btn:hover{background:var(--bg)}.uname{display:flex;flex-direction:column;text-align:right;font-weight:600;line-height:1.2}.uname small{color:var(--muted);font-weight:400}.avatar{border:2px solid var(--line);width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;display:grid;place-items:center;font-weight:700;text-transform:uppercase;overflow:hidden;flex-shrink:0}.avatar img{background:#fff;width:100%;height:100%;object-fit:cover}.avatar.lg{width:72px;height:72px;font-size:26px}.dropdown{position:absolute;right:0;top:52px;width:230px;background:#fff;border-radius:12px;box-shadow:0 12px 32px #0a2f662e;overflow:hidden;border:1px solid var(--line)}.dd-head{padding:12px 16px;background:var(--bg);display:flex;flex-direction:column}.dd-head small{color:var(--muted)}.dropdown a{display:block;padding:11px 16px;color:var(--text)}.dropdown a:hover{background:#eef3fa}.dropdown a.danger{color:var(--red);border-top:1px solid var(--line)}.page-head{margin-bottom:18px}.page-head.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.page-head p{margin:4px 0 0}.panel{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 2px 10px #0a2f660f}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:20px}.stat{color:#fff;border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:6px;box-shadow:0 6px 16px #0a2f6626}.stat strong{font-size:32px}.stat.blue{background:linear-gradient(135deg,#1e7be0,var(--blue))}.stat.green{background:linear-gradient(135deg,#4cb52e,var(--green-dark))}.stat.navy{background:linear-gradient(135deg,var(--blue),var(--navy))}.stat.red{background:linear-gradient(135deg,#ef5350,#c62828)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}@media(max-width:640px){.mobile-cards table,.mobile-cards thead,.mobile-cards tbody,.mobile-cards th,.mobile-cards tr{display:block}.mobile-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mobile-cards tbody tr{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:2px 14px;background:#fff}.mobile-cards td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);text-align:right}.mobile-cards td:last-child{border-bottom:0}.mobile-cards td[data-label]:before{content:attr(data-label);font-weight:600;color:var(--muted);text-align:left}.mobile-cards td[colspan]{justify-content:center;text-align:center}}th{background:var(--blue-dark);color:#fff;text-align:left;padding:11px 14px;font-weight:600;font-size:13px;white-space:nowrap}th:first-child{border-radius:8px 0 0 8px}th:last-child{border-radius:0 8px 8px 0}td{padding:12px 14px;border-bottom:1px solid var(--line)}tbody tr:hover{background:#f5f9ff}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-right:4px}.badge.blue{background:#e3eefc;color:var(--blue-dark)}.badge.green{background:#e2f4dc;color:var(--green-dark)}.badge.red{background:#fdeceb;color:#b3261e}.search{max-width:320px;margin-bottom:14px}.pager{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:14px}.form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.full{grid-column:1 / -1}.form>.btn,.form fieldset+.btn{margin-top:20px}.narrow{max-width:460px}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs button{border:0;background:#fff;padding:9px 18px;border-radius:8px;cursor:pointer;font:inherit;font-weight:600;color:var(--muted)}.tabs button.on{background:var(--blue);color:#fff}.avatar-row{display:flex;align-items:center;gap:16px}.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:8px}.logo-box{border:1px dashed #b9cbe4;border-radius:10px;padding:12px;background:#fafcff}.logo-prev{height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px;background:#fff;border-radius:8px;margin-bottom:10px;border:1px solid var(--line)}.logo-prev img{max-width:100%;max-height:94px;object-fit:contain}.logo-prev.small img{width:48px;height:48px}.chips{display:flex;flex-wrap:wrap;gap:4px 18px}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.perm-card{border:1px solid var(--line);border-radius:10px;padding:8px 12px}.perm-card .head{text-transform:capitalize;color:var(--blue-dark);font-weight:700;border-bottom:1px solid var(--line);padding-bottom:6px}.modal-back{position:fixed;inset:0;background:#0a1e3c80;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:92vh;overflow:auto}.modal.wide{max-width:760px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--blue-dark);color:#fff;border-radius:14px 14px 0 0}.modal-head h3{margin:0}.modal-head .icon-btn{color:#fff}.modal-body{padding:8px 20px 20px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toasts{position:fixed;top:76px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;min-width:260px;max-width:360px;padding:12px 16px;border-radius:10px;background:#fff;color:var(--text);border-left:4px solid var(--green);box-shadow:0 10px 30px #0a2f662e;font-weight:500;animation:slidein .25s ease-out}.toast:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--green);color:#fff;font-size:13px;font-weight:700}.toast.error{border-left-color:var(--red)}.toast.error:before{content:"!";background:var(--red)}@keyframes slidein{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.login-side{display:none}.login-logo-sm{display:block;max-width:220px;margin:0 auto 8px}.sidebar{position:fixed;left:-260px;z-index:40;transition:.25s}.side-open .sidebar{left:0}.scrim{display:none}.side-open .scrim{display:block;position:fixed;inset:0;background:#00000073;z-index:30}.burger{display:block}.content{padding:16px}.uname{display:none}.form .grid2{grid-template-columns:1fr}}.thumb{height:60px;width:140px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}.btn-badge{border:0;cursor:pointer;font-family:inherit}.btn-badge:disabled{cursor:default}.wide-prev{height:160px;margin-bottom:10px}.sect{margin-bottom:16px}.sect h3{color:var(--blue-dark);margin-bottom:0}.cards4{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:8px}.card-no{display:block;color:var(--green-dark);margin-bottom:4px}.logo-prev .muted{font-size:12px}fieldset+.btn{margin-top:4px}.clip{max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.person{display:flex;align-items:center;gap:10px}.stars{color:#f5a623;letter-spacing:2px;white-space:nowrap}.stars i{color:#d5dbe5;font-style:normal}.rate{display:flex;gap:4px}.rate button{border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:#d5dbe5;padding:0}.rate button.on{color:#f5a623}.dots{display:inline-flex;gap:3px;margin-right:6px;vertical-align:middle}.dots i{width:10px;height:10px;border-radius:50%}.mv-prev{width:150px;height:90px;flex-shrink:0;margin:0}.mv-items{display:grid;gap:10px}.mv-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fafcff}.mv-icon{width:52px;height:52px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:22px;overflow:hidden}.mv-icon img{width:60%;height:60%;object-fit:contain}.mv-fields{flex:1;display:grid;gap:8px;min-width:0}.mv-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.color{width:44px!important;height:34px;padding:2px!important;cursor:pointer}.add-card{justify-self:start;margin-left:0}a.btn{text-decoration:none;display:inline-block}.step{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;margin-right:8px}.svc .sect h3{margin-bottom:4px}.feat-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:10px}.points{display:grid;gap:8px;margin-bottom:8px}.point{display:flex;align-items:center;gap:8px}.tick{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:12px}.savebar{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:12px 0;background:linear-gradient(transparent,var(--bg) 30%)}.status-field{margin-top:4px}.switch{display:inline-flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;padding:0;font:inherit;font-weight:600;color:var(--muted)}.knob{position:relative;width:44px;height:24px;border-radius:24px;background:#cbd5e1;transition:.2s;flex-shrink:0}.knob:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:.2s}.switch.on .knob{background:var(--green)}.switch.on .knob:after{transform:translate(20px)}.switch.on .switch-text{color:var(--green-dark)}.switch:focus-visible .knob{box-shadow:0 0 0 3px #3a9d234d}.status-inline .switch:disabled{cursor:default;opacity:.75}.status-inline .switch{font-size:13px}.group-head{width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;margin-bottom:4px;background:none;border:0;color:#cfe0f6;font:inherit;font-weight:500;border-radius:10px;cursor:pointer;text-align:left;transition:.15s}.group-head:hover{background:#ffffff1a;color:#fff}.group-head.active{color:#fff;background:#ffffff14}.chev{margin-left:auto;font-size:18px;line-height:1;transition:transform .2s}.group.open .chev{transform:rotate(90deg)}.sub{margin:0 0 6px 24px;padding-left:12px;border-left:2px solid rgba(255,255,255,.18)}.sidebar nav .sub a{padding:9px 12px;margin-bottom:2px;font-size:13.5px}.map-prev{margin-top:10px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#eef3fa}.map-prev iframe{display:block;width:100%;height:320px;border:0}.map-bad{margin:0;padding:14px;color:#b3261e}.sub-head{color:var(--blue-dark);margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line)}.sidebar nav .site-link{margin-top:12px;border-top:1px solid rgba(255,255,255,.12);border-radius:0 0 10px 10px;padding-top:14px}.idcard{max-width:640px;margin:0 auto}.idcard canvas{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 10px 30px #0a2f6633}.idcard .dl{margin:12px 0 0}.card-wrap{display:grid;gap:18px;justify-items:center}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0 0;width:100%}.facts div{background:var(--bg);border-radius:10px;padding:10px 14px}.facts dt{color:var(--muted);font-size:12px}.facts dd{margin:2px 0 0;font-weight:600}.ref-box{margin-bottom:16px;display:grid;gap:4px}.ref-box div{display:flex;align-items:baseline;gap:12px}.ref-box strong{font-size:26px;color:var(--blue-dark);letter-spacing:1px}select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}.price-table th{font-size:12px}.price-table td{padding:6px}.price-table input{padding:7px 9px}tr.unread td{background:#f4faf2;font-weight:600}.msg-body{white-space:pre-wrap;background:var(--bg);border-radius:10px;padding:14px 16px;margin:14px 0 0;line-height:1.6}a.btn{text-decoration:none;color:inherit}.nominee-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:center;margin-bottom:8px}.nominee-head{margin:18px 0 8px;color:var(--blue-dark)}.cap{text-transform:capitalize}@media(max-width:640px){.nominee-row{grid-template-columns:1fr}}.sub-tabs{margin-top:4px;margin-bottom:14px}.status-filter{max-width:220px;margin-bottom:14px}a.link,button.link{background:none;border:0;color:var(--blue);font-weight:600;cursor:pointer;padding:0;text-decoration:underline;font-size:inherit}.bill-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.bill-preview img{width:100%;border-radius:10px;border:1px solid var(--line)}.hp-balance{display:flex;align-items:center;gap:16px;margin-bottom:14px}.hp-star{font-size:40px}.hp-balance strong{font-size:26px;color:var(--blue-dark);display:block}.hp-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.hp-row:last-child{border-bottom:0}.hp-row p{margin:2px 0 0;font-size:13px}.hp-amt{font-weight:700;white-space:nowrap}.hp-amt.plus{color:var(--green-dark)}.hp-amt.minus{color:#b3261e}.hp-overlay{position:fixed;inset:0;background:#0a1e3c8c;display:grid;place-items:center;z-index:100;padding:16px}.hp-sheet{background:#fff;border-radius:18px;padding:28px 24px;width:100%;max-width:380px;text-align:center;max-height:90vh;overflow-y:auto}.hp-sheet.wide{max-width:480px;text-align:left}.hp-sheet h2{margin:10px 0 12px;color:var(--blue-dark);text-align:center}.hp-bell{width:56px;height:56px;margin:0 auto;border-radius:50%;background:#fff3d6;color:#f5a623;display:grid;place-items:center;font-size:26px}.hp-sheet p{color:var(--text);line-height:1.6;font-size:14px}.btn-text{display:block;margin:14px auto 0;background:none;border:0;color:var(--blue);font-weight:600;cursor:pointer}.hp-star-line{font-weight:700;color:var(--blue-dark)}.hp-list{margin:8px 0 16px;padding-left:20px;font-size:13px;color:var(--muted);line-height:1.7}.purchase-card{margin-bottom:16px}.purchase-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.purchase-head .badge{margin-left:8px}.purchase-amount{font-size:20px;font-weight:700;color:var(--blue-dark)}.purchase-date{margin:4px 0 0}.uploader{margin-top:8px;border:2px dashed #b9cbe4;border-radius:14px;padding:24px 16px;text-align:center;cursor:pointer;background:#fafcff;transition:.15s}.uploader:hover,.uploader.over{border-color:var(--blue);background:#eef4fd}.uploader.full{cursor:default}.uploader-icon{font-size:30px;display:block}.uploader-title{margin:8px 0 2px;font-weight:700;color:var(--blue-dark);font-size:14px}.uploader-sub{margin:0;color:var(--muted);font-size:12px}.uploader-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.uploader-thumb{position:relative;width:96px;height:96px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff}.uploader-thumb img{width:100%;height:100%;object-fit:cover;display:block}.uploader-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:#0b2545bf;color:#fff;font-size:11px;cursor:pointer;line-height:1}.uploader-add{width:96px;height:96px;border-radius:12px;border:2px dashed #b9cbe4;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--blue);background:#fff}.uploader-add span{font-size:24px;line-height:1}.uploader-add small{font-size:10px;color:var(--muted);margin-top:2px}.field-invalid{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261f!important}.field-error{display:block;margin-top:4px;color:#dc2626;font-size:12px}