.login-bg{min-height:100vh;width:100vw;background:url(/logo-bg.png) center/cover no-repeat;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border-radius:24px;box-shadow:0 4px 24px #3c3c3c14;padding:2.5rem 2rem 2rem;min-width:320px;max-width:90vw;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.login-card input{width:100%;padding:.75em 1em;border-radius:999px;border:1px solid #e0e0e0;font-size:1rem;margin-bottom:.5rem;outline:none;transition:border .2s}.login-card input:focus{border:1.5px solid #4f8cff}.btn{border:none;border-radius:999px;background:linear-gradient(90deg,#4f8cff,#6ed0fa);color:#fff;font-weight:600;padding:.75em 2em;box-shadow:0 2px 8px #4f8cff1a;cursor:pointer;transition:background .2s,box-shadow .2s}.btn:active{box-shadow:0 1px 4px #4f8cff14}html,body{min-height:100vh;height:auto;width:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Arial,sans-serif;background:#181c22;color:#fff;min-height:100vh;width:100%;height:auto;overflow-x:hidden;overflow-y:auto}#root{min-height:100vh;width:100%;height:auto;display:flex;flex-direction:column}.dashboard-bg{min-height:100vh;width:100%;height:auto;background:#333;color:#ddd;display:flex;flex-direction:column;overflow:auto;min-width:0}.btn{border:none;border-radius:10px;background:#444;color:#fff;font-weight:600;padding:.75em 2em;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:background .2s,box-shadow .2s;font-size:1.1rem;width:100%;margin-top:.5rem;letter-spacing:.5px}.btn:active{box-shadow:0 1px 4px #0000000f}.btn-back-small{font-size:.88rem;padding:.6em 1.6em;margin-top:0;margin-left:.5rem;width:auto;min-width:0}.login-bg{min-height:100vh;width:100vw;background:#333;display:flex;align-items:center;justify-content:center}.login-card{background:#222;border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:2.5rem 2rem 2rem;min-width:320px;max-width:90vw;display:flex;flex-direction:column;gap:2rem;align-items:center;color:#ddd}.login-title{font-size:1.6rem;font-weight:600;color:#ddd;letter-spacing:2px;margin-bottom:1.5rem;text-align:center}.login-card input[type=text],.login-card input[type=password]{width:100%;padding:.9em 1em;border-radius:10px;border:1px solid #eee;background:#222;color:#ddd;font-size:1rem;margin-bottom:1.2rem;outline:none;box-shadow:0 2px 8px #0000000f;transition:border .2s,box-shadow .2s}.login-card input[type=text]::placeholder,.login-card input[type=password]::placeholder{color:#999;opacity:1;transition:opacity .2s}.login-card input[type=text]:focus::placeholder,.login-card input[type=password]:focus::placeholder{opacity:0}.login-card input[type=text]:focus,.login-card input[type=password]:focus{border:1.5px solid #ddd;box-shadow:0 4px 16px #0000001a}body,.dashboard-bg{background:#333!important;color:#ddd}.dashboard-nav{width:100%;box-sizing:border-box;padding:0;margin:0;min-height:64px;height:64px;background:#222;display:flex;flex-direction:row;align-items:center;box-shadow:0 2px 12px #0000001a;border-bottom:1px solid #444}.dashboard-nav-section{flex:1 1 0;display:flex;align-items:center;justify-content:flex-start;min-width:0}.dashboard-nav-section.center{justify-content:center}.dashboard-nav-section.right{justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;max-width:100%}.dashboard-nav-section.right>*{min-width:0}.dashboard-nav-section.right span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;display:inline-block}.dashboard-nav-logo{font-size:1.1rem;font-weight:700;color:#bbb;letter-spacing:1px;min-width:100px}.dashboard-nav-title{font-size:1.5rem;font-weight:700;letter-spacing:2px;color:#ddd;text-align:center;width:100%}.dashboard-nav-user{font-size:1rem;color:#bbb;display:flex;align-items:center;gap:1.2rem;justify-content:center;width:100%;padding-right:1.5rem;box-sizing:border-box}@media (max-width: 900px){.dashboard-nav{padding:1rem}.dashboard-nav-logo{margin-right:.5rem}.dashboard-nav-section.right{gap:8px}.dashboard-nav-section.right span{max-width:110px;font-size:.97rem}}@media (max-width: 600px){.dashboard-nav{padding:.5rem;min-height:48px;height:48px}.dashboard-nav-title{font-size:1.1rem}.dashboard-nav-logo{font-size:.95rem;min-width:70px}.dashboard-nav-section.right{flex-direction:column;align-items:flex-end;gap:4px}.dashboard-nav-section.right span{max-width:90vw;font-size:.93rem}.btn-logout{min-width:80px;font-size:.93rem;padding:.32em .8em}}.btn-logout{background:#c00;color:#fff;border-radius:10px;font-size:1rem;padding:.4em 1.3em;box-shadow:0 2px 8px #00000014;border:none;cursor:pointer;transition:background .2s,box-shadow .2s;margin-left:.5rem;width:auto;min-width:110px;max-width:160px;text-transform:capitalize;letter-spacing:1px;margin-right:0;white-space:nowrap}.btn-logout:active{box-shadow:0 1px 4px #0000000f}.dashboard-nav-user span{text-transform:capitalize}.dashboard-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:flex-start;margin:3rem auto 0;max-width:900px}.dashboard-card{background:#222;color:#eee;border-radius:16px;box-shadow:0 4px 24px #0000001a;min-width:180px;min-height:120px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:500;letter-spacing:1px;transition:box-shadow .2s,transform .2s;cursor:pointer;padding:1.5rem 2rem}.dashboard-card:hover{box-shadow:0 8px 32px #0000002e;transform:translateY(-4px) scale(1.03)}@media (max-width: 900px){.dashboard-cards{gap:1.2rem;margin-top:2rem}.dashboard-card{min-width:140px;font-size:1rem;padding:1rem 1.2rem}}@media (max-width: 600px){.dashboard-nav{padding:.7rem}.dashboard-cards{flex-direction:column;align-items:stretch;gap:1rem;margin-top:1.2rem}.dashboard-card{min-width:unset;width:100%;font-size:.98rem;padding:1rem .7rem}.dashboard-nav-section.right{gap:8px;flex-direction:column;align-items:flex-end}.btn-logout{min-width:90px;font-size:.95rem;padding:.35em 1em;margin-right:0}}@media (max-width: 600px){.login-card{min-width:70vw;max-width:80vw;padding:1.5rem .5rem;border-radius:10px;gap:1.2rem}.login-title{font-size:1.1rem;margin-bottom:1rem}.btn{font-size:1rem;padding:.7em 1em}.login-card input[type=text],.login-card input[type=password]{font-size:.95rem;padding:.7em .8em;margin-bottom:.8rem}}.analytics-view{flex:1 1 0;padding-bottom:32px}html,body,#root,.dashboard-bg,.dashboard-nav{overflow-x:hidden!important;min-width:0!important;box-sizing:border-box}