:root{font-family:Inter,system-ui,Arial,sans-serif;color:#eef1f7;background:#0e1118}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#151a26,#0e1118)}.shell{max-width:980px;margin:0 auto;min-height:100vh;padding:1rem;display:flex;flex-direction:column;gap:1rem}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700}nav{display:flex;gap:.5rem}.nav{color:#bac6de;text-decoration:none;padding:.45rem .75rem;border-radius:999px}.nav.active,.nav:hover{background:#232a39;color:#fff}main{flex:1;display:flex;flex-direction:column;gap:1rem}footer{color:#8392af;text-align:center;font-size:.9rem;padding-bottom:1rem}.card{background:#161d2a;border:1px solid #2a3346;border-radius:14px;padding:1rem}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;align-items:center;gap:.75rem}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}a{color:#e8f0ff}a:hover{color:#7ac9ff}.search{display:flex;align-items:center;gap:.5rem;flex:1;min-width:260px;background:#0f1624;border:1px solid #35435f;border-radius:10px;padding:0 .6rem}input,select{background:#0f1624;color:#f0f4ff;border:1px solid #35435f;border-radius:10px;padding:.55rem .65rem}.search input{border:none;width:100%}.btn{background:#6de3a2;border:none;border-radius:10px;padding:.55rem .9rem;font-weight:700;color:#0d1522;cursor:pointer}.icon{background:none;border:none;color:#ffd166;cursor:pointer}