:root{--ink:#111;--paper:#fafaf8;--panel:#fff;--muted:#777;--line:#e5e5e5;--soft:#f2f3f5;--accent:#111;--danger:#a43c32;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:#111;color:#fff;padding:28px 20px;display:flex;flex-direction:column;gap:28px}.brand{font-family:Georgia,serif;letter-spacing:.16em;font-size:18px}.brand small{display:block;font-family:inherit;letter-spacing:.26em;font-size:9px;color:#aaa;margin-top:8px}.nav{display:grid;gap:5px}.nav a{color:#cfcfcb;text-decoration:none;padding:11px 12px;border-radius:8px;font-size:13px}.nav a:hover,.nav a.active{color:#111;background:#fff}.content{padding:38px clamp(24px,5vw,72px);max-width:1400px;width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:10px;font-weight:700}.page-title{font:clamp(30px,4vw,52px)/1.03 Georgia,serif;margin:10px 0 28px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button{background:#111;color:#fff;padding:11px 17px;border-radius:7px;font-size:13px}.button.ghost{background:#fff;color:#111;border:1px solid var(--line)}.button.danger{background:#a43c32}.input{background:#fff;border:1px solid var(--line);border-radius:7px;padding:11px 12px;outline:none}.input:focus{border-color:#111;box-shadow:0 0 0 3px #1111}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:22px 0}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.card .value{font:30px Georgia,serif;margin-top:10px}.panel-title{font:20px Georgia,serif;margin:0 0 16px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.table th,.table td{padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}.badge{display:inline-flex;border-radius:20px;padding:4px 8px;background:var(--soft);font-size:11px}.badge.ok{background:#e8f2eb;color:#22633a}.empty{padding:52px 20px;text-align:center;color:var(--muted)}.mail-layout{display:grid;grid-template-columns:220px minmax(280px,430px) minmax(0,1fr);gap:18px;height:calc(100vh - 76px)}.mail-left{display:flex;flex-direction:column;gap:5px}.mail-left a{padding:9px 10px;border-radius:7px;color:#555;text-decoration:none;font-size:13px}.mail-left a:hover,.mail-left a.active{background:#fff;color:#111}.mail-list,.reader{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.mail-list-head,.reader-head{padding:18px;border-bottom:1px solid var(--line)}.message{display:block;text-decoration:none;color:#111;padding:15px 18px;border-bottom:1px solid var(--line)}.message:hover{background:#fafaf8}.message.unread{background:#fbfbf0}.message .from{font-size:13px;font-weight:700}.message .subject{font-size:13px;margin-top:5px}.message .preview,.message time{font-size:11px;color:#777}.message time{float:right}.reader{padding-bottom:28px}.reader-body{padding:25px;line-height:1.7}.reader-body img{max-width:100%}.compose{position:fixed;right:24px;bottom:24px;width:min(520px,calc(100vw - 48px));background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 44px #1112;padding:20px;display:none}.compose.open{display:block}.compose textarea{min-height:150px;resize:vertical}.form-grid{display:grid;gap:12px}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);padding:38px;border-radius:14px}.login-card h1{font:34px Georgia,serif;margin:10px 0}.notice{font-size:13px;color:var(--muted);line-height:1.6}.topline{display:flex;justify-content:space-between;gap:16px;align-items:start}.mobile-only{display:none}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{padding:16px 20px;flex-direction:row;align-items:center;justify-content:space-between}.sidebar .nav{display:none}.content{padding:24px 18px}.mail-layout{grid-template-columns:1fr;height:auto}.mail-left{display:flex;flex-direction:row;overflow:auto}.mail-list,.reader{min-height:300px}.mobile-only{display:block}}