body{margin:0;font-family:Arial,sans-serif;background:#050811;color:#f6f9ff}*{box-sizing:border-box}.hidden{display:none}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 0%,#102a63 0,transparent 35%),#050811}.card{width:min(430px,92vw);padding:34px;border:1px solid #1b2638;border-radius:22px;background:#0a1320;box-shadow:0 35px 90px #0008}.brand{font-size:26px;font-weight:800;margin-bottom:8px}.brand span{color:#23a7ff}.sub{color:#8090a5;font-size:12px;margin-bottom:26px}.field{margin:14px 0}.field label{display:block;font-size:10px;color:#7f8da0;margin-bottom:7px}.field input{width:100%;padding:13px;border-radius:12px;border:1px solid #1c2a3d;background:#08111d;color:white}.btn{border:0;background:linear-gradient(135deg,#23a7ff,#235dff);color:white;padding:13px 18px;border-radius:12px;font-weight:700;cursor:pointer}.w100{width:100%}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{padding:24px 18px;border-right:1px solid #172233;background:#060a12}.side .brand{font-size:21px}.compose{width:100%;margin:20px 0}.nav button,.nav a{display:block;width:100%;text-align:left;padding:11px 12px;margin:5px 0;border:0;border-radius:10px;background:transparent;color:#9aa7b8;cursor:pointer}.nav .active,.nav button:hover{background:#0b1725;color:white}.top{height:74px;border-bottom:1px solid #172233;display:flex;align-items:center;padding:0 24px;background:#060a12cc}.search{width:min(720px,100%);padding:12px 14px;border-radius:12px;border:1px solid #1b293c;background:#09121e;color:white}.content{padding:24px}.panel{border:1px solid #182638;background:#09121f;border-radius:18px;overflow:hidden}.mailgrid{display:grid;grid-template-columns:370px 1fr;min-height:720px}.list{border-right:1px solid #182638}.list h2{padding:18px;margin:0;border-bottom:1px solid #182638}.item{padding:15px 18px;border-bottom:1px solid #182638;cursor:pointer}.item:hover,.item.active{background:#0d1a2b}.item b{display:block}.item span,.item p{font-size:11px;color:#8291a5;margin:4px 0}.reader{padding:28px}.reader h1{font-size:30px}.reader .from{color:#8d9aad;font-size:12px}.reader .body{margin-top:26px;line-height:1.8;color:#bdc7d4}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:20px;border:1px solid #182638;border-radius:16px;background:#09121f}.stat small{color:#7d8b9f}.stat strong{display:block;font-size:28px;margin:8px 0}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #182638;text-align:left;font-size:12px}.ok{color:#58d9a8}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center}.composer{width:min(700px,94vw);background:#09121f;border:1px solid #1b293c;border-radius:18px;overflow:hidden}.composer input,.composer textarea{width:100%;padding:14px;border:0;border-bottom:1px solid #182638;background:transparent;color:white}.composer textarea{min-height:240px}.composer .foot{padding:14px;display:flex;justify-content:flex-end}@media(max-width:900px){.app{grid-template-columns:80px 1fr}.side .brand,.side .compose,.nav button,.nav a{font-size:0}.nav button:before,.nav a:before{content:'•';font-size:20px}.mailgrid{grid-template-columns:1fr}.reader{display:none}.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}