*{box-sizing:border-box;margin:0;padding:0;transition:background .5s,color .5s}:root{--bg:#252121;--text:#0080ff;--primary:#6c5ce7;--secondary:#dfe6e9;--card:#fff;--border:#b2bec3}.dark{--bg:#1e272e;--text:#dfe6e9;--primary:#a29bfe;--secondary:#2f3640;--card:#2f3640;--border:#636e72}body{background:var(--bg);color:var(--text);font-family:Segoe UI,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px}button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-bottom:20px;padding:10px 18px;font-weight:600;transition:all .3s;box-shadow:0 4px 10px #00000014}button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000001f}header{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 8px 20px #0000000d}.main{gap:24px;margin-bottom:20px;display:flex}.sidebar{background:var(--card);border:1px solid var(--border);border-radius:16px;width:30%;padding:20px;box-shadow:0 4px 15px #0000000d}.content{flex-direction:column;gap:20px;width:70%;display:flex}.content>*{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .3s}.content>:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000000f}form{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 4px 15px #0000000d}input,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:0 0;border-radius:12px;margin-top:12px;padding:12px;font-size:16px;transition:all .3s}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary,#6c5ce7);outline:none}textarea{resize:none;min-height:120px}footer{text-align:center;background:var(--secondary);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 4px 10px #0000000d}@media (width<=768px){.main{flex-direction:column}.sidebar,.content{width:100%}}