:root{--navy:#071f3c;--blue:#0788d0;--cyan:#52d1ed;--line:#dce7ef;--muted:#71869a;--bg:#f3f7fa;--green:#08a66d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--navy)}a{text-decoration:none}.honey{position:absolute!important;left:-9999px!important}.pro-login-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 75% 15%,rgba(60,208,239,.22),transparent 27%),linear-gradient(135deg,#061b34,#0a365b)}.pro-login{display:grid;grid-template-columns:1.05fr .75fr;width:min(1030px,100%);min-height:590px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:#fff;box-shadow:0 45px 100px rgba(0,12,27,.35)}.pro-login>section{padding:65px;background:linear-gradient(150deg,rgba(5,28,54,.97),rgba(6,76,112,.92)),url('assets/is-brothers-24-years.webp') center/cover;color:#fff}.pro-login>section img{width:190px;padding:10px;border-radius:12px;background:#fff}.pro-login>section>span,.pro-login form>span,.pro-card header span,.pro-form>span{display:block;margin-top:42px;color:#61d8f4;font-size:9px;font-weight:900;letter-spacing:.16em}.pro-login h1{max-width:500px;margin:14px 0;font-size:47px;line-height:1.04;letter-spacing:-.05em}.pro-login section p{color:#c7d9e5;line-height:1.7}.pro-login section>div{display:grid;gap:13px;margin-top:36px}.pro-login section b{font-size:11px}.pro-login section b i{width:25px;color:#5dd9f5}.pro-login form{align-self:center;padding:50px}.pro-login form>span{margin:0;color:var(--blue)}.pro-login h2{margin:10px 0 5px;font-size:30px}.pro-login form>p{margin:0 0 28px;color:var(--muted);font-size:12px}.pro-login label{display:block;margin-top:15px;color:#35516b;font-size:10px;font-weight:850}.pro-login label>div{display:grid;grid-template-columns:42px 1fr;align-items:center;margin-top:7px;border:1px solid #cedee9;border-radius:12px}.pro-login label i{text-align:center;color:#91a4b3}.pro-login input{width:100%;height:49px;border:0;background:transparent;outline:0}.pro-login form>button,.pro-form>button,.settings-form>button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:51px;margin-top:22px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:900}.pro-login form>small{display:block;margin-top:16px;color:#8a9ba8;font-size:8px;text-align:center}.pro-login form>aside{margin-top:14px;padding:11px;border-radius:10px;background:#fff0f2;color:#bb3043;font-size:10px}.pro-body{min-height:100vh;background:var(--bg)}.pro-side{position:fixed;z-index:30;inset:0 auto 0 0;width:258px;padding:20px 17px;background:linear-gradient(180deg,#061b34,#082b4c);color:#fff}.pro-brand{display:flex;align-items:center;gap:10px;padding:0 6px 20px;border-bottom:1px solid rgba(255,255,255,.09);color:#fff}.pro-brand img{width:95px;height:51px;object-fit:contain;padding:5px;border-radius:9px;background:#fff}.pro-brand span{display:grid}.pro-brand strong{font-size:12px}.pro-brand small{color:#5ed5f2;font-size:7.5px;font-weight:900;letter-spacing:.13em}.pro-user{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;margin:17px 0;padding:11px;border-radius:12px;background:rgba(255,255,255,.06)}.pro-user>b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#1185bd}.pro-user span{display:grid}.pro-user strong{font-size:10px}.pro-user small{color:#6dd9f3;font-size:7px}.pro-user>i{color:#12c985;font-size:10px}.pro-side nav{display:grid;gap:5px}.pro-side nav>small{margin:17px 11px 5px;color:#66839d;font-size:7.5px;font-weight:900;letter-spacing:.15em}.pro-side nav>a{display:grid;grid-template-columns:32px 1fr auto;align-items:center;min-height:46px;padding:0 10px;border-radius:11px;color:#b5c8d8;font-size:10px;font-weight:800}.pro-side nav>a:hover,.pro-side nav>a.active{background:rgba(75,202,235,.14);color:#fff}.pro-side nav>a.active{box-shadow:inset 3px 0 var(--cyan)}.pro-side nav>a i{color:#789bb5}.pro-side nav>a.active i{color:var(--cyan)}.pro-side nav>a b{padding:4px 7px;border-radius:999px;background:#e24b5b;color:#fff;font-size:7px}.pro-side-foot{position:absolute;right:17px;bottom:18px;left:17px;display:grid;gap:5px}.pro-side-foot a{padding:11px;border-radius:9px;color:#91abc0;font-size:9px;font-weight:800}.pro-side-foot a:hover{background:rgba(255,255,255,.06);color:#fff}.pro-main{min-height:100vh;margin-left:258px;padding:38px 38px 100px}.pro-head{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1460px;margin:auto}.pro-head>div:first-child>span{color:var(--blue);font-size:8px;font-weight:900;letter-spacing:.13em}.pro-head h1{margin:7px 0 5px;font-size:39px;letter-spacing:-.045em}.pro-head p{margin:0;color:var(--muted);font-size:11px}.pro-head>div:last-child{display:flex;align-items:center;gap:10px}.pro-head time{color:#70869a;font-size:9px}.pro-head a{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#173b57;font-size:9px;font-weight:850}.pro-saved{max-width:1460px;margin:20px auto -3px;padding:13px 15px;border-radius:11px;background:#dff8eb;color:#087750;font-size:10px;font-weight:850}.pro-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1460px;margin:28px auto 0}.pro-stats article{display:grid;grid-template-columns:44px 1fr;gap:14px;min-height:132px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 12px 35px rgba(7,35,63,.045)}.pro-stats article>i{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e8f6fc;color:var(--blue)}.pro-stats article>span{display:grid}.pro-stats small{color:#778b9d;font-size:7.5px;font-weight:900;letter-spacing:.1em}.pro-stats strong{font-size:29px}.pro-stats em{color:#7d91a2;font-size:8px;font-style:normal}.pro-stats article.money{border-color:#08719e;background:linear-gradient(145deg,#072c50,#0875a5);color:#fff}.pro-stats article.money small,.pro-stats article.money em{color:#b9dbe9}.pro-stats article.money>i{background:rgba(255,255,255,.12);color:#66e4ff}.pro-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.62fr);gap:14px;max-width:1460px;margin:14px auto 0}.pro-card{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(7,35,63,.04)}.pro-card>header{display:flex;align-items:center;justify-content:space-between;padding:20px}.pro-card header span,.pro-form>span{margin:0;color:var(--blue)}.pro-card h2{margin:5px 0 0;font-size:19px}.pro-card header a{color:var(--blue);font-size:8px;font-weight:850}.mini-requests{padding:0 10px 10px}.mini-requests article{display:grid;grid-template-columns:36px 1fr auto 32px;align-items:center;gap:9px;min-height:62px;padding:8px;border-top:1px solid #e8eef3}.mini-requests article>b,.agent-list article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e8f6fc;color:var(--blue)}.mini-requests article>span{display:grid}.mini-requests strong{font-size:9.5px}.mini-requests small{color:#8092a0;font-size:7.5px}.mini-requests em{padding:5px 7px;border-radius:999px;background:#fff1da;color:#95600d;font-size:7px;font-style:normal}.mini-requests a{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e1f7eb;color:#09a566}.pro-stack{display:grid;align-content:start;gap:14px}.quick{padding-bottom:10px}.quick>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:61px;padding:8px 17px;border-top:1px solid #e8eef3;color:#193d59}.quick>a>i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e8f6fc;color:var(--blue)}.quick>a>span{display:grid}.quick strong{font-size:9px}.quick small{color:#7b8f9f;font-size:7.5px}.health{padding:20px;background:linear-gradient(145deg,#073054,#087ca9);color:#fff}.health>span{color:#66ddf5;font-size:7.5px;font-weight:900;letter-spacing:.13em}.health h3{font-size:16px}.health h3 i{color:#20d18a}.health p{margin:0;color:#bbd9e7;font-size:9px}.request-manager{max-width:1460px;margin:28px auto}.request-manager>header>b{padding:7px 10px;border-radius:999px;background:#e9f6fc;color:var(--blue);font-size:8px}.request-cards{display:grid;gap:10px;padding:0 14px 14px}.request-cards>article{display:grid;grid-template-columns:minmax(230px,.7fr) 1.5fr;gap:18px;padding:16px;border:1px solid #e2ebf1;border-radius:14px;background:#fbfdfe}.request-title{display:grid;grid-template-columns:40px 1fr 34px;gap:10px}.request-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f6fc;color:var(--blue);font-weight:900}.request-title small{color:#8193a1;font-size:7px}.request-title h3{margin:4px 0;font-size:14px}.request-title p{margin:0;color:#647b8e;font-size:9px}.request-title>a{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#ddf7e9;color:#08a468}.request-cards form{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;align-items:end}.request-cards label,.pro-form label,.settings-form label,.service-control label{color:#456077;font-size:7.5px;font-weight:850}.request-cards input,.request-cards select,.request-cards textarea,.pro-form input,.settings-form input,.service-control input{width:100%;margin-top:5px;border:1px solid #ccdde8;border-radius:9px;background:#fff;padding:10px;font:inherit}.request-cards .note{grid-column:1/5}.request-cards textarea{height:38px;resize:vertical}.request-cards button,.agent-list button,.service-control button{min-height:37px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-size:8px;font-weight:850}.agent-layout{display:grid;grid-template-columns:360px 1fr;gap:14px;max-width:1250px;margin:28px auto}.pro-form{padding:24px}.pro-form>span{font-size:8px;font-weight:900;letter-spacing:.13em}.pro-form h2{margin:7px 0}.pro-form p{color:var(--muted);font-size:9px}.pro-form label{display:block;margin-top:13px}.agent-list{padding-bottom:12px}.agent-list article{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:10px;padding:11px 18px;border-top:1px solid #e8eef3}.agent-list article>span{display:grid}.agent-list strong{font-size:10px}.agent-list small{color:#8193a1;font-size:8px}.agent-list em{padding:5px 7px;border-radius:99px;font-size:7px;font-style:normal}.agent-list em.on{background:#dff8eb;color:#087750}.agent-list em.off{background:#ffeaed;color:#b62c40}.agent-list button{padding:0 10px;background:#edf4f8;color:#36536c}.service-control{max-width:1460px;margin:28px auto;padding-bottom:18px}.service-control>header p{color:var(--muted);font-size:9px}.service-control>h3{margin:20px 20px 9px;font-size:14px}.service-control>div{display:grid;gap:7px;padding:0 14px}.service-control form{display:grid;grid-template-columns:40px minmax(180px,1fr) minmax(170px,.6fr) 85px 80px 55px;align-items:center;gap:10px;padding:11px;border:1px solid #e4ecf2;border-radius:12px}.service-control form>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e8f6fc;color:var(--blue)}.service-control form>span{display:grid}.service-control strong{font-size:9px}.service-control small{color:#8193a1;font-size:7.5px}.switch input{display:none}.switch>span{display:inline-block;width:35px;height:20px;margin:0;border-radius:99px;background:#cad7df;position:relative}.switch>span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{left:18px}.settings-form{max-width:900px;margin:28px auto;padding:25px}.settings-form>header{padding:0 0 20px}.settings-form>header i{font-size:26px;color:var(--blue)}.settings-form>div{display:grid;grid-template-columns:1fr 1fr;gap:13px}.settings-form label{display:block}.activity-list{max-width:1000px;margin:28px auto;padding-bottom:15px}.activity-list article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid #e7eef3}.activity-list article>i{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e8f6fc;color:var(--blue)}.activity-list article>span{display:grid}.activity-list strong{font-size:9px}.activity-list small,.activity-list time{color:#7d90a0;font-size:7.5px}.pro-empty{padding:35px;color:#7e91a0;text-align:center}.pro-mobile,.pro-bottom{display:none}
@media(max-width:1100px){.pro-stats{grid-template-columns:1fr 1fr}.pro-columns{grid-template-columns:1fr}.request-cards>article{grid-template-columns:1fr}.agent-layout{grid-template-columns:1fr}.service-control form{grid-template-columns:40px 1fr 180px 80px 70px 50px}}
@media(max-width:820px){.pro-login{grid-template-columns:1fr;max-width:520px}.pro-login>section{display:none}.pro-login form{padding:38px 24px}.pro-side{transform:translateX(-105%);transition:.25s}.pro-side.open{transform:none;box-shadow:20px 0 60px rgba(0,18,38,.35)}.pro-mobile{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;height:67px;padding:0 13px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}.pro-mobile img{width:128px;height:52px;object-fit:contain}.pro-mobile button,.pro-mobile a{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:11px;background:#e8f6fc;color:var(--blue)}.pro-main{margin-left:0;padding:27px 13px 92px}.pro-head>div:last-child{display:none}.pro-bottom{position:fixed;z-index:18;right:9px;bottom:8px;left:9px;display:grid;grid-template-columns:repeat(4,1fr);height:63px;padding:5px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 15px 40px rgba(7,35,63,.2)}.pro-bottom a{display:grid;place-items:center;gap:2px;border-radius:12px;color:#6e8394;font-size:7px}.pro-bottom a.active{background:#e8f6fc;color:var(--blue)}.service-control form{grid-template-columns:40px 1fr 120px}.service-control form>.switch,.service-control form>.check,.service-control form>button{grid-row:2}.request-cards form{grid-template-columns:1fr 1fr}.request-cards .note{grid-column:1/-1}.request-cards form>button{grid-column:1/-1}.settings-form>div{grid-template-columns:1fr}}
@media(max-width:540px){.pro-head h1{font-size:31px}.pro-stats{gap:8px}.pro-stats article{grid-template-columns:1fr;min-height:125px;padding:14px}.pro-stats article>i{width:35px;height:35px}.pro-stats strong{font-size:24px}.mini-requests article{grid-template-columns:32px 1fr auto 30px}.mini-requests em{max-width:74px;overflow:hidden;text-overflow:ellipsis}.request-cards form{grid-template-columns:1fr}.request-cards .note,.request-cards form>button{grid-column:auto}.agent-list article{grid-template-columns:35px 1fr auto}.agent-list em{display:none}.service-control form{grid-template-columns:38px 1fr}.service-control form>label:first-of-type{grid-column:1/-1}.service-control form>.switch,.service-control form>.check,.service-control form>button{grid-row:auto}.service-control form>button{min-height:34px}}