*{box-sizing:border-box}:root{--primary:#eab308;--primary-dark:#b45309;--primary-light:#fde68a;--background-dark:#0a0a0b;--card-dark:#161618;--magic:#9333ea;--strength:#ef4444;--alchemy:#10b981}body{background:var(--background-dark);color:#e9edf2;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161618f2;border-right:1px solid #ffffff1a;width:220px;height:100vh;padding:24px 16px;position:sticky;top:0;overflow-y:auto}.brand{background:linear-gradient(135deg,#fde68a 0%,#eab308 50%,#b45309 100%);-webkit-text-fill-color:transparent;letter-spacing:2px;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-family:Cinzel,serif;font-size:20px;font-weight:700}.nav{flex-direction:column;gap:12px;font-size:14px;display:flex}.content{flex:1;padding:32px}.toolbar{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.input,.textarea,.select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e9edf2;background:#16161899;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:12px 14px;font-family:Inter,sans-serif;font-size:14px;transition:all .3s}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);background:#161618cc;outline:none;box-shadow:0 0 15px #eab30833}.textarea{resize:vertical;min-height:120px}.button{border:1px solid var(--primary);background:var(--primary);color:#0a0a0b;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:12px 20px;font-family:Cinzel,serif;font-size:13px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 20px #eab3084d}.button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button:hover:before{width:300px;height:300px}.button:hover{transform:translateY(-2px);box-shadow:0 0 30px #eab30880}.button:active{transform:translateY(0)scale(.98)}.button.secondary{color:#e9edf2;box-shadow:none;background:#ffffff0d;border-color:#fff3}.button.secondary:hover{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 4px 15px #0003}.button.ghost{color:var(--primary);box-shadow:none;background:0 0;border-color:#0000}.button.ghost:hover{background:#eab3081a;border-color:#eab3084d}.button.danger{background:var(--strength);color:#fff;border-color:var(--strength);box-shadow:0 0 20px #ef44444d}.button.danger:hover{background:#dc2626;box-shadow:0 0 30px #ef444480}.badge{text-transform:uppercase;letter-spacing:.5px;color:var(--primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#eab3081a;border:1px solid #eab3084d;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;transition:all .3s;display:inline-flex}.badge:hover{background:#eab30833;border-color:#eab30880;transform:scale(1.05)}.card h3{margin-top:0}h1,h2,h3,h4,h5,h6{letter-spacing:1px;margin-top:0;font-family:Cinzel,serif;font-weight:700}h1{background:linear-gradient(135deg,#fde68a 0%,#eab308 50%,#b45309 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-size:28px}.gold-gradient-text{background:linear-gradient(135deg,#fde68a 0%,#eab308 50%,#b45309 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.font-display{font-family:Cinzel,serif}h2{color:var(--primary);font-size:22px}h3{color:#ffffffe6;font-size:18px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.link-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.help{color:#9aa4b2;font-size:12px}.error{color:#fca5a5;font-size:12px}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161618cc;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:16px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#eab3084d,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:1}.card:hover{border-color:#eab30833;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.modal{z-index:40;background:#0a0c12b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#161618f2;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:420px;padding:24px;box-shadow:0 8px 32px #00000080}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e9edf2;z-index:50;background:#161618f2;border:1px solid #eab3084d;border-radius:12px;padding:14px 18px;font-size:13px;animation:.3s ease-out slideInUp;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0006,0 0 20px #eab30833}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.muted{color:#9aa4b2;font-size:13px}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.nav a{color:#fff9;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .3s;display:flex;position:relative}.nav a:hover{color:#ffffffe6;background:#ffffff0d;border-color:#ffffff1a;transform:translate(4px)}.nav a:active{background:#eab3081a;border-color:#eab3084d}.nav a:before{content:"";background:var(--primary);border-radius:0 2px 2px 0;width:3px;height:0;transition:height .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav a:hover:before,.nav a:active:before{height:60%}.input:focus,.textarea:focus,.select:focus{border-color:#d7b36a;outline:none}.button:hover{opacity:.9}.button:disabled{opacity:.5;cursor:not-allowed}@keyframes float{0%,to{filter:drop-shadow(0 0 15px #eab30866);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 25px #eab30899);transform:translateY(-10px)scale(1.05)}}.animated-icon{animation:4s ease-in-out infinite float}.metallic-frame{background:linear-gradient(145deg,#1e1e20,#131315);border:1px solid #4a4a4d80;position:relative}.metallic-frame:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#eab3084d,#0000 40%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.neon-border-magic{border:1px solid #9333ea80;box-shadow:0 0 10px #9333ea33}.neon-border-strength{border:1px solid #ef444480;box-shadow:0 0 10px #ef444433}.neon-border-alchemy{border:1px solid #10b98180;box-shadow:0 0 10px #10b98133}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1a}@media (max-width:900px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.content{padding:20px}}