*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f9fafb;color:#111}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;padding:8px 16px;border-radius:4px;font-size:14px;background:#06c;color:#fff;transition:background .2s}button:hover{background:#0052a3}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px rgba(0,102,204,.1)}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:#fff;border-bottom:1px solid #eee;padding:16px 0;margin-bottom:32px}.nav{display:flex;gap:24px;align-items:center}.nav a{font-weight:500}.card{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.tabs{display:flex;gap:8px;border-bottom:1px solid #eee;margin-bottom:16px}.tab-btn{background:none;padding:12px 0;border:none;border-bottom:2px solid transparent;color:#666;cursor:pointer;font-size:14px;font-weight:500}.tab-btn.active{color:#06c;border-bottom-color:#06c}.loading{opacity:.6}.error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;padding:12px;border-radius:4px;margin-bottom:16px}