:root{--rm-bg:#f4f8fc;--rm-surface:#fff;--rm-surface-2:#eef5fb;--rm-text:#10233e;--rm-muted:#64758b;--rm-border:#d9e6f1;--rm-blue:#168fce;--rm-blue-2:#266ca8;--rm-purple:#754187;--rm-shadow:0 16px 42px rgba(23,58,96,.08);--rm-radius:20px;--rm-grid:64px}
body:not(:has(.auth-page)){background-color:var(--rm-bg);background-image:linear-gradient(rgba(84,130,170,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(84,130,170,.055) 1px,transparent 1px);background-size:var(--rm-grid) var(--rm-grid)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(22,143,206,.3);outline-offset:3px}.app-btn{min-height:44px;border-radius:12px}.app-btn-primary{background:linear-gradient(110deg,#246da9,#168fce 54%,#754187);box-shadow:0 9px 22px rgba(38,94,151,.18)}.app-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.app-btn:hover{transform:translateY(-2px)}
.app-shell{grid-template-columns:280px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#07172c,#0b213c 62%,#101b35);padding:20px 15px}.side-brand{padding:5px 14px 20px}.side-brand img{width:170px}.side-user{display:flex;align-items:center;gap:12px;margin:16px 0 18px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.055)}.side-avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(22,143,206,.35),rgba(117,65,135,.38));color:#fff;font-size:21px}.side-user>div{min-width:0}.side-user strong,.side-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user small{display:flex;align-items:center;gap:6px;margin-top:6px;color:#a9ddc8;font-size:11px}.side-user small i{width:7px;height:7px;border-radius:50%;background:#28c58a;box-shadow:0 0 0 4px rgba(40,197,138,.12)}
.side-nav button{min-height:44px;padding:10px 13px;border-radius:12px;font-weight:600}.side-nav button.active{background:linear-gradient(105deg,#226ca8,#168fce 55%,#754187);box-shadow:0 9px 22px rgba(6,23,48,.28);color:#fff}.side-nav button.active i{color:#fff}.side-bottom{padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.top-nav{height:78px;padding:0 clamp(18px,3vw,34px);background:rgba(250,253,255,.88);border-color:rgba(194,211,226,.82);box-shadow:0 5px 22px rgba(24,59,94,.045)}.page-identity{display:flex;align-items:center;gap:12px}.page-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#e9f6fd,#f2eaf6);color:var(--rm-blue-2);font-size:20px}.page-identity h1{font-size:20px}.breadcrumb{display:block;margin-top:3px;color:#8a99aa;font-size:11px}.breadcrumb b{color:#677b90}.content{padding:30px clamp(18px,3vw,34px) 100px}
.welcome{position:relative;isolation:isolate;overflow:hidden;min-height:190px;padding:34px;background:linear-gradient(120deg,#0b2443,#125a8c 58%,#6f3f83);box-shadow:0 22px 50px rgba(15,52,89,.18)}.welcome:after{content:"";position:absolute;z-index:-1;width:330px;height:330px;left:-70px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(78,196,237,.28),transparent 68%)}.welcome-copy{max-width:640px}.welcome-kicker{display:block;margin-bottom:10px;color:#9ed9f4;font-size:12px;font-weight:700}.welcome h2{font-size:clamp(23px,3vw,31px)}.welcome p{line-height:1.9}.welcome-visual{position:absolute;left:140px;bottom:25px;width:104px;height:90px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.09);font-size:45px;color:#dff5ff}.welcome-visual span{position:absolute;width:45px;height:5px;bottom:-12px;border-radius:8px;background:rgba(255,255,255,.3)}.status-pill{align-self:flex-start;position:relative}.section-heading{margin:28px 0 14px}.section-heading span{color:var(--rm-blue-2);font-size:12px;font-weight:700}.section-heading h2{margin:3px 0 0;font-size:21px}
.quick-grid{margin-top:0}.action-card,.panel-card{border-color:rgba(203,220,234,.9);box-shadow:var(--rm-shadow)}.action-card{padding:24px;}.action-card:nth-child(1){background:linear-gradient(145deg,#fff,#eef8fd)}.action-card:nth-child(2){background:linear-gradient(145deg,#fff,#f6eff8)}.action-card:nth-child(3){background:linear-gradient(145deg,#fff,#eef8f4)}.action-icon{width:56px;height:56px;border-radius:17px;font-size:27px}.page-head{align-items:center}.page-head h2{font-size:24px}
.free-hero{position:relative;overflow:hidden;min-height:330px;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,54px);color:#fff;background:linear-gradient(125deg,#0e3158,#126b9e 62%,#704083);border:0}.free-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:var(--rm-grid) var(--rm-grid)}.free-hero>*{position:relative}.free-hero .huge-icon{color:#c8efff;font-size:64px}.free-hero h2{font-size:clamp(26px,4vw,38px);margin:12px 0}.free-hero .muted{color:#d7eaf6;line-height:2}.free-hero .app-btn{align-self:flex-start}.stats-list{align-content:center;background:linear-gradient(145deg,#fff,#f1f7fc)}.stat-row{background:#eaf4fb;border:1px solid #dfebf4}.summary-card{background:linear-gradient(155deg,#fff,#f4f0f7)}.badge-warning{background:#fff4df;color:#a4660c}.badge-danger{background:#fff0f2;color:var(--rm-danger)}.badge-muted{background:#edf1f5;color:#68788a}.mobile-bottom-nav{display:none}
@media(max-width:980px){.app-shell{display:block}.sidebar{right:-300px;width:280px}.content{padding-bottom:110px}.mobile-bottom-nav{position:fixed;z-index:55;right:12px;left:12px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);padding:8px;border:1px solid #d5e1ec;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 15px 45px rgba(13,42,73,.18)}.mobile-bottom-nav button{min-width:0;min-height:52px;border:0;background:transparent;color:#718298;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px}.mobile-bottom-nav i{font-size:20px}.mobile-bottom-nav button.active{color:var(--rm-blue-2);background:#edf7fd}.mobile-bottom-nav .connect-action{height:66px;margin-top:-24px;color:#fff;background:linear-gradient(135deg,#168fce,#754187);border:5px solid #f4f8fc;border-radius:21px}.mobile-bottom-nav .connect-action.active{color:#fff;background:linear-gradient(135deg,#168fce,#754187)}}
@media(max-width:680px){.top-nav{height:68px}.page-icon,.breadcrumb{display:none}.content{padding:18px 12px 105px}.welcome{min-height:0;padding:24px 20px}.welcome-visual{position:relative;left:auto;bottom:auto;width:76px;height:66px;align-self:flex-end;font-size:34px}.quick-grid{gap:13px}.action-card{min-height:0;padding:20px}.page-head .app-btn{width:100%}.free-hero{min-height:0;padding:28px 22px}.free-hero .app-btn{width:100%;white-space:normal;line-height:1.8}.panel-card{padding:19px}.billing-toggle button{padding:9px 6px;font-size:12px}.saving{display:block}.counter{justify-content:center}.counter input{min-width:0;flex:1;max-width:130px}.table-wrap{overflow:visible;background:transparent;border:0;box-shadow:none;padding:0}.data-table,.data-table tbody{display:block}.data-table thead{display:none}.data-table tr{display:block;margin-bottom:12px;padding:16px;border:1px solid var(--rm-border);border-radius:16px;background:#fff}.data-table td{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #e0e9f1;white-space:normal}.data-table td:before{content:attr(data-label);color:var(--rm-muted);font-size:12px}.ticket-item{flex-direction:column}}
@media(max-width:380px){.content{padding-inline:10px}.mobile-bottom-nav{right:6px;left:6px;bottom:6px;padding-inline:4px}.mobile-bottom-nav button span{font-size:9px}}
@media(max-width:900px){body:has(.auth-page){min-width:0;overflow-x:hidden;place-items:center}.auth-page{width:min(100%,540px);margin:auto}.auth-page .auth-panel{max-width:100%}}
@media(max-width:520px){body:has(.auth-page){padding:12px}.auth-page{min-width:0;min-height:calc(100dvh - 24px)}.auth-page .auth-panel{padding:26px clamp(16px,5vw,22px);overflow-wrap:anywhere}.auth-page .auth-brand{gap:12px;flex-wrap:wrap}.auth-page input,.auth-page select,.auth-page button{max-width:100%}.otp-input{letter-spacing:clamp(5px,3vw,10px)}}