:root{--navy:#082E3A;--teal:#0FA3A8;--cyan:#26C6D0;--line:#e6eef0;--muted:#657981}*{box-sizing:border-box}body{margin:0;background:#f7fafb;color:var(--navy);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:245px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:14px}.logo{width:176px;max-height:75px;object-fit:contain;object-position:left}.side-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;margin:10px 0 16px}.side-title img{width:42px;height:42px;object-fit:contain}.nav{padding:12px 15px;border-radius:12px;font-weight:600}.nav:hover,.nav.active{color:#07888e;background:#e9f9fa}.sidebar hr{width:100%;border:0;border-top:1px solid var(--line)}.sidebar small{color:var(--muted)}.content{flex:1;min-width:0;display:flex;flex-direction:column}.top{background:#fff;height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}.top span,.muted{color:var(--muted)}.main{padding:32px;flex:1;max-width:1500px;width:100%;margin:0 auto}.heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.heading h1{margin:4px 0;font-size:30px}.heading p{color:var(--muted);margin:0}.eyebrow{color:var(--teal);font-size:11px;letter-spacing:2px;font-weight:800}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:0 5px 22px rgba(8,46,58,.035)}.login{max-width:480px}.compose{max-width:850px}.panel h2{margin:0 0 14px}.panel label{display:block;font-weight:700;margin-bottom:18px}input,textarea{display:block;width:100%;font:inherit;margin-top:6px;padding:12px 14px;border:1px solid #cbdce0;border-radius:9px;outline-color:var(--teal)}button{font:inherit;background:var(--teal);color:#fff;border:0;border-radius:9px;padding:12px 22px;font-weight:750;cursor:pointer}.outline{border:1px solid var(--teal);background:#fff;color:var(--teal)}.cancel{margin-left:20px;color:var(--teal)}.columns{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);gap:20px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin-bottom:8px}.panel-header span{font-size:12px;color:var(--muted)}.message{display:flex;flex-direction:column;padding:13px 0;border-bottom:1px solid var(--line);gap:3px}.message:hover{color:var(--teal)}.message span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message small{color:var(--muted)}.bodytext{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 system-ui,sans-serif}.alert,.success{padding:14px;border-radius:9px;background:#fff0eb;color:#a03215}.success{background:#e9f9f2;color:#146447}footer{padding:20px 32px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media(max-width:850px){.layout{display:block}.sidebar{width:100%;padding:12px;flex-direction:row;align-items:center;flex-wrap:wrap}.sidebar .logo{width:110px}.sidebar small,.sidebar hr{display:none}.sidebar .side-title{margin:0;font-size:14px}.sidebar .side-title img{width:28px;height:28px}.nav{padding:7px}.top{height:auto;min-height:55px;padding:13px}.top span{display:none}.main{padding:18px}.columns{grid-template-columns:1fr}.heading h1{font-size:23px}}