:root{--blue:#0969da;--navy:#132238;--muted:#6b7d90;--line:#dfe7ef;--bg:#f4f7fb;--green:#15945f;--red:#bd3d49;--shadow:0 15px 45px rgba(25,54,88,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy);background:var(--bg)}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}.member-brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:20px}.member-brand i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#0875e8,#034fbc);color:#fff;font-style:normal;font-weight:900}.public-head{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.public-head nav{display:flex;align-items:center;gap:25px}.top-register{background:var(--blue);color:#fff;padding:10px 17px;border-radius:8px}.auth-page{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(320px,42%) minmax(420px,58%)}.auth-side{padding:10vh 8vw;background:linear-gradient(145deg,#0b2850,#075cc4);color:#fff}.auth-side>span,.auth-title>small{font-size:12px;letter-spacing:1.8px;font-weight:800}.auth-side h1{font-size:clamp(35px,4vw,58px);line-height:1.08;margin:20px 0}.auth-side p{color:#c9def6;line-height:1.7}.auth-side ul{list-style:none;padding:15px 0;line-height:2}.auth-card{align-self:start;width:min(660px,calc(100% - 44px));margin:7vh auto;background:#fff;padding:35px;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.auth-title{text-align:center;margin-bottom:24px}.auth-title small{color:var(--blue)}.auth-title h2{font-size:29px;margin:8px}.auth-title p,.auth-switch{color:var(--muted)}.login-form,.form-panel form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:13px;font-weight:700}label span,label small{color:var(--muted);font-weight:400}input,select,textarea{width:100%;border:1px solid #ccd8e3;border-radius:8px;padding:12px 13px;background:#fff;color:var(--navy);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,105,218,.1)}button,.form-panel button{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:13px 18px;font-weight:800;cursor:pointer}.login-options{display:flex;justify-content:space-between;font-size:13px}.login-options label,.check{display:flex;align-items:center;gap:8px;font-weight:500}.login-options input,.check input{width:auto}.or{display:flex;align-items:center;gap:10px;color:var(--muted);margin:22px 0}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.register-link{display:block;text-align:center;border:1px solid var(--blue);padding:12px;border-radius:8px;font-weight:800}.auth-switch{text-align:center;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid h3,.wide{grid-column:1/-1}.form-grid h3{font-size:14px;border-bottom:1px solid var(--line);padding:12px 0 8px;margin:4px 0;color:#315373}.alert{padding:13px 15px;border-radius:9px;margin:0 0 20px;background:#e8f8f0;color:#147147}.alert.error{background:#fff0f1;color:#a72e3b}.member-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.member-shell aside{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);padding:22px 17px;display:flex;flex-direction:column}.client-summary{text-align:center;display:grid;justify-items:center;padding:28px 5px 20px}.client-summary>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e8f3ff;color:var(--blue);font-weight:900}.client-summary b{margin-top:10px}.client-summary small{color:var(--muted);margin-top:3px}.member-shell aside nav{display:grid;gap:4px}.member-shell aside nav a{padding:11px 12px;color:#496075;border-radius:8px;font-size:14px;font-weight:650}.member-shell aside nav a i{font-style:normal;display:inline-block;width:27px}.member-shell aside nav a:hover,.member-shell aside nav a.active{background:#eaf4ff;color:var(--blue)}.aside-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;display:grid}.aside-bottom a{padding:9px 12px;color:#5a6d80;font-size:13px}.member-main{grid-column:2;padding:0 32px 50px}.member-main>header{height:94px;display:flex;align-items:center;gap:15px}.member-main>header small{color:var(--muted)}.member-main>header h1{margin:4px 0;font-size:26px}.new-order{margin-left:auto;background:var(--blue);color:#fff;padding:11px 15px;border-radius:8px;font-weight:750}.menu-button{display:none}.welcome{display:flex;justify-content:space-between;align-items:center;padding:28px;background:linear-gradient(130deg,#0b2d56,#0870da);color:#fff;border-radius:15px;box-shadow:var(--shadow)}.welcome small{color:#bcdcff}.welcome h2{margin:7px 0}.welcome p{margin:0;color:#d7e8fa}.welcome a{background:#fff;color:var(--blue);padding:11px 15px;border-radius:8px;font-weight:800}.member-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.member-stats>a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;color:var(--navy)}.member-stats>a>i{font-style:normal;font-size:23px;color:var(--blue)}.member-stats span{display:grid}.member-stats span b{font-size:24px}.member-stats span small{color:var(--muted)}.member-stats em{margin-left:auto;font-style:normal}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px;box-shadow:0 8px 25px rgba(25,54,88,.04)}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-title>div{display:grid;gap:4px}.panel-title small,.panel-title span{color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}th,td{padding:13px 10px;border-bottom:1px solid #edf1f5}td small{display:block;color:var(--muted);margin-top:4px}.status{font-style:normal;font-size:11px;text-transform:uppercase;border-radius:999px;padding:5px 9px;background:#edf1f5;color:#627183;font-weight:800}.status.active,.status.paid,.status.answered{background:#e6f7ef;color:var(--green)}.status.pending,.status.processing,.status.open{background:#fff3dd;color:#a66b09}.status.cancelled,.status.failed,.status.closed{background:#ffeaec;color:var(--red)}.table-action{display:inline-block;background:#eaf4ff;color:var(--blue);padding:7px 10px;border-radius:7px;font-size:12px;font-weight:800}.empty{text-align:center;color:var(--muted);padding:35px!important}.service-list{display:grid;gap:12px}.service-list article{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:10px;padding:18px}.service-list article>i{font-style:normal;font-size:28px;color:var(--blue)}.service-list article div{flex:1}.service-list h3{margin:4px 0}.service-list p,.service-list small{margin:0;color:var(--muted)}.service-list article>span{text-align:right;display:grid}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:20px}.form-panel h3{margin-top:0}.form-panel>p{color:var(--muted)}.ticket-row{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--line);padding:15px 5px}.ticket-row span{display:grid}.ticket-row small{color:var(--muted);margin-top:5px}.ticket-row p{grid-column:1/-1;color:#526679;line-height:1.6}.account-form{max-width:850px}.security-form{max-width:520px}.security-form form{margin-top:20px}.responsive-table{overflow-x:auto}@media(max-width:980px){.member-stats{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.member-shell{grid-template-columns:1fr}.member-shell aside{transform:translateX(-105%);z-index:5;transition:.2s}.menu-open .member-shell aside{transform:none}.member-main{grid-column:1;padding:0 20px 40px}.menu-button{display:block;padding:8px 11px}.auth-page{grid-template-columns:1fr}.auth-side{display:none}}@media(max-width:620px){.public-head nav a:first-child{display:none}.auth-card{padding:24px;width:calc(100% - 24px);margin:24px auto}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1}.member-main>header{height:80px}.member-main>header h1{font-size:20px}.new-order{font-size:12px;padding:9px}.member-stats{grid-template-columns:1fr}.welcome{align-items:flex-start;gap:20px;flex-direction:column}.panel{padding:16px}.service-list article{align-items:flex-start;flex-wrap:wrap}.service-list article>span{margin-left:44px}.service-list article>em{margin-left:auto}}