*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Quicksand,sans-serif;color:#252633;background:linear-gradient(135deg,#53b0f1,#b36de5) fixed}a{color:inherit}.wb-inner{width:min(1200px,calc(100% - 32px));margin:auto}.wb-header{background:#fff;box-shadow:0 5px 20px #1c315022}.wb-header .wb-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wb-logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.wb-logo img{width:170px;max-height:58px;object-fit:contain}.wb-logo span{white-space:nowrap}.wb-nav{display:flex;align-items:center;gap:8px}.wb-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 11px;text-decoration:none;font-weight:700;color:#545565;border-radius:6px}.wb-nav a:hover{color:#6b4ce6;background:#f4f1ff}.wb-nav-primary{background:#6b4ce6!important;color:#fff!important}.wb-main{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;margin-top:24px}.wb-sidebar,.wb-content{background:#fff;border-radius:8px}.wb-sidebar{padding:20px;height:max-content}.wb-sidebar h3{margin:0 0 12px}.wb-sidebar ul{list-style:none;padding:0;margin:0}.wb-sidebar li a{display:flex;align-items:center;gap:9px;padding:9px 6px;text-decoration:none;font-size:14px;font-weight:650;color:#535462}.wb-sidebar li a:hover{color:#6b4ce6}.wb-sidebar i{font-size:19px}.wb-account{border-top:1px solid #e8e8ef;margin-top:14px;padding-top:14px;display:grid;gap:7px}.wb-account a{font-size:13px;color:#6b4ce6;text-decoration:none}.wb-content{padding:26px;min-height:620px}.support-hero{text-align:center;padding:22px 16px 34px}.support-hero>span,.content-heading>div>span,.kb-article>span,.ticket-heading span{color:#6b4ce6;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.support-hero h1,.content-heading h1,.kb-article h1,.ticket-heading h1{margin:4px 0 8px}.support-hero p{margin:0 0 22px;color:#656674}.support-hero form{width:min(660px,100%);margin:auto;position:relative}.support-hero form i{position:absolute;left:16px;top:14px;font-size:20px;color:#737482}.support-hero input,.content-heading input{width:100%;border:1px solid #d9dae3;border-radius:6px;padding:14px 15px 14px 45px;font:inherit}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.support-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid #e4e4eb;border-radius:7px;text-decoration:none}.support-card:hover{border-color:#a993ee;background:#faf9ff}.support-card>i:first-child{font-size:28px;color:#6b4ce6}.support-card span{display:grid}.support-card small,.article-list small,.article-list em,.ticket-list small{color:#70717e;font-style:normal;margin-top:3px}.section-heading,.content-heading,.ticket-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.section-heading{margin-top:30px}.section-heading h2{margin:0}.section-heading a{color:#6b4ce6;text-decoration:none;font-weight:700}.content-heading form{display:flex;max-width:420px}.content-heading input{padding-left:13px;border-radius:6px 0 0 6px}.content-heading button{border:0;background:#6b4ce6;color:#fff;padding:0 15px;border-radius:0 6px 6px 0}.article-list,.ticket-list{display:grid;border-top:1px solid #e7e7ed}.article-list>a,.ticket-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 8px;border-bottom:1px solid #e7e7ed;text-decoration:none}.article-list span,.ticket-list span{display:grid}.article-list>a:hover,.ticket-list>a:hover{background:#faf9ff}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:6px;background:#6b4ce6;color:#fff;padding:11px 17px;font:700 14px Quicksand,sans-serif;text-decoration:none;cursor:pointer}.support-form{display:grid;gap:17px}.support-form label{display:grid;gap:7px;font-weight:700}.support-form label small{font-weight:500}.support-form input,.support-form select,.support-form textarea{width:100%;border:1px solid #d8d9e2;border-radius:6px;padding:11px;font:inherit;background:#fff}.support-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.notice{display:flex;gap:11px;padding:13px;border:1px solid #bcdcf3;background:#eef8ff;border-radius:6px;margin-bottom:20px}.notice i{font-size:22px;color:#3288c3}.back-link{display:inline-flex;align-items:center;gap:6px;color:#6b4ce6;text-decoration:none;font-weight:700;margin-bottom:20px}.kb-article>div{line-height:1.75}.still-need-help{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e5e5eb;margin-top:30px;padding-top:22px}.still-need-help div{display:grid}.conversation{display:grid;gap:14px}.message{border:1px solid #e1e1e8;border-radius:7px;padding:16px}.message-staff{border-left:4px solid #6b4ce6;background:#faf9ff}.message header{display:flex;justify-content:space-between;gap:20px}.message time{font-size:12px;color:#737482}.message p{line-height:1.55;margin-bottom:0}.reply-form{border-top:1px solid #e5e5eb;margin-top:24px;padding-top:20px}.status{font-size:11px;font-style:normal;font-weight:800;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:#ececf2;color:#555}.status-open,.status-awaiting_staff{background:#fff0d0;color:#926200}.status-awaiting_citizen{background:#e6f2ff;color:#2368a2}.status-resolved{background:#ddf6e8;color:#27734a}.status-closed{background:#eee;color:#666}.empty-state,.auth-panel{text-align:center;padding:70px 20px}.empty-state>i,.auth-panel>i{font-size:54px;color:#8d72e5}.empty-state p,.auth-panel p{color:#686976}.auth-panel{max-width:520px;margin:auto}.auth-panel .support-form{text-align:left;margin:24px 0}.auth-panel>a{color:#6b4ce6;text-decoration:none}.flash{padding:12px 14px;border-radius:6px;margin-bottom:16px}.flash.success{background:#e1f7ea;color:#236f46}.flash.warning{background:#fff3d6;color:#815b00}.flash.danger{background:#ffe5e9;color:#9d2638}.wb-footer{padding:22px;text-align:center;color:#fff;font-size:13px}@media(max-width:850px){.wb-header .wb-inner{align-items:flex-start;flex-direction:column;padding:12px 0}.wb-nav{flex-wrap:wrap}.wb-main{grid-template-columns:1fr}.wb-sidebar{order:2}.support-grid{grid-template-columns:1fr}.content-heading{align-items:flex-start;flex-direction:column}.content-heading form{width:100%;max-width:none}}@media(max-width:560px){.wb-inner{width:min(100% - 20px,1200px)}.wb-logo img{width:140px}.wb-nav a{padding:8px 6px;font-size:13px}.wb-content{padding:18px}.form-row{grid-template-columns:1fr}.still-need-help,.ticket-heading{align-items:flex-start;flex-direction:column}.message header{display:grid;gap:4px}}