:root{--orange:#ff6826;--green:#18af8d;--blue:#0878bd;--ink:#172137;--muted:#65708a;--line:#dce2ea}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#f7fbff,#fff7f0);font:16px/1.5 Arial,sans-serif;color:var(--ink)}.auth-card,.panel{width:min(100%,480px);background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 20px 60px #1721371f}.logo{width:180px;max-height:72px;object-fit:contain;object-position:left center}.eyebrow{margin:24px 0 6px;color:var(--orange);font-size:.78rem;font-weight:800;letter-spacing:.09em}.auth-card h1,.welcome h1{margin:0;font-size:2rem;line-height:1.15}.intro{color:var(--muted);margin:12px 0 24px}label{display:block;margin:15px 0 6px;font-weight:700}input{width:100%;padding:13px 14px;border:1px solid #b9c3d2;border-radius:10px;font:inherit;color:var(--ink)}input:focus{outline:3px solid #0878bd26;border-color:var(--blue)}button,.logout{display:block;width:100%;margin-top:22px;padding:14px;border:0;border-radius:10px;background:var(--orange);color:white;text-align:center;text-decoration:none;font:700 1rem Arial;cursor:pointer}button:disabled{opacity:.65;cursor:wait}.message{min-height:24px;margin:16px 0 0;color:#b42318}.message.success{color:#087a58}.links{display:flex;justify-content:space-between;gap:16px;margin:18px 0 0}.links a{color:var(--blue)}.panel{width:min(100%,900px)}.panel header{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.panel header div{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.panel header span{color:var(--muted);font-size:.9rem}.panel .logout{width:auto;margin:0;padding:10px 18px;background:var(--ink)}.welcome{padding:24px 0 8px}.welcome p:last-child{color:var(--muted)}@media(max-width:600px){.auth-card,.panel{padding:24px}.links{flex-direction:column}.panel header{align-items:flex-start;flex-wrap:wrap}.panel header div{order:3;width:100%;margin:0;align-items:flex-start}}