:root{--p:#00d4ff;--s:#ff006e;--bg:#0a0e27;--surf:#1a1f3a;--t:#fff;--b:#2a3050}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fira Code,monospace;background:var(--bg);color:var(--t)}.app{min-height:100vh;display:flex;flex-direction:column}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.spin{width:40px;height:40px;border:3px solid var(--surf);border-top:3px solid var(--p);border-radius:50%;animation:s 1s linear infinite}@keyframes s{to{transform:rotate(360deg)}}.header{background:rgba(26,31,58,.8);border-bottom:1px solid var(--b);padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;gap:10px;align-items:center}h1{background:linear-gradient(135deg,var(--p),var(--s));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home{flex:1;padding:2rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width:1024px){.grid{grid-template-columns:1fr}}.left,.right{display:flex;flex-direction:column}.tabs{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap}.tabs button{padding:8px 16px;background:var(--surf);border:1px solid var(--b);color:var(--t);cursor:pointer;border-radius:6px;font-family:inherit}.tabs button.active{border-color:var(--p);color:var(--p)}.config{background:var(--surf);border:1px solid var(--b);padding:1.5rem;border-radius:8px}.field{margin-bottom:1rem;display:flex;flex-direction:column}label{color:var(--t);margin-bottom:6px;font-weight:600;font-size:.9rem}input,textarea,select{padding:10px;background:var(--bg);border:1px solid var(--b);color:var(--t);font-family:inherit;border-radius:6px;font-size:.95rem}.preview{background:var(--surf);border:1px solid var(--b);padding:1.5rem;border-radius:8px;flex:1}.btns{display:flex;gap:8px;margin-bottom:1rem}button{display:flex;gap:6px;align-items:center;padding:10px 16px;background:linear-gradient(135deg,var(--p),#00a8cc);color:var(--bg);border:none;border-radius:6px;cursor:pointer;font-weight:600;font-family:inherit}button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00d4ff4d}pre{background:var(--bg);border:1px solid var(--b);padding:1rem;border-radius:6px;overflow-x:auto;margin-top:1rem}code{color:var(--p)}.login{display:flex;align-items:center;justify-content:center;min-height:100vh}.box{background:var(--surf);border:1px solid var(--b);padding:2rem;border-radius:8px;text-align:center;width:100%;max-width:400px}.error{color:#ff4757;margin-top:.5rem;font-size:.9rem}.admin{padding:2rem}.admin header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--b);padding-bottom:1rem}.templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:var(--surf);border:1px solid var(--b);padding:1.5rem;border-radius:8px}.acts{display:flex;gap:8px;margin-top:1rem}