:root{--background:#f6f4ef;--foreground:#1c1b18;--muted:#706c61;--line:#ddd7cb;--panel:#fffaf1;--accent:#8b2f2f;--accent-strong:#641f1f;--green:#2e6b4f;--ink:#202124}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-page{align-items:center;min-height:100vh;padding:32px;display:grid}.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;max-width:420px;margin:0 auto;padding:28px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.login-panel h1,.page h1{margin:12px 0;font-size:30px;line-height:1.15}.muted{color:var(--muted);line-height:1.6}.error{color:#8a2016;background:#fff0ed;border:1px solid #efb0a4;border-radius:6px;margin:16px 0;padding:12px}.primary-button,.secondary-button,.nav-link,.user-button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer;width:100%;padding:0 16px}.primary-button:hover{background:var(--accent-strong)}.secondary-button{border:1px solid var(--line);color:var(--ink);padding:0 14px}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff7e9;background:#27231e;flex-direction:column;padding:20px;display:flex}.brand{border-bottom:1px solid #ffffff24;align-items:center;gap:12px;padding-bottom:20px;display:flex}.brand-logo{border-radius:6px;flex:none}.brand-text{min-width:0;display:block}.brand strong{font-size:18px;display:block}.brand span{color:#d7c8ac;margin-top:4px;font-size:13px;display:block}.nav{gap:8px;margin-top:24px;display:grid}.nav-link{color:#eadfca;justify-content:flex-start;padding:0 12px}.nav-link:hover{color:#fff;background:#ffffff14}.user-box{border-top:1px solid #ffffff24;margin-top:auto;padding-top:16px}.user-email{color:#d7c8ac;overflow-wrap:anywhere;font-size:13px}.user-button{color:#fff7e9;cursor:pointer;background:0 0;border:1px solid #fff3;width:100%;margin-top:10px;padding:0 12px}.main{padding:28px}.page{max-width:1080px;margin:0 auto}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.card h2{margin:0 0 8px;font-size:18px}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.skill-content{color:var(--ink);white-space:pre-wrap;margin:12px 0 0;font-family:Arial,Helvetica,sans-serif;line-height:1.65}@media (max-width:780px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.main{padding:20px}}