:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--wine: #54283E;--wine-light: #74415A;--wine-soft: rgba(84, 40, 62, .28);--wine-glow: rgba(84, 40, 62, .42);--bg: #0A0A0C;--bg-soft: #101013;--card: rgba(255, 255, 255, .045);--border: rgba(255, 255, 255, .09);--text: #F4F1F3;--muted: #898489;--success: #62D99A;color:var(--text);background:var(--bg)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-width:100%;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(84,40,62,.36),transparent 36%),linear-gradient(180deg,#0d0b0d,#08080a)}button{font:inherit}.app{min-height:100vh;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.header{display:flex;align-items:center;justify-content:space-between;padding:calc(22px + env(safe-area-inset-top)) 18px 18px}.brand{display:block;color:#9c9297;font-size:10px;font-weight:900;letter-spacing:5px}.header h1{margin:1px 0 0;font-size:29px;line-height:1}.profile-pill{display:flex;align-items:center;gap:9px;max-width:180px;padding:7px 11px 7px 7px;border:1px solid var(--border);border-radius:18px;background:#ffffff0b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.avatar{flex:0 0 auto;width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--wine-light),var(--wine));box-shadow:0 8px 24px var(--wine-glow);font-weight:900}.profile-pill strong,.profile-pill span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-pill strong{font-size:12px}.profile-pill span{margin-top:3px;color:var(--muted);font-size:9px}.content{padding:5px 15px 28px}.hero-card,.small-card,.system-card,.empty-card,.admin-card,.admin-info,.primary-action{border:1px solid var(--border);background:linear-gradient(145deg,#ffffff0e,#ffffff06);box-shadow:0 20px 60px #0000003d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-card{padding:21px;border-radius:28px}.section-label{display:block;color:#82797e;font-size:9px;font-weight:900;letter-spacing:2px}.hero-profile{display:flex;align-items:center;gap:15px;margin-top:18px}.large-avatar{flex:0 0 auto;width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,var(--wine-light),var(--wine));box-shadow:0 14px 35px var(--wine-glow);font-size:25px;font-weight:900}.hero-profile h2{margin:0;font-size:20px}.hero-profile p{margin:4px 0 0;color:var(--muted);font-size:12px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px}.account-grid>div{padding:14px;border-radius:18px;background:#ffffff09}.account-grid span,.account-grid strong{display:block}.account-grid span{color:var(--muted);font-size:10px}.account-grid strong{margin-top:6px;font-size:12px}.success{color:var(--success)}.primary-action{width:100%;display:flex;align-items:center;gap:13px;margin-top:12px;padding:16px;border-radius:22px;color:var(--text);text-align:left}.primary-action:active,.admin-card:active{transform:scale(.98)}.action-icon{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:#e5ced9;background:var(--wine-soft);border:1px solid rgba(116,65,90,.38);font-size:26px}.action-text{min-width:0}.action-text strong,.action-text span{display:block}.action-text strong{font-size:14px}.action-text span{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4}.chevron{margin-left:auto;color:#756d71;font-size:29px}.cards-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}.small-card{min-height:118px;padding:17px;border-radius:22px}.small-card>strong{display:block;margin-top:13px;font-size:25px}.small-card p{margin:4px 0 0;color:var(--muted);font-size:10px}.system-card{display:flex;align-items:center;gap:11px;margin-top:11px;padding:16px 17px;border-radius:21px}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 12px #62d99a8c}.system-card strong,.system-card p{display:block}.system-card strong{font-size:13px}.system-card p{margin:2px 0 0;color:var(--muted);font-size:10px}.page{padding-top:13px}.page>h2{margin:5px 0 21px;font-size:28px}.empty-card{padding:39px 21px;border-radius:27px;text-align:center}.empty-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 17px;border-radius:20px;color:#d7bcca;background:var(--wine-soft);font-size:27px}.empty-card strong{display:block;font-size:14px}.empty-card p{max-width:280px;margin:8px auto 0;color:var(--muted);font-size:11px;line-height:1.55}.devices-empty{margin-top:12px}.compact{margin-top:0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.admin-card{min-height:135px;padding:17px;border-radius:22px;color:var(--text);text-align:left}.admin-card>span{display:block;font-size:24px}.admin-card strong,.admin-card small{display:block}.admin-card strong{margin-top:17px;font-size:13px}.admin-card small{margin-top:4px;color:var(--muted);font-size:9px}.admin-info{margin-top:11px;padding:17px;border-radius:22px}.admin-info strong{display:block;margin-top:10px;font-size:12px}.admin-info p{margin:5px 0 0;color:var(--muted);font-size:9px;overflow-wrap:anywhere}.bottom-nav{position:fixed;z-index:100;left:11px;right:11px;bottom:calc(9px + env(safe-area-inset-bottom));display:flex;padding:7px;border:1px solid var(--border);border-radius:24px;background:#0f0d0ff0;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 20px 70px #00000073}.nav-button{flex:1;min-width:0;min-height:56px;border:0;border-radius:17px;color:#70696d;background:transparent}.nav-button span,.nav-button small{display:block}.nav-button span{font-size:19px}.nav-button small{margin-top:4px;font-size:9px}.nav-button.active{color:#e2c9d5;background:linear-gradient(145deg,#54283e73,#54283e33);box-shadow:inset 0 0 0 1px #74415a33}.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.logo{width:90px;height:90px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,var(--wine-light),var(--wine));box-shadow:0 22px 60px var(--wine-glow);font-size:43px;font-weight:900}.center-screen h1{margin:19px 0 5px}.center-screen p{margin:0;color:var(--muted);font-size:12px}@media(max-width:360px){.header{padding-left:14px;padding-right:14px}.content{padding-left:12px;padding-right:12px}.profile-pill{max-width:155px}.admin-card{min-height:125px;padding:14px}}