:root{--glass:#e9f3fb;--glass2:#d6e7f4;--line:#9db5c8;--ink:#20313f;--blue:#3278b6;--nav:#dfeaf2;--white:#fff;--shadow:0 10px 35px rgba(26,51,73,.22)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:linear-gradient(135deg,#cbd9e4,#f4f8fb 48%,#b9cad7);font-size:14px}.vista-wall{min-height:100%;background:radial-gradient(circle at 10% 15%,rgba(255,255,255,.8),transparent 24%),radial-gradient(circle at 88% 84%,rgba(80,150,200,.22),transparent 26%);padding:28px}.window{max-width:1380px;margin:auto;background:rgba(246,250,253,.95);border:1px solid rgba(79,111,134,.65);border-radius:9px;box-shadow:var(--shadow);overflow:hidden}.titlebar{height:46px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#fdfefe,#cbdce9);border-bottom:1px solid #8ca7bb}.brand{display:flex;align-items:center;gap:10px;font-weight:600}.orb{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 8%,#54a5e3 24%,#1d5d92 58%,#0b3559 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 1px 2px #536979}.winbtns{display:flex}.winbtns i{width:28px;height:19px;margin-left:3px;border:1px solid #7890a1;border-radius:3px;background:linear-gradient(#fff,#d5e1ea)}.toolbar{height:46px;display:flex;align-items:center;gap:7px;padding:6px 10px;background:linear-gradient(#f7fbfe,#dce8f1);border-bottom:1px solid #a6bac9}.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #8ba5b8;border-radius:4px;background:linear-gradient(#fff,#d9e7f1);color:#20313f;text-decoration:none;cursor:pointer;text-shadow:0 1px #fff}.btn:hover{background:linear-gradient(#fff,#c9e1f3);border-color:#6b95b4}.btn.primary{background:linear-gradient(#76b6e6,#2f7bb4);color:#fff;text-shadow:0 1px #1b527d;border-color:#2b6d9f}.btn.danger{background:linear-gradient(#f6b8b8,#c75b5b);color:white;border-color:#9f4141}.layout{display:grid;grid-template-columns:230px 1fr;min-height:650px}.sidebar{background:linear-gradient(90deg,#edf4f9,#dbe8f1);border-right:1px solid #9db4c5;padding:10px}.profile{padding:12px;border:1px solid #afc1ce;border-radius:5px;background:rgba(255,255,255,.65);margin-bottom:12px}.profile strong{display:block;font-size:13px}.nav a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:4px;color:#294255;text-decoration:none;margin:2px 0}.nav a:hover,.nav a.active{background:linear-gradient(#d9edf9,#b9d7ea);box-shadow:inset 0 0 0 1px #90b3cb}.content{background:#fff;min-width:0}.pane-head{padding:12px 16px;background:linear-gradient(#fff,#edf3f7);border-bottom:1px solid #c2d0da;display:flex;justify-content:space-between;align-items:center}.mail-list{width:100%;border-collapse:collapse}.mail-list th{background:#eef4f8;text-align:left;border-bottom:1px solid #bac9d3;padding:8px;font-weight:500}.mail-list td{padding:8px;border-bottom:1px solid #e0e6eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}.mail-list tr:hover{background:#f2f8fc}.unseen td{font-weight:600;background:#fbfdff}.split{display:grid;grid-template-columns:minmax(390px,42%) 1fr;min-height:600px}.reader{padding:18px;border-left:1px solid #becdd7;overflow:auto}.reader h2{font-size:18px;margin:0 0 10px}.meta{color:#647887;border-bottom:1px solid #dbe4ea;padding-bottom:12px;margin-bottom:16px}.card{margin:18px;border:1px solid #adbfcc;border-radius:5px;background:linear-gradient(#fff,#f1f6f9);box-shadow:0 2px 8px rgba(45,72,93,.08)}.card h3{margin:0;padding:10px 12px;background:linear-gradient(#f6fafc,#dce9f2);border-bottom:1px solid #b5c7d4;font-size:14px}.card-body{padding:14px}.form-row{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;margin-bottom:10px}.input,select,textarea{width:100%;padding:8px 9px;border:1px solid #91a7b7;border-radius:3px;background:#fff;box-shadow:inset 0 1px 2px rgba(45,68,83,.12);font:inherit}textarea{min-height:220px;resize:vertical}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px}.login{width:min(470px,100%);background:rgba(248,251,253,.96);border:1px solid #748e9f;border-radius:9px;box-shadow:0 18px 50px rgba(31,53,68,.32);overflow:hidden}.login-top{padding:18px;background:linear-gradient(#fff,#ccdeea);border-bottom:1px solid #90a8b8}.login-body{padding:24px}.login h1{font-size:20px;margin:0 0 3px;font-weight:500}.muted{color:#687d8c;font-size:12px}.flash{margin:10px 18px;padding:10px 12px;border-radius:4px;border:1px solid}.flash.ok{background:#ecf7e9;border-color:#9dc691}.flash.err{background:#fdecec;border-color:#d99c9c}.statusbar{padding:6px 10px;background:linear-gradient(#ecf3f8,#d4e1ea);border-top:1px solid #aebfcb;font-size:12px;color:#536875}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.account{padding:12px;border:1px solid #bac9d4;background:#fff;border-radius:4px}.account strong{display:block;margin-bottom:4px}@media(max-width:800px){.vista-wall{padding:0}.window{border-radius:0;min-height:100vh}.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #9db4c5}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.split{grid-template-columns:1fr}.reader{border-left:0;border-top:1px solid #becdd7}.form-row{grid-template-columns:1fr}.toolbar{overflow:auto}.winbtns{display:none}}