:root{--bg-page: #fefefd;--bg-surface: #fdfcf9;--bg-card: #fcfbf8;--border: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .12);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #4b5563;--sidebar-bg: #102c26;--color-accent: #102c26;--banner-bg: #ffffff;--banner-text: #1e293b;--banner-decoration: rgba(0, 0, 0, .03);--sidebar-text: #eceff1;--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-active: rgba(255, 255, 255, .1);--sidebar-sub-bg: rgba(0, 0, 0, .1);--shadow: rgba(0, 0, 0, .08);--shadow-hover: rgba(0, 0, 0, .12);--color-mamul: #2563eb;--color-paket: #7c3aed;--color-parca: #475569;--color-hammadde: #059669}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.02em}body.dark{--bg-page: #0f1117;--bg-surface: #1a1d27;--bg-card: #20232e;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .15);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #94a3b8;--sidebar-bg: #0c0e12;--color-accent: #60a5fa;--banner-bg: linear-gradient(135deg, #0c0e12, #1a1d27);--banner-text: #e2e8f0;--banner-decoration: rgba(255, 255, 255, .05);--sidebar-text: #eceff1;--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-active: rgba(255, 255, 255, .08);--sidebar-sub-bg: rgba(255, 255, 255, .03);--shadow: rgba(0, 0, 0, .4);--shadow-hover: rgba(0, 0, 0, .6);--color-mamul: #60a5fa;--color-paket: #a78bfa;--color-parca: #94a3b8;--color-hammadde: #34d399}html,body{margin:0;padding:0;height:100%;background-color:var(--bg-page);color:var(--text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text;cursor:text}.selectable-text,.history-table,.node-content,.instructions-text{user-select:text;-webkit-user-select:text}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.billing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:992px){.billing-grid{grid-template-columns:1fr}}.billing-section{background:var(--bg-surface);border-radius:1.25rem;padding:2rem;border:1px solid var(--border);box-shadow:0 4px 6px -1px var(--shadow)}.billing-section.full-width{grid-column:1/-1}.billing-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.billing-section .section-header h3{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.75rem;margin:0}.billing-section .section-header h3 i{color:var(--color-accent)}.billing-section .section-header .text-btn{background:none;border:none;color:var(--color-accent);font-weight:600;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.billing-section .section-header .text-btn:hover{text-decoration:underline}.history-table-wrapper{overflow-x:auto;width:100%}.history-table{width:100%;border-collapse:collapse;-webkit-user-select:text;user-select:text}.history-table th{text-align:left;padding:1rem;font-size:.85rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.history-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--border);font-size:.9rem}.history-table .status-badge{display:inline-block;padding:.4rem .8rem;border-radius:2rem;font-size:.75rem;font-weight:600;background:var(--bg-page)}.history-table .status-badge.completed{background:#2ecc711a;color:#2ecc71}.history-table .status-badge.pending{background:#f1c40f1a;color:#f1c40f}.history-table .status-badge.failed{background:#e74c3c1a;color:#e74c3c}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center}.modal-overlay .modal-card{background:var(--bg-surface, #ffffff);border-radius:1.5rem;width:90%;max-width:800px;max-height:85vh;border:1px solid var(--border);box-shadow:0 20px 40px -10px var(--shadow);display:flex;flex-direction:column;overflow:hidden}.modal-overlay .modal-card .modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-card .modal-header h3{font-size:1.25rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.modal-overlay .modal-card .modal-content{padding:1.5rem 2rem;overflow-y:auto}.modal-overlay .modal-card.error-card{display:none}.toast-notification{position:fixed;top:-100px;left:50%;transform:translate(-50%);z-index:10000;min-width:380px;max-width:90%;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 15px 35px #00000040;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);animation:slideDownToast .4s cubic-bezier(.18,.89,.32,1.28) forwards;color:#fff}.toast-notification.error{background:#e74c3cf2}.toast-notification.success{background:#2ecc71f2}.toast-notification.info{background:#3498dbf2}.toast-notification .toast-content{display:flex;align-items:center;gap:.8rem;font-weight:600;font-size:.95rem}.toast-notification .toast-content i{font-size:1.25rem;color:#fff}.toast-notification .toast-action{background:#fff;color:#1e293b;border:none;padding:.45rem 1rem;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.toast-notification .toast-action:hover{background:#f8f9fa;transform:scale(1.05)}@keyframes slideDownToast{0%{top:-100px;opacity:0}to{top:20px;opacity:1}}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.confirm-modal-overlay .confirm-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:1.5rem;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000040;text-align:center;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1) forwards}.confirm-modal-overlay .confirm-modal .icon-circle{width:4rem;height:4rem;background:#3b82f61a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#3b82f6;font-size:1.5rem}.confirm-modal-overlay .confirm-modal h3{margin-bottom:.75rem;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.confirm-modal-overlay .confirm-modal p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;font-size:1.05rem}.confirm-modal-overlay .confirm-modal p b{color:#3b82f6;font-weight:700}.confirm-modal-overlay .confirm-modal .modal-actions{display:flex;gap:1rem}.confirm-modal-overlay .confirm-modal .modal-actions button{flex:1;padding:.875rem;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.confirm-modal-overlay .confirm-modal .modal-actions button.cancel-btn{background:var(--bg-page);border:1px solid var(--border);color:var(--text-primary)}.confirm-modal-overlay .confirm-modal .modal-actions button.cancel-btn:hover{background:var(--border)}.confirm-modal-overlay .confirm-modal .modal-actions button.confirm-btn{background:#3b82f6;color:#fff;border:none;box-shadow:0 4px 6px -1px #3b82f633}.confirm-modal-overlay .confirm-modal .modal-actions button.confirm-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 10px 15px -3px #3b82f64d}.confirm-modal-overlay .confirm-modal .modal-actions button.confirm-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}