@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--accent:#fad552;--accent-dark:#e6bc30;--bg:#f7f8fa;--surface:#ffffff;--border:#e8ecf0;--text-primary:#1a1d23;--text-secondary:#64748b;--text-muted:#94a3b8;--danger:#ef4444;--danger-light:rgba(239,68,68,0.08);--success:#16a34a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 12px 40px rgba(0,0,0,0.12)}body,html{height:100%}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}.input,body{color:var(--text-primary)}.input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;background:var(--surface);outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent-dark)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:100px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;text-decoration:none}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:#c0c8d4;color:var(--text-primary)}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:var(--radius-sm);background:var(--danger-light);color:var(--danger);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-danger:hover{background:rgba(239,68,68,.14)}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.card-padded{padding:28px}.label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.field{display:flex;flex-direction:column;gap:6px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:auto}.loading-wrap{display:flex;align-items:center;justify-content:center;min-height:60vh}@keyframes spin{to{transform:rotate(1turn)}}.copy-btn{padding:4px 10px;border:1.5px solid var(--border);border-radius:6px;background:transparent;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:4px}.copy-btn:hover{border-color:var(--accent);color:var(--text-primary)}.copy-btn.copied{border-color:var(--success);color:var(--success)}.error-msg{font-size:13px;color:var(--danger)}.success-msg{font-size:13px;color:var(--success)}.progress-bar-wrap{height:8px;background:var(--border);border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.layout-container{display:flex;min-height:100vh}.layout-sidebar{width:240px;background:#1a1d23;display:flex;flex-direction:column;padding:24px 16px;position:fixed;inset:0 auto 0 0;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1)}.layout-main{margin-left:240px;flex:1 1;padding:36px 40px;min-height:100vh;background:var(--background)}.layout-mobile-header{display:none;align-items:center;justify-content:space-between;padding:16px 24px;background:#1a1d23;position:-webkit-sticky;position:sticky;top:0;z-index:90}.layout-mobile-brand{gap:12px}.layout-hamburger,.layout-mobile-brand{display:flex;align-items:center;color:white}.layout-hamburger{background:none;border:none;cursor:pointer;padding:8px;margin:-8px;justify-content:center}.layout-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:95;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.layout-overlay.open{display:block;opacity:1}.layout-close-btn{display:none;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}@media (max-width:1024px){.layout-container{flex-direction:column}.layout-sidebar{transform:translateX(-100%);width:280px}.layout-sidebar.open{transform:translateX(0)}.layout-main{margin-left:0;padding:24px 16px;width:100%}.layout-mobile-header{display:flex}.layout-close-btn{display:flex;align-items:center;justify-content:center}}@media (max-width:768px){.card-padded{padding:20px}}