:root{--color-bg: #fff;--color-fg: #222;--color-accent: #2266ee;--color-btn: #f4f4f6;--color-btn-border: #ccd1d9;--color-border: #e0e0e0;--color-card-bg: #fafbfc;--color-card-shadow: 0 1px 4px rgba(22,26,32,.05)}html,body{background:var(--color-bg);color:var(--color-fg);font-family:Inter,system-ui,sans-serif;min-height:100vh;margin:0}a{color:var(--color-accent);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.app-container{max-width:800px;margin:40px auto 0;padding:24px;background:var(--color-card-bg);border-radius:10px;border:1px solid var(--color-border);box-shadow:var(--color-card-shadow)}h1,h2,h3{margin-top:0;font-weight:600;color:var(--color-fg)}input,textarea{border:1px solid var(--color-border);padding:.55em .8em;border-radius:7px;background:#fcfcfd;font-size:1em;outline:none;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--color-accent)}button{background:var(--color-btn);color:var(--color-fg);border:1px solid var(--color-btn-border);border-radius:7px;padding:.5em 1.3em;font-size:1em;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;box-shadow:0 1px 8px #161a2008}.card{border:1px solid var(--color-border);border-radius:8px;background:#fff;box-shadow:var(--color-card-shadow);padding:18px;margin-bottom:16px}.navbar{display:flex;gap:2em;border-bottom:1px solid var(--color-border);padding-bottom:.5em;margin-bottom:2em;background:none}.navbar a{color:var(--color-fg);padding:.2em .5em;border-radius:4px;transition:background .13s}label{display:block;margin-bottom:.45em;color:#888;font-size:.96em}.navbar a.active,.navbar a:hover{background:#e9eef6;color:var(--color-accent)}.navbar a{border:none;transition:background .13s,color .13s}table{width:100%;border-collapse:collapse;margin-bottom:1.5em}th,td{padding:.6em 1em;text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;background-color:var(--color-card-bg)}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{padding:8px 12px;border-bottom:1px solid var(--color-border);font-size:1em}button{background:var(--color-btn);border:1px solid var(--color-btn-border);border-radius:7px;padding:.5em 1em;cursor:pointer;font-weight:500;transition:background .15s,border-color .15s}button:hover{background:#e9eef6;border-color:var(--color-accent)}button:disabled{opacity:.5;cursor:not-allowed}