:root,[data-theme=dark]{--primary:#e4521b;--primary-hover:#ff6830;--primary-glow:#e4521b73;--bg-color:#0a0b0e;--bg-radial-1:#e4521b24;--bg-radial-2:#6366f11a;--bg-radial-3:#0ea5e914;--card-bg:#16181e94;--card-bg-hover:#1c2028b8;--card-bg-solid:#15171c;--sidebar-bg:#0e0f13a6;--header-bg:#0e0f1380;--modal-bg:#12141ad9;--modal-overlay:#000000b3;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--border-color:#ffffff17;--border-color-hover:#e4521b73;--border-shine:#ffffff29;--glass-shine:inset 0 1px 1px 0 #ffffff24;--glass-shadow:0 16px 36px -8px #00000073;--glass-shadow-hover:0 22px 45px -10px #0009, 0 0 30px -5px #e4521b47;--glass-blur:blur(20px) saturate(190%);--highlight:#e4521b2e;--input-bg:#ffffff0a;--input-bg-focus:#ffffff14;--table-head-bg:#ffffff09;--table-row-hover:#ffffff0b;--surface-hover:#ffffff0f;--font-poppins:"Poppins", sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--primary:#e4521b;--primary-hover:#c44010;--primary-glow:#e4521b59;--bg-color:#f1f5f9;--bg-radial-1:#e4521b14;--bg-radial-2:#6366f114;--bg-radial-3:#0ea5e90f;--card-bg:#ffffffad;--card-bg-hover:#ffffffe0;--card-bg-solid:#fff;--sidebar-bg:#ffffffb8;--header-bg:#fff9;--modal-bg:#ffffffeb;--modal-overlay:#0f172a73;--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--border-color:#fffc;--border-color-hover:#e4521b73;--border-shine:#fffffff2;--glass-shine:inset 0 1px 1px 0 #fffffff2;--glass-shadow:0 14px 30px -8px #0f172a14;--glass-shadow-hover:0 20px 42px -10px #0f172a26, 0 0 25px -4px #e4521b38;--glass-blur:blur(20px) saturate(180%);--highlight:#e4521b1f;--input-bg:#ffffffbf;--input-bg-focus:#fffffff2;--table-head-bg:#f1f5f9bf;--table-row-hover:#f1f5f9a6;--surface-hover:#0f172a0a;--font-poppins:"Poppins", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-poppins), "Poppins", sans-serif;background-color:var(--bg-color);background-image:radial-gradient(ellipse at 10% 15%, var(--bg-radial-1), transparent 45%), radial-gradient(ellipse at 90% 25%, var(--bg-radial-2), transparent 45%), radial-gradient(ellipse at 60% 85%, var(--bg-radial-3), transparent 45%), radial-gradient(ellipse at 25% 75%, var(--bg-radial-1), transparent 40%);color:var(--text-main);background-attachment:fixed;flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b840 padding-box padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#e4521b80;border-radius:9999px}button,input,select,textarea{font-family:inherit}select option{background-color:var(--card-bg-solid);color:var(--text-main)}.btn{background:linear-gradient(135deg, var(--primary) 0%, #c44010 100%);color:#fff;letter-spacing:-.2px;cursor:pointer;border:1px solid #ffffff38;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff59,0 8px 24px -6px #e4521b80}.btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn:hover:after{left:140%}.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffff73,0 12px 28px -6px #e4521ba6}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{-webkit-backdrop-filter:blur(10px);color:var(--primary);box-shadow:var(--glass-shine);background:#e4521b0f;border:1px solid #e4521b59}.btn-outline:hover{border-color:var(--primary);color:#fff;background:#e4521b29;box-shadow:0 0 20px #e4521b59}.btn-sm{border-radius:9px;width:auto;padding:8px 16px;font-size:.85rem}.badge{font-family:var(--font-mono), monospace;letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-success{color:#34d399;background:#10b98124;border:1px solid #10b98159;box-shadow:0 0 14px #10b98126}.badge-warning{color:#fbbf24;background:#f59e0b24;border:1px solid #f59e0b59;box-shadow:0 0 14px #f59e0b26}.gridCards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:10px;margin-bottom:32px;display:grid}.card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--glass-shine), var(--glass-shadow);border-radius:20px;padding:26px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--border-shine), transparent);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--glass-shine), var(--glass-shadow-hover);transform:translateY(-5px)}.cardHeader{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.95rem;font-weight:500;display:flex}.cardHeader i{width:42px;height:42px;color:var(--primary);background:#e4521b1f;border:1px solid #e4521b40;border-radius:12px;justify-content:center;align-items:center;font-size:1.15rem;transition:transform .25s,background .25s;display:inline-flex;box-shadow:0 4px 16px #e4521b2e}.card:hover .cardHeader i{background:#e4521b33;transform:scale(1.08)rotate(4deg)}.cardValue{letter-spacing:-1px;color:var(--text-main);background:linear-gradient(135deg, var(--text-main) 60%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:700}.tableContainer{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--glass-shine), var(--glass-shadow);border-radius:20px;margin-top:32px;position:relative;overflow:hidden}.tableContainer:before{content:"";background:linear-gradient(90deg, transparent, var(--border-shine), transparent);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.table{border-collapse:separate;border-spacing:0;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border-color);padding:16px 24px}.table th{background:var(--table-head-bg);-webkit-backdrop-filter:blur(12px);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:.78rem;font-weight:600}.table td{color:var(--text-main);font-size:.92rem;transition:background-color .2s}.table tbody tr{transition:background-color .2s}.table tbody tr:hover td{background-color:var(--table-row-hover)}.table tr:last-child td{border-bottom:none}.templateCard{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--glass-shine), var(--glass-shadow);border-radius:18px;flex-direction:column;padding:22px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.templateCard:hover{border-color:var(--border-color-hover);box-shadow:var(--glass-shine), var(--glass-shadow-hover);transform:translateY(-4px)}.cardDesc{color:var(--text-muted);flex:1;margin-bottom:20px;font-size:.9rem;line-height:1.5}.cardFooter{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.cardMeta{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono), monospace}.btnGroup{gap:10px;display:flex}.modalOverlay{background:var(--modal-overlay);-webkit-backdrop-filter:blur(14px)saturate(180%);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;top:0;left:0}.modalContent{background:var(--modal-bg);-webkit-backdrop-filter:blur(28px)saturate(200%);border:1px solid var(--border-color);width:90%;max-width:1200px;height:85vh;box-shadow:var(--glass-shine), 0 35px 80px -15px #000000a6, 0 0 35px -5px #e4521b38;border-radius:24px;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;position:relative;overflow:hidden}.modalContent:before{content:"";background:linear-gradient(90deg, transparent, var(--border-shine), transparent);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modalHeader{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.modalBody{flex:1;display:flex;overflow:hidden}.editorPanel{border-right:1px solid var(--border-color);flex-direction:column;flex:1;padding:24px;display:flex}.editorPanel:last-child{background:#ffffff05;border-right:none}.editorTextarea{color:#4ade80;border:1px solid var(--border-color);width:100%;font-family:var(--font-mono), monospace;resize:none;background:#000000a6;border-radius:12px;outline:none;margin-bottom:20px;padding:16px;font-size:.9rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 4px #00000080}.editorTextarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e4521b40,inset 0 2px 4px #00000080}.loginScreen{background:var(--card-bg);-webkit-backdrop-filter:blur(28px)saturate(200%);border:1px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--glass-shine), 0 30px 60px -15px #0000008c, 0 0 45px -10px #e4521b40;z-index:1;border-radius:24px;padding:42px 38px;animation:.4s forwards fadeIn;position:relative;overflow:hidden}.loginScreen:before{content:"";background:linear-gradient(90deg, transparent, var(--border-shine), transparent);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.logoContainer{text-align:center;margin-bottom:30px}.logoImage{filter:drop-shadow(0 4px 16px #e4521b66);height:64px;margin-bottom:15px;display:inline-block}.logoContainer h1{letter-spacing:-.5px;color:var(--text-main);font-size:1.6rem;font-weight:700}.formGroup{margin-bottom:20px}.formGroup label{color:var(--text-muted);margin-bottom:8px;font-size:.88rem;font-weight:500;display:block}.formGroup input,.inputField{background:var(--input-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:13px 16px;font-size:.95rem;transition:border-color .25s,box-shadow .25s,background-color .25s;box-shadow:inset 0 1px 2px #00000026}.formGroup input:focus,.inputField:focus{background:var(--input-bg-focus);border-color:var(--primary);box-shadow:0 0 0 3px #e4521b40,inset 0 1px 2px #0000001a}.formGroup input:-webkit-autofill{-webkit-text-fill-color:var(--text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #14161beb}.formGroup input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #14161beb}.formGroup input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #14161beb}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 37%,#ffffff0a 63%) 0 0/400% 100%;border-radius:8px;animation:1.4s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:100%}to{background-position:0%}}.skeletonCard{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--glass-shine), var(--glass-shadow);border-radius:20px;padding:26px}.skeletonRow{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;height:54px;padding:0 24px;display:flex}.skeletonRow:last-child{border-bottom:none}.lazyLoadFooter{border-top:1px solid var(--border-color);color:var(--text-muted);background:#ffffff05;justify-content:space-between;align-items:center;padding:16px 24px;font-size:.9rem;display:flex}