@font-face{font-family:Gift;src:url('/assets/font.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#192a37;font-family:Gift,Tahoma,sans-serif;font-size:15px;line-height:1.8}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;background:#163c46;border:1px solid transparent;color:white;padding:10px 20px;border-radius:11px;font-weight:600;min-height:44px}button:hover,.button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:#29404d;border-color:#dce3e7}.danger{background:#a33e42}.small{padding:6px 12px;font-size:13px;min-height:34px}.close{float:left;font-size:24px;padding:0;width:36px;min-height:36px}header{height:100px;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #e7ebed}.brand{display:flex;gap:14px;align-items:center}.brand img{height:54px;width:54px;object-fit:contain}.brand b{display:block;font-size:24px;line-height:1.4}.brand small{color:#71808a;font-size:12px}#accountBar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}main{max-width:1360px;margin:32px auto;padding:0 28px;min-height:72vh}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.5;letter-spacing:-.7px}h2{font-size:21px}h3{font-size:17px}.muted,small{color:#6f7e89}.eyebrow{font-size:13px;letter-spacing:2px;color:#b57a24;font-weight:700;direction:ltr;display:inline-block}section,.card{background:white;border:1px solid #e1e6e9;border-radius:19px;padding:24px;margin-bottom:20px;box-shadow:0 6px 28px #16293804}.hero{background:#122532;color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;overflow:hidden;padding:42px;border:none}.hero h1{font-size:38px;max-width:550px}.hero p{color:#a9bcc6;max-width:480px}.hero .eyebrow{color:#f0c781}.hero .card{margin:0;color:#192a37}.hero-badge{display:inline-flex;padding:7px 14px;border:1px solid #44606b;border-radius:40px;font-size:12px;margin-top:20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:13px}.metric{padding:22px;background:white;border:1px solid #e1e6e9;border-radius:16px}.metric strong{font-size:32px;display:block;color:#183e49}.metric span{color:#71808a;font-size:13px}.pill{display:inline-block;background:#edf1f4;padding:3px 11px;font-size:12px;border-radius:40px;white-space:nowrap}.pill.online,.pill.applied,.pill.answered{background:#e2f3eb;color:#18704c}.pill.offline,.pill.cancelled,.pill.closed{background:#f4e9e8;color:#9d4c4c}.pill.pending,.pill.open{background:#fbf0db;color:#8c6424}nav{display:flex;gap:6px;border-bottom:1px solid #dce3e7;margin-bottom:24px;padding-bottom:10px;overflow-x:auto}nav button{background:transparent;color:#6b7b87;border-radius:10px;white-space:nowrap}nav button.active{background:#193d48;color:white}.tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:14px 0}.tools label{margin:0;min-width:130px;flex:1}.tools button{flex:none}.scroll{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;border-bottom:1px solid #edf0f2;padding:14px 12px;font-size:13px}th{color:#7c8992;font-weight:500;background:#fbfcfd}td strong{font-size:14px}input,textarea,select{width:100%;border:1px solid #d8e0e5;border-radius:10px;background:#fcfdfe;padding:11px 12px;color:#20343e;outline:none}input:focus,textarea:focus,select:focus{border-color:#318779;box-shadow:0 0 0 3px #31877918}input[type=checkbox]{width:18px;height:18px;accent-color:#1d6f67}input[type=color]{padding:4px;height:45px}label{display:block;font-size:13px;color:#506572;margin-bottom:12px}label input,label select,label textarea{margin-top:5px}textarea{min-height:105px;resize:vertical}.ltr{direction:ltr;unicode-bidi:plaintext;text-align:left;font-family:Gift,monospace}.empty{text-align:center;color:#84919a;padding:40px}.plan{position:relative;border:1px solid #e0e6e9;border-radius:16px;padding:26px;background:white;display:flex;flex-direction:column;gap:12px}.plan.featured{border-color:#d8b573;background:#fffcf6}.plan strong{font-size:30px;line-height:1.3}.plan p{color:#7e8c94;font-size:13px}.plan button{margin-top:auto}.plan small{min-height:26px}.tag{font-size:11px;color:#9a6d22}.login{max-width:460px;margin:55px auto}.login h1{font-size:27px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.section-heading p{margin:0}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.message{border-radius:12px;padding:14px;background:#f3f6f8;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message.admin{background:#e8f3ef;margin-right:30px}.message small{display:block;margin-top:8px}.actions{display:flex;gap:8px;flex-wrap:wrap}.brand-card{display:flex;align-items:center;gap:14px}.brand-card img{height:65px;width:65px;object-fit:contain}.brand-mark{background:#e8edf0;border-radius:13px;padding:7px}.code-box{display:block;background:#102c38;color:#b8f2e5;padding:15px;border-radius:12px;overflow-wrap:anywhere;direction:ltr;text-align:center;font-size:16px}.hint{font-size:12px;color:#788690}.warning{background:#fff5df;color:#806027;padding:12px;border-radius:10px;font-size:13px}dialog{border:0;border-radius:20px;max-width:650px;width:calc(100% - 28px);max-height:90vh;padding:26px;box-shadow:0 30px 100px #071a3650}dialog::backdrop{background:#10233277;backdrop-filter:blur(4px)}#modalBody{clear:both}#notice{position:fixed;z-index:20;top:12px;left:50%;transform:translateX(-50%);background:#183f44;color:white;padding:13px 25px;border-radius:12px;max-width:90%;box-shadow:0 10px 30px #0002}#notice.error{background:#943f49}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:25px 5%;font-size:12px;color:#84919a;border-top:1px solid #dfe5e8}.loading{padding:80px;text-align:center}.select-bar{padding:14px;background:#edf4f3;border-radius:12px;margin:15px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-info{font-size:12px;color:#7c8c95}.logo-preview{width:80px;height:80px;object-fit:contain;border:1px dashed #ccd8de;border-radius:10px}.device-card{display:flex;align-items:center;justify-content:space-between}.device-card strong{font-size:22px}button:focus-visible,a:focus-visible{outline:3px solid #cf983f;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){header{height:auto;min-height:90px;padding:15px 20px}.brand b{font-size:20px}.brand small{font-size:10px}.brand img{width:43px;height:43px}main{padding:0 16px;margin-top:22px}.hero{grid-template-columns:1fr;padding:25px;gap:10px}.hero h1{font-size:29px}.grid{grid-template-columns:1fr}.grid.two,.split{grid-template-columns:1fr}.section-heading{align-items:start}.metric strong{font-size:27px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{padding:14px 10px}.metric span{font-size:10px}section,.card{padding:18px}.tools{gap:8px}h1{font-size:25px}nav{gap:3px}nav button{padding:8px 12px;font-size:12px}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:no-preference){section,.metric,.plan{animation:appear .25s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}