:root{--accent:#3b82f6;--warning:#f59e0b;--danger:#ef4444;--bg-body:#0b0f14;--bg-surface:#111827;--bg-hover:#ffffff0a;--text-main:#e6e6e6;--text-muted:#9ca3af;--border:#1f2933;--navbar-bg:#0b0f14d9;--card-bg:#111827;--card-border:#1f2933;--table-border:#1f2933;--sidebar-bg:#0b0f14;--sidebar-bg-hover:#1f2937;--sidebar-text:#e6e6e6;--sidebar-border:#ffffff0d;--success-bg:#dcfce7;--success-text:#15803d;--warning-bg:#fef3c7;--warning-text:#92400e;--danger-bg:#fee2e2;--danger-text:#991b1b;--shadow-card:0 6px 20px #00000040;--shadow-hover:0 10px 28px #00000059}body.light-mode{--accent:#3b82f6;--warning:#f59e0b;--danger:#ef4444;--bg-body:#f3f4f6;--bg-surface:#fff;--bg-hover:#0000000a;--text-main:#1f2933;--text-muted:#6b7280;--border:#e5e7eb;--navbar-bg:#ffffffd9;--card-bg:#fff;--card-border:#e5e7eb;--table-border:#e5e7eb;--sidebar-bg:#fff;--sidebar-bg-hover:#f3f4f6;--sidebar-text:#4b5563;--sidebar-border:#00000014}body{width:100%;margin:0;padding:0;overflow-x:hidden}.navbar-layout{background:var(--bg-body);width:100%;min-height:100vh;color:var(--text-main);display:flex;overflow:visible}.navbar-layout .navbar-logo{margin-left:10px;font-family:Great Vibes,cursive;font-size:2.5rem;font-weight:800}.navbar-layout .app-sidebar{z-index:9999;height:100vh;top:0;left:0;border-right:var(--sidebar-border)!important;position:fixed!important}.navbar-layout .app-sidebar .ps-sidebar-container{flex-direction:column;display:flex;background:var(--sidebar-bg)!important}.navbar-layout .app-sidebar .sidebar-inner{flex-direction:column;height:100%;display:flex}.navbar-layout .app-sidebar .sidebar-header{justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex}.navbar-layout .app-sidebar .sidebar-header .logo-text{color:var(--text-main);font-size:1.2rem;font-weight:700}.navbar-layout .app-sidebar .sidebar-content{flex:1;margin-top:1rem}.navbar-layout .app-sidebar .sidebar-footer{margin-bottom:1rem}.navbar-layout .app-sidebar .ps-menu-button{transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--sidebar-text)!important;background-color:#0000!important}.navbar-layout .app-sidebar .ps-menu-button:hover{background-color:var(--bg-hover)!important;color:var(--text-main)!important}.navbar-layout .app-sidebar .ps-menu-button:hover .ps-menu-icon{color:var(--text-main)}.navbar-layout .app-sidebar .ps-menu-button .ps-menu-icon{color:var(--text-muted);transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-layout .app-sidebar .logout-item .ps-menu-button{color:var(--danger-text)!important}.navbar-layout .app-sidebar .logout-item .ps-menu-button:hover{background-color:var(--danger-bg)!important}.navbar-layout .app-sidebar .logout-item .ps-menu-button .ps-menu-icon{color:var(--danger-text)!important}.navbar-layout .content-wrapper{flex-direction:column;width:90%;padding-left:200px;transition:padding .3s;display:flex}.navbar-layout .content-wrapper.collapsed{padding-left:80px}.navbar-layout .content-wrapper.broken{padding-left:0}.navbar-layout .top-navbar{z-index:90;background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:70px;padding:0 1.5rem;transition:all .3s;display:flex;position:fixed;top:0;right:0}.content-wrapper.collapsed .navbar-layout .top-navbar{left:80px}.content-wrapper.broken .navbar-layout .top-navbar{left:0}.navbar-layout .navbar-right{align-items:center;gap:15px;display:flex}.navbar-layout .icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.navbar-layout .icon-btn:hover{background:var(--bg-hover);color:#3b82f6}.navbar-layout .user-profile{align-items:center;gap:10px;display:flex}.navbar-layout .user-profile .user-info{text-align:right;flex-direction:column;display:flex}.navbar-layout .user-profile .user-info .user-name{font-size:.9rem;font-weight:600}.navbar-layout .user-profile .user-info .user-role{color:var(--text-muted);font-size:.75rem}.navbar-layout .user-profile .avatar-placeholder{background:var(--bg-hover);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-weight:700;display:flex}.navbar-layout .page-content{width:100%;margin-top:70px;padding:2rem}.navbar-layout .theme-switch-container{justify-content:flex-end;display:flex}.navbar-layout .theme-switch{cursor:pointer;background-color:#60a5fa;border:none;border-radius:20px;align-items:center;width:56px;height:30px;padding:3px;transition:background-color .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.navbar-layout .theme-switch.is-dark{background-color:#0f172a;box-shadow:inset 0 2px 4px #0006}.navbar-layout .decorations{pointer-events:none;z-index:0;position:absolute;inset:0}.navbar-layout .stars,.navbar-layout .clouds{align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.navbar-layout .clouds{color:#fff;opacity:1;right:7px}.navbar-layout .stars{color:#fbbf24;opacity:0;gap:3px;left:7px;transform:translateY(50%)}.navbar-layout .stars .star-2{opacity:.7;margin-top:-6px}.navbar-layout .theme-switch.is-dark .clouds{opacity:0;transform:translateY(-150%)}.navbar-layout .theme-switch.is-dark .stars{opacity:1;transform:translateY(-50%)}.navbar-layout .switch-handle{z-index:2;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55),background-color .3s;display:flex;position:relative;transform:translate(0)}.navbar-layout .theme-switch.is-dark .switch-handle{background-color:#1f2933;transform:translate(26px)}.navbar-layout .icon{transition:all .4s;display:flex;position:absolute;top:50%;left:50%}.navbar-layout .icon.sun{opacity:1;color:#f59e0b;transform:translate(-50%,-50%)rotate(0)}.navbar-layout .icon.moon{opacity:0;color:#e5e7eb;transform:translate(-50%,-50%)rotate(90deg)}.navbar-layout .theme-switch.is-dark .icon.sun{opacity:0;transform:translate(-50%,-50%)rotate(-90deg)}.navbar-layout .theme-switch.is-dark .icon.moon{opacity:1;transform:translate(-50%,-50%)rotate(0)}.main_login{background-color:var(--bg-body);box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.main_login .main_section{background:var(--bg-surface);width:100%;max-width:1100px;height:100%;max-height:850px;box-shadow:var(--shadow-hover);border:1px solid var(--border);border-radius:24px;display:flex;overflow:hidden}.main_login .main_form_login,.main_login .main_form_register{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;height:100%;padding:32px 48px;animation:.5s ease-out fadeIn;display:flex;overflow-y:auto}.main_login .main_form_login::-webkit-scrollbar{width:4px}.main_login .main_form_register::-webkit-scrollbar{width:4px}.main_login .main_form_login::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.main_login .main_form_register::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.main_login .main_form_login .form_logo,.main_login .main_form_register .form_logo{justify-content:center;align-items:center;margin-bottom:24px;display:flex}.main_login .main_form_login .form_logo .img_form,.main_login .main_form_register .form_logo .img_form{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 6px #0000001a);width:auto;max-height:150px;margin:0}.main_login .main_form_login .form_title,.main_login .main_form_register .form_title{margin-bottom:24px}.main_login .main_form_login .form_title h1,.main_login .main_form_register .form_title h1{color:var(--text-main);margin:0;font-size:1.75rem;font-weight:800;line-height:1.2}.main_login .main_form_login .form_title h3,.main_login .main_form_register .form_title h3{color:var(--text-muted);margin:8px 0 0;font-size:.95rem;font-weight:400}.main_login .main_form_login .form_fields,.main_login .main_form_register .form_fields{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (max-width:600px){.main_login .main_form_login .form_fields,.main_login .main_form_register .form_fields{grid-template-columns:1fr}}.main_login .main_form_login .form_fields .form_group,.main_login .main_form_register .form_fields .form_group{margin-bottom:0}.main_login .form_group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.main_login .form_group label{color:var(--text-main);font-size:.85rem;font-weight:600}.main_login .form_group input{background:var(--bg-body);border:1px solid var(--border);color:var(--text-main);border-radius:12px;padding:12px 16px;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.main_login .form_group input::placeholder{color:var(--text-muted);opacity:.6}.main_login .form_group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.main_login .form_actions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.main_login .form_actions .btn_primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.main_login .form_actions .btn_primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 15px #3b82f64d}.main_login .form_actions .btn_register{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;padding:10px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.main_login .form_actions .btn_register:hover{background:var(--hover-bg);color:var(--text-main);border-color:var(--text-muted)}.main_login .form_actions .btn_link{text-align:center;color:var(--text-muted);border-radius:12px;padding:10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.main_login .form_actions .btn_link:hover{background:var(--bg-hover);color:var(--text-main)}.main_login .aside_login,.main_login .aside_register{border-left:1px solid var(--border);background:linear-gradient(135deg,#3b82f60d 0%,#3b82f626 100%);flex:1.2;justify-content:center;align-items:center;height:100%;display:flex}@media (max-width:900px){.main_login .aside_login,.main_login .aside_register{display:none}}.main_login .aside_login .img_aside,.main_login .aside_register .img_aside{filter:drop-shadow(0 20px 30px #00000026);-o-object-fit:contain;object-fit:contain;max-width:80%;max-height:70%;animation:6s ease-in-out infinite float}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.home-main{justify-content:center;align-items:center;padding:0 1.5rem 3rem;display:flex}.home-main .home-container{text-align:center;max-width:800px}.home-main .home-container .greeting-section{margin-bottom:3rem}.home-main .home-container .greeting-section h1{margin-bottom:.5rem;font-size:2.6rem;font-weight:800}.home-main .home-container .greeting-section p{opacity:.7;max-width:520px;margin:auto;font-size:1.05rem}.home-main .home-container .hero-illustration{justify-content:center;margin-bottom:3rem;display:flex}.home-main .home-container .hero-illustration .illustration-img{filter:drop-shadow(0 15px 30px #00000026);max-height:260px}@keyframes successAppear{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.subscription-main{background-color:var(--bg-body);width:min(90%,1320px);max-width:1320px;color:var(--text-main);margin:0 auto;padding:1rem 0 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s cubic-bezier(.16,1,.3,1) fadeInSubscription}@keyframes fadeInSubscription{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.subscription-main .subscription-hero{background:radial-gradient(circle at top left, #ffffff14, transparent 28%), radial-gradient(circle at right center, #94a3b814, transparent 30%), linear-gradient(145deg, #ffffff0f, #ffffff06), var(--bg-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #94a3b829;border-radius:24px;gap:1rem;margin-bottom:1.5rem;padding:1.1rem 1.2rem 1.2rem;display:grid;box-shadow:0 18px 36px #0000001f}.subscription-main .page-header{margin-bottom:0}.subscription-main .page-header .eyebrow{color:#cbd5e1;letter-spacing:.04em;text-transform:uppercase;background:#94a3b824;border-radius:999px;margin-bottom:.35rem;padding:.24rem .55rem;font-size:.66rem;font-weight:700;display:inline-flex}.subscription-main .page-header h1{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:700}.subscription-main .page-header p{color:var(--text-muted);margin:.45rem 0 0;font-size:.92rem;line-height:1.6}.subscription-main .subscription-hero-highlights{flex-wrap:wrap;gap:.85rem;display:flex}.subscription-main .hero-chip{background:#ffffff0a;border:1px solid #94a3b829;border-radius:16px;gap:.15rem;min-width:180px;padding:.85rem .95rem;display:grid}.subscription-main .hero-chip strong{font-size:1.2rem}.subscription-main .hero-chip span{color:var(--text-muted);font-size:.8rem}.subscription-main .top-grid{grid-template-columns:1fr 2fr;align-items:start;gap:2rem;display:grid}@media (max-width:992px){.subscription-main .top-grid{grid-template-columns:1fr}}.subscription-main .card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:24px;padding:1.35rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.subscription-main .card.form-card:hover{box-shadow:var(--shadow-hover)}.subscription-main .section-header{margin-bottom:1.15rem}.subscription-main .section-header h2{margin:0;font-size:1.05rem}.subscription-main .section-header p{color:var(--text-muted);margin:.4rem 0 0;font-size:.88rem;line-height:1.55}.subscription-main .field{margin-bottom:1.25rem;position:relative}.subscription-main .field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:block}.subscription-main .field .input-container{align-items:center;display:flex;position:relative}.subscription-main .field .input-container input,.subscription-main .field .input-container select{background:var(--bg-input,var(--bg-body));border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:10px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.subscription-main .field .input-container input::-moz-placeholder{color:var(--text-muted);opacity:.4}.subscription-main .field .input-container select::-moz-placeholder{color:var(--text-muted);opacity:.4}.subscription-main .field .input-container input::placeholder,.subscription-main .field .input-container select::placeholder{color:var(--text-muted);opacity:.4}.subscription-main .field .input-container input:focus,.subscription-main .field .input-container select:focus{background:var(--card-bg);border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f614}.subscription-main .field .input-container.readonly input{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed;opacity:.7;border-style:solid}.subscription-main .field .input-container .loader-input{color:#3b82f6;font-size:1.1rem;position:absolute;right:1rem}.subscription-main .field .input-container .btn-reset{background:var(--bg-hover);color:var(--text-muted);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex;position:absolute;right:.75rem}.subscription-main .field .input-container .btn-reset:hover{color:#ef4444;background:#ef44441a}.subscription-main .field .input-container .input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:1rem}.subscription-main .field .input-container.readonly input{padding-left:2.75rem}.subscription-main .results-panel{z-index:100;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;max-height:300px;padding:.4rem;animation:.25s cubic-bezier(.16,1,.3,1) dropdownEnter;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.subscription-main .results-panel .result-card{cursor:pointer;border-radius:8px;align-items:center;margin-bottom:2px;padding:.75rem;transition:background .2s;display:flex}.subscription-main .results-panel .result-card:hover{background:var(--bg-hover)}.subscription-main .results-panel .result-card .icon-circle{color:#3b82f6;background:#3b82f614;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;display:flex}.subscription-main .results-panel .result-card .info strong{font-size:.9rem;display:block}.subscription-main .results-panel .result-card .info span{color:var(--text-muted);font-size:.75rem}.subscription-main .results-panel::-webkit-scrollbar{width:4px}.subscription-main .results-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.subscription-main .config-section{border-top:1px solid var(--border);flex-direction:column;gap:1.25rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.subscription-main .config-section .config-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.subscription-main .config-section .config-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:1200px){.subscription-main .config-section .config-grid{grid-template-columns:1fr}}.subscription-main .config-section .checkbox-row{flex-wrap:wrap;gap:1.5rem;margin-top:.5rem;display:flex}.subscription-main .config-section .checkbox-row .checkbox-field{cursor:pointer;color:var(--text-main);-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.subscription-main .config-section .checkbox-row .checkbox-field input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:18px;height:18px}.subscription-main .btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.95rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.subscription-main .btn-primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 12px #3b82f633}.subscription-main .btn-primary:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.subscription-main .form-hint{color:var(--text-muted);text-align:center;margin:.75rem 0 0;font-size:.82rem}.subscription-main .preview-card{border-radius:24px;flex-direction:column;justify-content:flex-start;height:fit-content;min-height:420px;padding:1.35rem;display:flex}.subscription-main .preview-card .preview-config-summary{background:var(--bg-hover);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;animation:.3s ease-out fadeIn;display:grid}.subscription-main .preview-card .preview-config-summary .summary-item{flex-direction:column;gap:.2rem;display:flex}.subscription-main .preview-card .preview-config-summary .summary-item label{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:700}.subscription-main .preview-card .preview-config-summary .summary-item span{color:var(--text-main);font-size:.85rem;font-weight:600}.subscription-main .preview-card .empty-state,.subscription-main .preview-card .loading-state,.subscription-main .preview-card .error-state{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1.75rem 1.25rem;display:flex}.subscription-main .preview-card .error-state .error-header{color:#ef4444;justify-content:center;align-items:center;gap:.5rem;display:flex}.subscription-main .preview-card .error-state .error-header h3{margin:0;font-size:1.05rem;font-weight:700}.subscription-main .preview-card .error-state .error-message{max-width:320px;color:var(--text-muted);margin:0;line-height:1.55}.subscription-main .preview-card .icon-box{width:64px;height:64px;color:var(--text-muted);background:#94a3b81a;border-radius:20px;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.8rem;display:inline-flex}.subscription-main .preview-card .success-state{text-align:center;width:100%;animation:.6s cubic-bezier(.34,1.56,.64,1) successAppear}.subscription-main .preview-card .success-state .success-header{margin-bottom:1.5rem}.subscription-main .preview-card .success-state .success-header h3{color:var(--success-text,#10b981);font-size:1.15rem}.subscription-main .preview-card .success-state .lead-name-display{color:#3b82f6;background:#3b82f60d;border-radius:30px;margin-bottom:1.5rem;padding:.4rem 1.25rem;font-size:.95rem;font-weight:500}.subscription-main .preview-card .copy-box{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;width:100%;margin-bottom:1.5rem;display:flex;overflow:hidden}.subscription-main .preview-card .copy-box input{color:var(--text-main);background:0 0;border:none;flex:1;padding:.75rem;font-size:.85rem}.subscription-main .preview-card .copy-box button{background:var(--bg-hover);color:#3b82f6;cursor:pointer;border:none;padding:0 1rem;font-size:.8rem;font-weight:600}.subscription-main .preview-card .copy-box button:hover{background:var(--border)}.subscription-main .preview-card .btn-whatsapp{color:#fff;text-align:center;background:#25d366;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.subscription-main .preview-card .btn-whatsapp:hover{transform:translateY(-1px);box-shadow:0 4px 12px #25d36633}.subscription-main .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0003;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.subscription-main .modal-content{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;max-width:600px;max-height:80vh;padding:1.5rem;animation:.35s cubic-bezier(.16,1,.3,1) modalScaleUp;overflow-y:auto;box-shadow:0 10px 40px #0000004d}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.subscription-main .modal-content .modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.subscription-main .modal-content .modal-header h2{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:600}.subscription-main .modal-content .modal-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.subscription-main .modal-content .close-x{background:var(--bg-hover);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.subscription-main .modal-content .close-x:hover{color:#ef4444;background:#ef44441a}.subscription-main .modal-content .close-x:before,.subscription-main .modal-content .close-x:after{background-color:currentColor;width:14px;height:1.5px}.subscription-main .modal-content .modal-list{flex-direction:column;gap:12px;margin-bottom:1.5rem;display:flex;overflow-y:auto}.subscription-main .modal-content .modal-footer{flex-direction:column;gap:.9rem;display:flex}.subscription-main .modal-content .modal-footer .modal-selection-actions{justify-content:space-between;gap:.75rem;display:flex}.subscription-main .modal-content .modal-footer .btn-selection-action{all:unset;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-main);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:.75rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.subscription-main .modal-content .modal-footer .btn-selection-action:hover:not(:disabled){background:#3b82f614;border-color:#3b82f63d}.subscription-main .modal-content .modal-footer .btn-selection-action.subtle:hover:not(:disabled){background:#ef444414;border-color:#ef444433}.subscription-main .modal-content .modal-footer .btn-selection-action:disabled{opacity:.5;cursor:not-allowed}.subscription-main .modal-content .modal-footer .btn-confirm-selection{all:unset;color:#fff;cursor:pointer;text-align:center;background:#3b82f6;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:10px;font-weight:600;display:flex}.subscription-main .modal-content .modal-footer .btn-confirm-selection:hover{filter:brightness(1.1)}.subscription-main .modal-content .lead-option-card.multi{border:1px solid var(--border);cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:12px;padding:1rem;transition:all .2s;display:flex}.subscription-main .modal-content .lead-option-card.multi:hover{background:var(--bg-hover);border-color:#3b82f6}.subscription-main .modal-content .lead-option-card.multi.active{background:#3b82f60d;border-color:#3b82f6}.subscription-main .modal-content .lead-option-card.multi.active .checkbox-indicator{background:#3b82f6;border-color:#3b82f6}.subscription-main .modal-content .checkbox-indicator{border:2px solid var(--border);border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.subscription-main .modal-content .checkbox-indicator svg{color:#fff}.subscription-main .modal-content .option-info .option-header{align-items:baseline;gap:8px;display:flex}.subscription-main .modal-content .option-info .option-header .os-badge{color:#3b82f6;font-size:.85rem;font-weight:700}.subscription-main .modal-content .option-info .option-header .id-badge{color:var(--text-muted);opacity:.6;font-size:.7rem}.subscription-main .modal-content .option-info .option-address{color:var(--text-muted);margin-top:2px;font-size:.8rem}.subscription-main .modal-content .selected-leads-scroll{flex-direction:column;gap:15px;margin-top:1.25rem;padding-right:4px;display:flex}.subscription-main .modal-content .mini-lead-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:12px;position:relative}.subscription-main .modal-content .mini-lead-card:before{content:"";background:#3b82f6;border-radius:0 4px 4px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.subscription-main .modal-content .mini-lead-card .mini-card-header{margin-bottom:4px;font-size:.85rem;font-weight:600}.subscription-main .modal-content .mini-lead-card p{color:var(--text-muted);margin:0;font-size:.75rem}.subscription-main .modal-content .mini-lead-card .mini-sub{opacity:.5;margin-top:2px;font-size:.7rem}.subscription-main .selected-leads-scroll{flex-direction:column;gap:15px;margin-top:1.25rem;padding-right:4px;display:flex}.subscription-main .mini-lead-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:12px;position:relative}.subscription-main .mini-lead-card:before{content:"";background:#3b82f6;border-radius:0 4px 4px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.subscription-main .mini-lead-card .mini-card-header{margin-bottom:4px;font-size:.85rem;font-weight:600}.subscription-main .mini-lead-card p{color:var(--text-muted);margin:0;font-size:.75rem}.subscription-main .mini-lead-card .mini-sub{opacity:.5;margin-top:2px;font-size:.7rem}body.light-mode .subscription-main .subscription-hero{background:radial-gradient(circle at 0 0,#ffffffeb,#0000 32%),radial-gradient(circle at 100%,#e2e8f0b3,#0000 34%),linear-gradient(145deg,#fffffff0,#f8fafcfa),#fff;border-color:#94a3b83d;box-shadow:0 14px 30px #0f172a14}body.light-mode .subscription-main .page-header .eyebrow{color:#475569;background:#64748b1f}body.light-mode .subscription-main .page-header h1{color:#0f172a}body.light-mode .subscription-main .hero-chip,body.light-mode .subscription-main .card,body.light-mode .subscription-main .modal-content{background:#fffffff0;border-color:#94a3b838;box-shadow:0 12px 26px #0f172a0f}body.light-mode .subscription-main .field .input-container input,body.light-mode .subscription-main .field .input-container select{background:#f8fafc;border-color:#94a3b847}body.light-mode .subscription-main .field .input-container input:focus,body.light-mode .subscription-main .field .input-container select:focus{border-color:#47556973;box-shadow:0 0 0 4px #94a3b81f}body.light-mode .subscription-main .lead-option-card.multi.active{background:#3b82f60f}body.light-mode .subscription-main .checkbox-indicator.checked{box-shadow:0 4px 10px #3b82f62e}body.light-mode .subscription-main .modal-footer .btn-selection-action{background:#f8fafc;border-color:#94a3b847}.viewer-main{width:min(96%,1180px);color:var(--text-main);gap:1rem;margin:0 auto;padding:1.25rem 0 2rem;display:grid}.viewer-header{background:radial-gradient(circle at top left, #ffffff14, transparent 28%), radial-gradient(circle at right center, #94a3b814, transparent 30%), linear-gradient(145deg, #ffffff0f, #ffffff06), var(--bg-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #94a3b829;border-radius:22px;padding:1.1rem 1.2rem;box-shadow:0 18px 36px #0000001f}.viewer-header h1{letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:800}.viewer-header p{color:var(--text-muted);margin:.45rem 0 0;font-size:.92rem;line-height:1.6}.viewer-body{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow-card);border-radius:22px;min-height:60vh;padding:1rem}.viewer-loading,.viewer-error{color:var(--text-muted);padding:1.25rem}.viewer-error{color:#f87171}.viewer-page{background:var(--bg-body);border:1px solid #94a3b824;border-radius:18px;margin:0 auto 1rem;overflow:hidden;box-shadow:0 14px 30px #0f172a1f}.dashboard-main{max-width:1400px;color:var(--text-main);margin:0 auto;padding:2rem}.dashboard-main .page-header{border:1px solid var(--border);background:radial-gradient(circle at top left, #3b82f629, transparent 34%), linear-gradient(145deg, #ffffff0a, #ffffff04), var(--bg-surface);box-shadow:var(--shadow-card);border-radius:28px;margin-bottom:2rem;padding:1.6rem}.dashboard-main .page-header .eyebrow{color:#60a5fa;letter-spacing:.04em;text-transform:uppercase;background:#3b82f624;border-radius:999px;margin-bottom:.65rem;padding:.35rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.dashboard-main .page-header h1{margin:0;font-size:clamp(1.7rem,2.4vw,2.3rem);font-weight:700;line-height:1.1}.dashboard-main .page-header p{color:var(--text-muted);max-width:720px;margin:.75rem 0 0;font-size:.95rem;line-height:1.65}.dashboard-main .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.dashboard-main .metric-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:20px;justify-content:space-between;align-items:flex-start;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dashboard-main .metric-card:before{content:"";border-radius:0 4px 4px 0;width:4px;position:absolute;top:15%;bottom:15%;left:0}.dashboard-main .metric-card.pending:before{background:#ef4444}.dashboard-main .metric-card.signed:before{background:#22c55e}.dashboard-main .metric-card.expired:before{background:#64748b}.dashboard-main .metric-card.total:before{background:#f59e0b}.dashboard-main .metric-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.dashboard-main .metric-card .metric-content{flex-direction:column;gap:1rem;display:flex}.dashboard-main .metric-card .metric-content .metric-label{color:var(--text-muted);letter-spacing:.05em;font-size:.7rem;font-weight:700}.dashboard-main .metric-card .metric-content .metric-footer{align-items:baseline;gap:.75rem;display:flex}.dashboard-main .metric-card .metric-content .metric-footer .metric-value{color:var(--text-main);font-size:2rem;font-weight:700}.dashboard-main .metric-card .metric-icon{color:var(--text-muted);opacity:.5;font-size:1.2rem}.dashboard-main .metric-card .percentage-badge{border-radius:12px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.dashboard-main .metric-card .percentage-badge.positive{background:var(--success-bg);color:var(--success-text)}.dashboard-main .metric-card .percentage-badge.negative{background:var(--danger-bg);color:var(--danger-text)}.dashboard-main .activities-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:24px}.dashboard-main .activities-card .card-header{border-bottom:1px solid var(--table-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1.25rem;display:flex}.dashboard-main .activities-card .card-header .section-tag{color:#60a5fa;text-transform:uppercase;letter-spacing:.04em;background:#3b82f61f;border-radius:999px;margin-bottom:.55rem;padding:.35rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.dashboard-main .activities-card .card-header h3{margin:0;font-size:1.1rem}.dashboard-main .activities-card .card-header p{color:var(--text-muted);margin:.45rem 0 0;font-size:.86rem}.dashboard-main .activities-card .card-header .contracts-count{color:var(--text-main);white-space:nowrap;background:#94a3b81f;border-radius:999px;padding:.55rem .8rem;font-size:.8rem;font-weight:700}.dashboard-main .table-responsive{padding:0 1rem 1rem;overflow:visible}.dashboard-main .table-responsive .empty-state{text-align:center;min-height:220px;color:var(--text-muted);place-items:center;gap:.75rem;padding:2rem;display:grid}.dashboard-main .table-responsive .empty-state-icon{color:#2563eb;background:#3b82f61f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.dashboard-main .table-responsive .empty-state-title{color:var(--text-main);margin:0;font-size:1rem;font-weight:700}.dashboard-main .table-responsive .empty-state-description{max-width:420px;margin:0;line-height:1.6}.dashboard-main .table-responsive .actions-cell{justify-content:center;align-items:center;gap:.4rem;display:flex;position:relative;overflow:visible}.dashboard-main .table-responsive .btn-action{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-main);cursor:pointer;border-radius:6px;padding:.3rem .6rem;font-size:.75rem}.dashboard-main .table-responsive .btn-action:hover:not(:disabled){background:var(--bg-hover)}.dashboard-main .table-responsive .btn-action:disabled{opacity:.5;cursor:not-allowed}.dashboard-main .table-responsive table{border-collapse:separate;border-spacing:0;width:100%}.dashboard-main .table-responsive table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--table-border);background:#94a3b80d;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.dashboard-main .table-responsive table th:first-child{border-top-left-radius:18px}.dashboard-main .table-responsive table th:last-child{border-top-right-radius:18px}.dashboard-main .table-responsive table td{border-bottom:1px solid var(--table-border);padding:1.2rem 1.5rem;font-size:.85rem}.dashboard-main .table-responsive table td.font-mono{color:var(--text-muted);font-family:monospace;font-size:.8rem}.dashboard-main .table-responsive table td.font-bold{color:var(--text-main);font-weight:700}.dashboard-main .table-responsive table tr:hover td{background:#94a3b80d}.dashboard-main .table-responsive table tr:last-child td{border-bottom:none}.dashboard-main .table-responsive table tr:last-child td:first-child{border-bottom-left-radius:18px}.dashboard-main .table-responsive table tr:last-child td:last-child{border-bottom-right-radius:18px}.dashboard-main .table-responsive table .badge{border-radius:999px;padding:.38rem .78rem;font-size:.75rem;font-weight:700}.dashboard-main .table-responsive table .badge.created,.dashboard-main .table-responsive table .badge.viewed,.dashboard-main .table-responsive table .badge.pending{background:var(--warning-bg);color:var(--warning-text)}.dashboard-main .table-responsive table .badge.signed{background:var(--success-bg);color:var(--success-text)}.dashboard-main .table-responsive table .badge.expired,.dashboard-main .table-responsive table .badge.refused{background:var(--danger-bg);color:var(--danger-text)}.dashboard-main .table-responsive table .badge.unknown{color:var(--text-main);background:#94a3b833}.dashboard-main .table-responsive table .actions-cell{text-align:center;position:relative;overflow:visible}.dashboard-main .table-responsive table .actions-cell .btn-more{width:2.3rem;height:2.3rem;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;margin:0 auto;transition:all .2s;display:flex}.dashboard-main .table-responsive table .actions-cell .btn-more:hover{color:var(--text-main);background:#3b82f614;border-color:#3b82f62e}.dashboard-main .table-responsive table .actions-dropdown{background:var(--card-bg);border:1px solid var(--border);z-index:10001;white-space:nowrap;border-radius:16px;min-width:172px;position:fixed;overflow:hidden;transform:translate(-100%);box-shadow:0 18px 32px #00000038}.dashboard-main .table-responsive table .actions-dropdown button{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.7rem;padding:.85rem 1rem;font-size:.85rem;display:flex}.dashboard-main .table-responsive table .actions-dropdown button:hover{background:var(--bg-hover)}.dashboard-main .table-responsive table .actions-dropdown button.delete{color:#ef4444;border-top:1px solid var(--border)}.dashboard-main .contract-detail-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a57;justify-content:flex-end;align-items:stretch;animation:.28s ease-out slideInFromRight;display:flex;position:fixed;inset:0}.dashboard-main .contract-detail-modal-content{background:linear-gradient(180deg, #3b82f60d, transparent 18%), var(--card-bg);border-left:1px solid var(--border);width:min(46vw,660px);height:100vh;padding:1.75rem;animation:.28s ease-out slideInContent;position:relative;overflow-y:auto;box-shadow:-18px 0 40px #0000002e}.dashboard-main .contract-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.dashboard-main .contract-modal-header .modal-eyebrow{text-transform:uppercase;letter-spacing:.04em;color:#60a5fa;margin-bottom:.45rem;font-size:.76rem;font-weight:700;display:inline-flex}.dashboard-main .contract-modal-header h3{color:var(--text-main);margin:0;font-size:1.35rem;font-weight:700}.dashboard-main .contract-modal-header .modal-close{width:2.4rem;height:2.4rem;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;font-size:1.4rem;transition:all .2s}.dashboard-main .contract-modal-header .modal-close:hover{color:#ef4444;background:#ef444414;border-color:#ef44442e}.dashboard-main .contract-modal-body{gap:1rem;display:grid}.dashboard-main .contract-modal-section{background:#94a3b80d;border:1px solid #94a3b829;border-radius:20px;gap:.9rem;padding:1rem;display:grid}.dashboard-main .contract-modal-highlight{background:linear-gradient(145deg,#3b82f61f,#3b82f60a),#94a3b80d}.dashboard-main .contract-modal-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dashboard-main .contract-modal-client{align-items:center;gap:.9rem;display:flex}.dashboard-main .contract-modal-client strong{margin-top:.25rem;font-size:1.1rem;display:block}.dashboard-main .contract-modal-icon{color:#60a5fa;background:#3b82f624;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex}.dashboard-main .detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.dashboard-main .contract-modal-supporting{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.86rem;display:flex}.dashboard-main .contract-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.dashboard-main .contract-detail-item{overflow-wrap:anywhere;background:#ffffff0a;border:1px solid #94a3b829;border-radius:16px;gap:.45rem;padding:.9rem 1rem;display:grid}.dashboard-main .item-heading{color:var(--text-muted);align-items:center;gap:.5rem;display:flex}.dashboard-main .item-heading strong{text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.dashboard-main .contract-link-card a{word-break:break-all;color:#60a5fa;font-family:monospace;font-size:.9rem;text-decoration:none}.dashboard-main .contract-link-card a:hover{text-decoration:underline}.dashboard-main .contract-modal-actions{justify-content:flex-end;display:flex}.dashboard-main .modal-secondary-btn{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:14px;padding:.85rem 1.1rem;font-weight:600;transition:all .2s}.dashboard-main .modal-secondary-btn:hover{background:var(--bg-hover)}@keyframes slideInFromRight{0%{opacity:0}to{opacity:1}}@keyframes slideInContent{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width:1024px){.dashboard-main .contract-detail-modal-content{width:min(100vw,720px)}.dashboard-main .contract-detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-main{padding:1rem}.dashboard-main .page-header,.dashboard-main .activities-card{border-radius:22px}.dashboard-main .activities-card .card-header{flex-direction:column;align-items:stretch}.dashboard-main .table-responsive{padding:0 .75rem .75rem;overflow-x:auto}.dashboard-main .table-responsive table{min-width:760px}.dashboard-main .contract-detail-modal-content{width:100vw;padding:1.15rem}.dashboard-main .contract-modal-title-row{flex-direction:column}}.audit-main{width:auto;max-width:90%;color:var(--text-main);gap:1.5rem;margin:0 auto;padding:.75rem 0 2rem;display:grid;position:relative;overflow:visible}.audit-main .audit-hero{background:radial-gradient(circle at top left, #ffffff14, transparent 28%), radial-gradient(circle at right center, #94a3b814, transparent 30%), linear-gradient(145deg, #ffffff0f, #ffffff06), var(--bg-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #94a3b829;border-radius:22px;gap:.95rem;padding:1rem 1.15rem 1.15rem;display:grid;box-shadow:0 18px 36px #0000001f}.audit-main .page-header{justify-content:flex-start;align-items:center;gap:1rem;padding-bottom:.1rem;display:flex}.audit-main .page-header .eyebrow{color:#cbd5e1;letter-spacing:.04em;text-transform:uppercase;background:#94a3b824;border-radius:999px;margin-bottom:.3rem;padding:.24rem .55rem;font-size:.66rem;font-weight:700;display:inline-flex}.audit-main .page-header h1{letter-spacing:-.01em;margin:0;font-size:clamp(1rem,1.2vw,1.18rem);font-weight:700;line-height:1.2}.audit-main .audit-scope-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #94a3b829;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem .95rem;display:flex}.audit-main .audit-scope-banner p{color:var(--text-muted);margin:.55rem 0 0;font-size:.92rem;line-height:1.6}.audit-main .scope-badge{color:#dbe4ee;letter-spacing:.04em;text-transform:uppercase;background:#94a3b824;border-radius:999px;align-items:center;padding:.38rem .78rem;font-size:.78rem;font-weight:700;display:inline-flex}.audit-main .audit-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.audit-main .audit-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #94a3b82e;border-radius:16px;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.audit-main .audit-stat-card .stat-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:2.9rem;height:2.9rem;font-size:1.1rem;display:inline-flex}.audit-main .audit-stat-card .stat-content{gap:.25rem;display:grid}.audit-main .audit-stat-card .stat-label{color:var(--text-muted);font-size:.82rem}.audit-main .audit-stat-card .stat-value{font-size:1.25rem;line-height:1}.audit-main .audit-stat-card .stat-helper{color:var(--text-muted);font-size:.78rem;line-height:1.45}.audit-main .audit-stat-card.total .stat-icon{color:#dbe4ee;background:#94a3b824}.audit-main .audit-stat-card.pending .stat-icon{color:#facc15;background:#f59e0b1f}.audit-main .audit-stat-card.signed .stat-icon{color:#6ee7b7;background:#10b9811f}.audit-main .audit-stat-card.expired .stat-icon{color:#fca5a5;background:#f871711f}.audit-main .audit-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.audit-main .audit-highlight-card{background:#ffffff09;border:1px solid #94a3b829;border-radius:16px;align-items:flex-start;gap:.9rem;padding:.9rem .95rem;display:flex}.audit-main .audit-highlight-card .highlight-icon{color:#dbe4ee;background:#94a3b824;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.audit-main .audit-highlight-card strong{font-size:.95rem;display:block}.audit-main .audit-highlight-card p{color:var(--text-muted);margin:.35rem 0 0;font-size:.84rem;line-height:1.55}.audit-main .audit-content-card{border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-card);border-radius:28px;overflow:visible}.audit-main .audit-content-header{padding:1.5rem 1.5rem 0}.audit-main .audit-content-header h2{margin:0;font-size:1.15rem}.audit-main .audit-content-header p{color:var(--text-muted);margin:.45rem 0 0;font-size:.92rem}.audit-main .filter-bar{flex-wrap:wrap;align-items:center;gap:1rem;padding:1.25rem 1.5rem 1rem;display:flex}.audit-main .filter-bar .quick-chips{flex-wrap:wrap;gap:.5rem;display:inline-flex}.audit-main .filter-bar .chip{color:var(--text-main);letter-spacing:.02em;cursor:pointer;background:#94a3b814;border:1px solid #94a3b833;border-radius:999px;padding:.45rem .8rem;font-size:.78rem;font-weight:800;transition:all .2s}.audit-main .filter-bar .chip:hover{background:#3b82f61a;border-color:#3b82f638}.audit-main .filter-bar .chip.active{color:#60a5fa;background:#3b82f624;border-color:#3b82f64d}.audit-main .filter-bar .search-wrapper{flex:1;position:relative}.audit-main .filter-bar .search-wrapper.compact{flex:0 0 240px}.audit-main .filter-bar .search-wrapper .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.audit-main .filter-bar .search-wrapper input{background:var(--bg-body);border:1px solid var(--border);width:80%;color:var(--text-main);border-radius:14px;outline:none;padding:.95rem 1rem .95rem 2.8rem;transition:all .2s}.audit-main .filter-bar .search-wrapper input:focus{border-color:#3b82f699;box-shadow:0 0 0 4px #3b82f614}.audit-main .filter-bar .status-select-wrapper{min-width:220px;position:relative}.audit-main .filter-bar .status-select-wrapper.compact{min-width:240px}.audit-main .filter-bar .status-select-wrapper:after{content:"";background-color:var(--text-muted);clip-path:polygon(100% 0%,0 0%,50% 100%);pointer-events:none;width:10px;height:6px;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.audit-main .filter-bar .status-select-wrapper .status-select{appearance:none;background:var(--bg-body);border:1px solid var(--border);width:100%;color:var(--text-main);cursor:pointer;border-radius:14px;outline:none;padding:.95rem 2.7rem .95rem 1rem;font-size:.9rem;transition:all .2s}.audit-main .filter-bar .status-select-wrapper .status-select:focus{border-color:#3b82f699;box-shadow:0 0 0 4px #3b82f614}.audit-main .filter-bar .status-select-wrapper .status-select:hover{background:var(--bg-hover)}.audit-main .filter-bar .status-select-wrapper .status-select option{color:var(--text-main);background:#1a1d23}.audit-main .audit-feedback-state{color:var(--text-muted);padding:1rem 1.5rem 1.5rem}.audit-main .error-message{color:#f87171}.audit-main .menu-overlay{z-index:120;position:fixed;inset:0}.audit-main .table-container{padding:0 1rem 1rem;overflow:visible}.audit-main table{border-collapse:separate;border-spacing:0;width:100%}.audit-main table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:#94a3b80d;padding:1rem 1.25rem;font-size:.78rem;font-weight:700}.audit-main table th:first-child{border-top-left-radius:18px}.audit-main table th:last-child{border-top-right-radius:18px}.audit-main table td{background:0 0;border-bottom:1px solid #94a3b824;padding:1.1rem 1.25rem;font-size:.9rem}.audit-main table td.font-mono{color:var(--text-muted);font-size:.8rem}.audit-main table td .client-info{gap:.15rem;display:grid}.audit-main table td .client-info .name{color:var(--text-main);font-weight:700}.audit-main table td .client-info .email{color:var(--text-muted);font-size:.78rem}.audit-main table tr{transition:transform .18s}.audit-main table tr:hover td{background:#94a3b80d}.audit-main table tr:last-child td{border-bottom:none}.audit-main table tr:last-child td:first-child{border-bottom-left-radius:18px}.audit-main table tr:last-child td:last-child{border-bottom-right-radius:18px}.audit-main table .btn-more{width:2.3rem;height:2.3rem;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.audit-main table .btn-more:hover{color:var(--text-main);background:#3b82f614;border-color:#3b82f62e}.audit-main table .actions-cell{text-align:center;position:relative;overflow:visible}.audit-main table .actions-dropdown{background:var(--card-bg);border:1px solid var(--border);z-index:140;white-space:nowrap;border-radius:16px;min-width:188px;position:absolute;top:calc(100% + .45rem);right:.25rem;overflow:hidden;box-shadow:0 18px 32px #00000038}.audit-main table .actions-dropdown button{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.7rem;padding:.9rem 1rem;font-size:.88rem;transition:background .2s;display:flex}.audit-main table .actions-dropdown button:hover:not(:disabled){background:var(--bg-hover)}.audit-main table .actions-dropdown button:disabled{opacity:.55;cursor:not-allowed}.audit-main table .actions-dropdown button.delete{color:#f87171;border-top:1px solid var(--border)}.audit-main table .combo-header-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-hover);transition:all .3s cubic-bezier(.4,0,.2,1)}.audit-main table .combo-header-row:hover{background:#3b82f614}.audit-main table .combo-header-row td{border-bottom:1px solid var(--border);padding:.85rem 1.25rem}.audit-main table .combo-header-row .combo-info{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.audit-main table .combo-header-row .combo-info .combo-meta{align-items:center;gap:.75rem;min-width:0;display:flex}.audit-main table .combo-header-row .combo-info .toggle-icon{color:var(--text-muted);align-items:center;font-size:1.1rem;display:flex}.audit-main table .combo-header-row .combo-info .combo-title{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.85rem;font-weight:700;overflow:hidden}.audit-main table .combo-header-row .combo-info .combo-title small{color:var(--text-muted);opacity:.8;margin-left:.4rem;font-family:monospace;font-weight:400}.audit-main table .combo-header-row .combo-info .combo-badge{color:#3b82f6;text-transform:uppercase;letter-spacing:.02em;background:#3b82f626;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.audit-main table .combo-header-row .combo-info .combo-actions{flex-shrink:0;justify-content:flex-end;align-items:center;display:inline-flex;position:relative}.audit-main table .combo-header-row .combo-info .combo-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:inline-flex}.audit-main table .combo-header-row .combo-info .summary-pill{letter-spacing:.02em;color:var(--text-main);background:#94a3b814;border:1px solid #94a3b82e;border-radius:999px;justify-content:center;align-items:center;padding:.22rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.audit-main table .combo-header-row .combo-info .summary-pill.pending{color:#fbbf24;background:#f59e0b24;border-color:#f59e0b38}.audit-main table .combo-header-row .combo-info .summary-pill.signed{color:#34d399;background:#10b98124;border-color:#10b98138}.audit-main table .combo-header-row .combo-info .summary-pill.expired{color:#fb923c;background:#f9731624;border-color:#f9731638}.audit-main table .is-in-combo{border-left:3px solid #3b82f6}.audit-main table .is-in-combo td{background:var(--bg-surface);border-bottom:1px solid var(--border)}.audit-main table .is-in-combo td:first-child{padding-left:1.5rem}.audit-main table .is-in-combo .indent-marker{color:var(--text-muted);opacity:.5;-webkit-user-select:none;user-select:none;margin-right:.75rem;font-weight:400}.audit-main table .is-in-combo:hover td{background:var(--bg-hover)}.audit-main table .btn-inline{color:#60a5fa;cursor:pointer;background:#3b82f614;border:1px solid #3b82f638;border-radius:999px;padding:.35rem .6rem;font-size:.78rem;font-weight:700;transition:all .2s}.audit-main table .btn-inline:hover{background:#3b82f624}.audit-main .empty-state{text-align:center;min-height:260px;color:var(--text-muted);place-items:center;gap:1rem;padding:2rem 1.5rem 2.5rem;display:grid}.audit-main .empty-state .empty-state-icon{color:#2563eb;background:#3b82f61f;border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex}.audit-main .empty-state .empty-state-title{color:var(--text-main);margin:0;font-size:1rem;font-weight:700}.audit-main .empty-state .empty-state-description{max-width:460px;margin:0;line-height:1.75}.audit-main .modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:180;background:#0f172a61;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.audit-main .modal-content{background:var(--card-bg);border:1px solid var(--border);width:min(95%,600px);max-width:640px;max-height:88vh;color:var(--text-main);border-radius:24px;padding:1.5rem;overflow-y:auto;box-shadow:0 24px 50px #0000003d}.audit-main .audit-detail-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:190;background:#0f172a57;justify-content:flex-end;align-items:stretch;animation:.28s ease-out slideInFromRight;display:flex;position:fixed;inset:0}.audit-main .audit-detail-modal-content{background:linear-gradient(180deg, #3b82f60d, transparent 18%), var(--card-bg);border-left:1px solid var(--border);width:min(46vw,660px);height:100vh;padding:1.75rem;animation:.28s ease-out slideInContent;position:relative;overflow-y:auto;box-shadow:-18px 0 40px #0000002e}.audit-main .modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.audit-main .modal-header .modal-eyebrow{text-transform:uppercase;letter-spacing:.04em;color:#60a5fa;margin-bottom:.45rem;font-size:.76rem;font-weight:700;display:inline-flex}.audit-main .modal-header h3{margin:0;font-size:1.35rem;font-weight:700}.audit-main .modal-header .modal-close{width:2.4rem;height:2.4rem;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;font-size:1.4rem;transition:all .2s}.audit-main .modal-header .modal-close:hover{color:#ef4444;background:#ef444414;border-color:#ef44442e}.audit-main .modal-body{color:var(--text-main);gap:1rem;font-size:.95rem;line-height:1.5;display:grid}.audit-main .audit-detail-modal-content .font-mono{font-family:monospace}.audit-main .audit-detail-modal-content .combo-badge{color:#3b82f6;text-transform:uppercase;letter-spacing:.02em;background:#3b82f626;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.audit-main .detail-section{background:#94a3b80d;border:1px solid #94a3b829;border-radius:20px;gap:.9rem;padding:1rem;display:grid}.audit-main .detail-highlight-card{background:linear-gradient(145deg,#3b82f61f,#3b82f60a),#94a3b80d}.audit-main .detail-primary{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.audit-main .detail-primary strong{margin-top:.25rem;font-size:1.1rem;display:block}.audit-main .detail-supporting{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.86rem;display:flex}.audit-main .detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.audit-main .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.audit-main .detail-row{overflow-wrap:anywhere;background:#ffffff0a;border:1px solid #94a3b829;border-radius:16px;gap:.4rem;padding:.85rem .95rem;display:grid}.audit-main .detail-row strong{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.audit-main .detail-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:inline-flex}.audit-main .btn-detail{color:#60a5fa;cursor:pointer;background:#3b82f614;border:1px solid #3b82f638;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.audit-main .btn-detail:hover:not(:disabled){background:#3b82f624}.audit-main .btn-detail:disabled{opacity:.6;cursor:not-allowed}.audit-main .btn-detail.subtle{color:var(--text-main);background:#94a3b814;border-color:#94a3b833}.audit-main .combo-contract-list{gap:.75rem;display:grid}.audit-main .combo-contract-row{background:#ffffff0a;border:1px solid #94a3b824;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem .95rem;display:flex}.audit-main .combo-contract-meta{gap:.25rem;min-width:0;display:grid}.audit-main .combo-contract-meta strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.audit-main .combo-contract-sub{color:var(--text-muted);font-size:.78rem}.audit-main .combo-contract-right{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.55rem;display:inline-flex}.audit-main .section-heading{gap:.2rem;display:grid}.audit-main .section-heading strong{font-size:1rem}.audit-main .indent-line{border-bottom:2px solid #cbd5e1;border-left:2px solid #cbd5e1;border-bottom-left-radius:4px;width:12px;height:12px;margin-top:-6px;margin-right:10px}.audit-main .status-history-row ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.audit-main .status-history-row li{background:#ffffff0a;border:1px solid #94a3b824;border-radius:14px;gap:.2rem;padding:.85rem .95rem;font-size:.9rem;display:grid}.audit-main .status-history-row li strong{color:var(--text-main)}.audit-main .status-history-row li span{color:var(--text-muted)}.audit-main .detail-link-card a{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f633;border-radius:14px;justify-content:center;align-items:center;width:fit-content;padding:.8rem 1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.audit-main .detail-link-card a:hover{background:#3b82f62e}.audit-main .status-pill{text-transform:capitalize;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.audit-main .status-pill.created,.audit-main .status-pill.viewed{color:#fbbf24;background:#f59e0b24;border-color:#f59e0b3d}.audit-main .status-pill.signed{color:#34d399;background:#10b98124;border-color:#10b9813d}.audit-main .status-pill.refused{color:#fca5a5;background:#ef444424;border-color:#ef44443d}.audit-main .status-pill.expired{color:#fb923c;background:#f9731624;border-color:#f973163d}.audit-main .active-pill{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:82px;padding:.38rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.audit-main .active-pill.active{color:#34d399;background:#10b98124;border-color:#10b9813d}.audit-main .active-pill.inactive{color:#fca5a5;background:#f8717124;border-color:#f871713d}.audit-main .link-container{gap:.75rem;margin-top:1rem;display:flex}.audit-main .link-container .link-input{background:var(--bg-body);border:1px solid var(--border);color:var(--text-main);border-radius:14px;flex:1;padding:.9rem 1rem;font-size:.85rem;overflow-x:auto}.audit-main .link-container .link-input:focus{border-color:#3b82f6;outline:none}.audit-main .link-container .btn-copy{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:14px;flex-shrink:0;padding:.9rem 1.2rem;font-weight:700;transition:all .2s}.audit-main .link-container .btn-copy:hover{filter:brightness(1.08)}.audit-main .link-container .btn-copy:active{transform:scale(.98)}@media (max-width:1024px){.audit-main .audit-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-main .audit-highlights-grid{grid-template-columns:1fr}.audit-main .audit-detail-modal-content{width:min(100vw,720px)}.audit-main .detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.audit-main{width:calc(100% - 1rem);padding:.5rem 0 1rem}.audit-main .audit-hero,.audit-main .audit-content-card{border-radius:22px}.audit-main .filter-bar{flex-direction:column;align-items:stretch}.audit-main .audit-scope-banner{padding:.95rem 1rem}.audit-main .status-select-wrapper{min-width:100%}.audit-main .table-container{padding:0 .75rem .75rem;overflow-x:auto}.audit-main table{min-width:760px}.audit-main .audit-detail-modal-content{width:100vw;padding:1.15rem}.audit-main .detail-primary,.audit-main .link-container{flex-direction:column}}body.light-mode .audit-main .audit-hero{background:radial-gradient(circle at 0 0,#ffffffeb,#0000 32%),radial-gradient(circle at 100%,#e2e8f0b3,#0000 34%),linear-gradient(145deg,#fffffff0,#f8fafcfa),#fff;border-color:#94a3b83d;box-shadow:0 14px 30px #0f172a14}body.light-mode .audit-main .page-header .eyebrow{color:#475569;background:#64748b1f}body.light-mode .audit-main .page-header h1{color:#0f172a}body.light-mode .audit-main .audit-scope-banner,body.light-mode .audit-main .audit-stat-card,body.light-mode .audit-main .audit-highlight-card{background:#ffffffe0;border-color:#94a3b847;box-shadow:0 10px 24px #0f172a0a}body.light-mode .audit-main .scope-badge{color:#475569;background:#64748b1f}body.light-mode .audit-main .audit-stat-card .stat-label{color:#475569}body.light-mode .audit-main .audit-stat-card .stat-value{color:#0f172a}body.light-mode .audit-main .audit-stat-card .stat-helper{color:#64748b}body.light-mode .audit-main .audit-stat-card.total .stat-icon{color:#475569;background:#94a3b824}body.light-mode .audit-main .audit-stat-card.pending .stat-icon{color:#b45309;background:#f59e0b29}body.light-mode .audit-main .audit-stat-card.signed .stat-icon{color:#047857;background:#10b98129}body.light-mode .audit-main .audit-stat-card.expired .stat-icon{color:#b91c1c;background:#f8717129}body.light-mode .audit-main .audit-highlight-card .highlight-icon{color:#475569;background:#94a3b824}body.light-mode .audit-main .audit-highlight-card strong{color:#0f172a}body.light-mode .audit-main .audit-highlight-card p{color:#64748b}body.light-mode .audit-main .audit-content-card{background:#fff;border-color:#94a3b838;box-shadow:0 12px 26px #0f172a0f}body.light-mode .audit-main .audit-content-header h2{color:#0f172a}body.light-mode .audit-main .audit-content-header p{color:#64748b}body.light-mode .audit-main .filter-bar .search-wrapper input,body.light-mode .audit-main .filter-bar .status-select-wrapper .status-select{background:#f8fafc;border-color:#94a3b847}body.light-mode .audit-main .filter-bar .search-wrapper input:focus,body.light-mode .audit-main .filter-bar .status-select-wrapper .status-select:focus{border-color:#47556973;box-shadow:0 0 0 4px #94a3b81f}body.light-mode .audit-main .filter-bar .status-select-wrapper .status-select option{color:#0f172a;background:#fff}body.light-mode .audit-main table th{color:#475569;background:#f8fafc}body.light-mode .audit-main table td{border-bottom-color:#94a3b82e}body.light-mode .audit-main table tr:hover td{background:#94a3b814}body.light-mode .audit-main .active-pill.active{color:#047857;background:#10b98129;border-color:#10b98138}body.light-mode .audit-main .active-pill.inactive{color:#b91c1c;background:#f8717129;border-color:#f8717138}.editor-main{background-color:var(--bg-body);color:var(--text-main);--sticky-offset:150px;width:100%;min-height:100vh;padding:2rem;font-family:Inter,serif}.editor-main .page-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-radius:10px;justify-content:space-between;align-items:center;width:90%;margin-bottom:2rem;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.editor-main .page-header .header-left{align-items:center;gap:1rem;display:flex}.editor-main .page-header .header-left .btn-back{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.editor-main .page-header .header-left .btn-back:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--text-muted)}.editor-main .page-header .header-left .title-group{align-items:center;gap:.75rem;display:flex}.editor-main .page-header .header-left .title-group .input-contract-name{color:var(--text-main);background:0 0;border:1px solid #0000;border-radius:6px;width:auto;min-width:200px;padding:.4rem .6rem;font-size:1.25rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.editor-main .page-header .header-left .title-group .input-contract-name:focus,.editor-main .page-header .header-left .title-group .input-contract-name:hover{background:var(--bg-hover);border-color:var(--border);outline:none}.editor-main .page-header .header-left .title-group .input-contract-name::placeholder{color:var(--text-muted);font-weight:400}.editor-main .page-header .header-left .title-group .id-badge{text-transform:uppercase;background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border);border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.editor-main .page-header .header-left .title-group .id-badge.new{background:var(--warning-bg);color:var(--warning-text);border-color:#0000}.editor-main .page-header .header-actions{align-items:center;gap:.75rem;display:flex}.editor-main .page-header .header-actions .divider{background:var(--border);width:1px;height:24px;margin:0 .25rem}.editor-main .page-header .header-actions button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.editor-main .page-header .header-actions button.btn-primary{color:#fff;background-color:#f59e0b}.editor-main .page-header .header-actions button.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.editor-main .page-header .header-actions button.btn-primary:active{transform:translateY(0)}.editor-main .page-header .header-actions button.btn-secondary{background-color:var(--bg-surface);border:1px solid var(--border);color:var(--text-main)}.editor-main .page-header .header-actions button.btn-secondary:hover{background:var(--bg-hover);color:#3b82f6;border-color:#3b82f6}.editor-main .page-header .header-actions button.btn-secondary:first-child{color:#3b82f6;background:#3b82f61a;border-color:#3b82f633}.editor-main .page-header .header-actions button.btn-secondary:first-child:hover{color:#fff;background:#3b82f6}.editor-main .page-header .header-actions button:disabled{opacity:.6;cursor:not-allowed}.editor-main .page-header .header-actions .spin{animation:1s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editor-main .navbar-editor-sticky{z-index:100;pointer-events:none;width:100%;margin-bottom:2rem;position:sticky;top:150px}.editor-main .navbar-editor-sticky .navbar-editor-inner{pointer-events:auto;justify-content:center;width:100%;margin:0 auto;display:flex}.editor-main .navbar-editor-sticky .editor-toolbar{background:rgba(var(--bg-surface-rgb), .85);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:1.5rem;padding:.6rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px -5px #0000001a}.editor-main .navbar-editor-sticky .editor-toolbar.is-sticky{border-color:#3b82f64d;box-shadow:0 10px 30px -10px #0003}.editor-main .navbar-editor-sticky .editor-toolbar .divider{background:var(--border);opacity:.6;width:1px;height:18px;margin:0 .5rem}.editor-main .navbar-editor-sticky .editor-toolbar .group{align-items:center;gap:.25rem;display:flex}.editor-main .navbar-editor-sticky .editor-toolbar button{all:unset;width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.editor-main .navbar-editor-sticky .editor-toolbar button svg{stroke-width:2.2px;width:18px;height:18px}.editor-main .navbar-editor-sticky .editor-toolbar button:hover{background:var(--bg-hover);color:var(--text-main);transform:translateY(-1px)}.editor-main .navbar-editor-sticky .editor-toolbar button:active{transform:translateY(0)scale(.95)}.editor-main .navbar-editor-sticky .editor-toolbar button.is-active{color:#3b82f6;background:#3b82f614}.editor-main .navbar-editor-sticky .editor-toolbar button.is-active:after{content:"";background:#3b82f6;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.editor-main .navbar-editor-sticky .editor-toolbar button.btn-danger-text:hover{color:#ef4444;background:#ef44441a}.editor-main .navbar-editor-sticky .editor-toolbar button[title]:hover:before{content:attr(title);color:#fff;white-space:nowrap;z-index:10;background:#1a1a1a;border-radius:4px;padding:4px 8px;font-size:.7rem;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group{position:relative}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover{background:var(--bg-surface);border:1px solid var(--border);z-index:1000;pointer-events:auto;border-radius:12px;width:240px;padding:1.25rem;animation:.2s ease-out popoverEnter;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover:before{content:"";background:var(--bg-surface);border-left:1px solid var(--border);border-top:1px solid var(--border);width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover .popover-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover .popover-header span{color:var(--text-main);font-size:.85rem;font-weight:700}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover .popover-header button{width:24px;height:24px;color:var(--text-muted)}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover .popover-header button:hover{background:var(--bg-hover);color:var(--text-main)}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover .popover-body{flex-direction:column;gap:1rem;display:flex}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover .popover-body .input-field{flex-direction:column;gap:.4rem;display:flex}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover .popover-body .input-field label{color:var(--text-muted);font-size:.75rem;font-weight:600}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover .popover-body .input-field input{all:unset;box-sizing:border-box;background:var(--bg-body);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:6px;padding:8px;font-size:.9rem}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover .popover-body .input-field input:focus{border-color:#3b82f6}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover .popover-body .btn-confirm{all:unset;color:#fff;cursor:pointer;text-align:center;background:#3b82f6;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:10px;font-weight:600;display:flex}.editor-main .navbar-editor-sticky .editor-toolbar .table-insertion-group .table-popover .popover-body .btn-confirm:hover{filter:brightness(1.1)}.editor-main .notion-layout{grid-template-columns:260px 1fr 260px;align-items:start;gap:2rem;max-width:1600px;margin:0 auto;display:grid}@media (max-width:1200px){.editor-main .notion-layout{grid-template-columns:220px 1fr 220px}}@media (max-width:1024px){.editor-main .notion-layout{grid-template-columns:1fr}}.editor-main .editor-sidebar-right,.editor-main .editor-sidebar-left{background:var(--bg-surface);border:1px solid var(--border);max-height:400px;box-shadow:var(--shadow-card);border-radius:14px;margin:0;padding:1.25rem;position:sticky;top:220px;overflow-y:auto}.editor-main .editor-sidebar-right .sidebar-title,.editor-main .editor-sidebar-left .sidebar-title{color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:.75rem;font-weight:800}.editor-main .editor-container.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:16px;overflow:hidden}.editor-main .editor-container.card .editor-body{background:var(--bg-surface-rgb);min-height:400px;color:var(--text-main);padding:4rem}.editor-main .editor-container.card .editor-body .ProseMirror{outline:none;max-width:800px;margin:0 auto;font-size:1.1rem}.editor-main .editor-container.card .editor-body .ProseMirror h1{margin-bottom:1.5rem;font-size:2.4rem;font-weight:800}.editor-main .editor-container.card .editor-body .ProseMirror .variable-badge{color:#3b82f6;pointer-events:none;-webkit-user-select:all;user-select:all;cursor:pointer;background:#3b82f61f;border:1px dotted #3b82f6cc;border-radius:3px;align-items:center;padding:0 2px;font-family:monospace;font-size:.7em;font-weight:500;transition:all .3s;animation:.4s cubic-bezier(.175,.885,.32,1.275) variableIn;display:inline-flex;box-shadow:0 2px 4px #3b82f61a}.editor-main .editor-container.card .editor-body .ProseMirror .variable-badge:before{content:"{";opacity:.6;color:#3b82f6;margin-right:2px}.editor-main .editor-container.card .editor-body .ProseMirror .variable-badge:after{content:"}";opacity:.6;color:#3b82f6;margin-left:2px}.editor-main .editor-container.card .editor-body .ProseMirror .variable-badge:hover{background:#3b82f633;box-shadow:0 0 12px #3b82f633}.editor-main .editor-container.card .editor-body .ProseMirror .variable-badge.ProseMirror-selectednode{outline:2px solid #3b82f6;box-shadow:0 0 8px #3b82f666}.editor-main .editor-container.card .editor-body .ProseMirror .ProseMirror-dropcursor{stroke-width:3px;transition:all .2s;color:#3b82f6!important}.editor-main .editor-container.card .editor-body .ProseMirror table{border-collapse:collapse;width:100%;margin:1rem 0}.editor-main .editor-container.card .editor-body .ProseMirror table td,.editor-main .editor-container.card .editor-body .ProseMirror table th{border:1px solid #e2e8f0;padding:2px}.editor-main .editor-container.card .editor-body .ProseMirror table th{color:var(--text-main)}.editor-main .editor-container.card .editor-body .ProseMirror blockquote{color:var(--text-muted);background:#3b82f608;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;margin-left:0;margin-right:0;padding:1rem 1.5rem;font-style:italic}.editor-main .editor-container.card .editor-body .ProseMirror pre{color:#d4d4d4;background:#1e1e1e;border-radius:10px;margin:1.5rem 0;padding:1.25rem;font-family:JetBrains Mono,monospace;overflow-x:auto}.editor-main .editor-container.card .editor-body .ProseMirror pre code{color:inherit;background:0 0;padding:0;font-size:.9rem}.editor-main .editor-container.card .editor-body .ProseMirror img{border:1px solid var(--border);border-radius:8px;max-width:100%;height:auto;margin:1rem 0;display:block}.editor-main .editor-container.card .editor-body .contract-table{border-collapse:collapse;border:1px solid var(--border);border-radius:8px;width:100%;margin:1.5rem 0;overflow:hidden}.editor-main .editor-container.card .editor-body .contract-table th{background:var(--bg-hover);color:var(--text-main);text-align:left;letter-spacing:.05rem;border-bottom:2px solid var(--border);padding:12px;font-size:.8rem}.editor-main .editor-container.card .editor-body .contract-table td{border:1px solid var(--border);color:var(--text-main);height:auto;padding:10px;font-size:.9rem}.editor-main .editor-container.card .editor-body .contract-table td.label{background:var(--bg-body);text-align:center;width:80px;color:var(--text-muted);font-weight:800}.editor-main .editor-container.card .editor-body .contract-table:hover{outline:2px solid #3b82f6}.editor-main .block-item,.editor-main .variable-item{background:var(--bg-body);border:1px solid var(--border);cursor:grab;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.6rem;padding:.55rem;font-size:.85rem;transition:all .2s;display:flex}.editor-main .block-item:hover,.editor-main .variable-item:hover{background:var(--bg-hover);border-color:#3b82f6;transform:translate(4px)}.editor-main .sidebar-details{border:1px solid #0000;border-radius:10px;margin-bottom:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.editor-main .sidebar-details summary{cursor:pointer;color:var(--text-main);background:var(--bg-body);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:.8rem 1rem;font-size:.8rem;font-weight:700;list-style:none;transition:all .2s;display:flex}.editor-main .sidebar-details summary::-webkit-details-marker{display:none}.editor-main .sidebar-details summary .summary-content{align-items:center;gap:.75rem;display:flex}.editor-main .sidebar-details summary .summary-content svg{color:#3b82f6;opacity:.8}.editor-main .sidebar-details summary .chevron{color:var(--text-muted);opacity:.5;transition:transform .3s}.editor-main .sidebar-details summary:hover{background:var(--bg-hover);border-color:#3b82f666}.editor-main .sidebar-details summary:hover .chevron{opacity:1}.editor-main .sidebar-details[open]{background:rgba(var(--bg-surface-rgb), .3);border-color:var(--border);margin-bottom:1rem}.editor-main .sidebar-details[open] summary{border-color:var(--border);background:var(--bg-surface);border-bottom-right-radius:0;border-bottom-left-radius:0}.editor-main .sidebar-details[open] summary .chevron{color:#3b82f6;transform:rotate(90deg)}.editor-main .sidebar-details .details-content{border:1px solid var(--border);background:var(--bg-surface);border-top:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex-direction:column;gap:.2rem;padding:.75rem;display:flex}.editor-main .sidebar-details .details-content .variable-item{background:var(--bg-body);border-style:dashed;margin-bottom:.4rem;padding:.6rem .8rem;font-size:.8rem}.editor-main .sidebar-details .details-content .variable-item:last-child{margin-bottom:0}.editor-main .ProseMirror .variable-badge{color:#3b82f6;pointer-events:none;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;align-items:center;margin:0 2px;padding:0 8px;font-size:.9em;font-weight:600;transition:all .2s;display:inline-flex}.editor-main .ProseMirror .variable-badge:before{content:"{";opacity:.5;margin-right:2px}.editor-main .ProseMirror .variable-badge:after{content:"}";opacity:.5;margin-left:2px}.editor-main .ProseMirror .jinja-module-badge{color:#4338ca;-webkit-user-select:all;user-select:all;background-color:#e0e7ff;border:1px solid #c7d2fe;border-radius:4px;margin:0 2px;padding:2px 6px;font-family:monospace;font-weight:700;display:inline-block}@keyframes popoverEnter{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.editor-main .editor-sidebar-left,.editor-main .editor-sidebar-right{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.editor-main .editor-sidebar-left::-webkit-scrollbar{width:4px}.editor-main .editor-sidebar-right::-webkit-scrollbar{width:4px}.editor-main .editor-sidebar-left::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.editor-main .editor-sidebar-right::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.editor-main .module-block-view{background:var(--bg-surface);border:2px dashed var(--border);cursor:grab;border-radius:10px;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.editor-main .module-block-view .module-chip{color:#1e5bb8;gap:1rem;font-family:Inter,sans-serif;font-size:2rem;font-weight:800;display:flex}.editor-main .module-block-view .module-chip .brackets{opacity:.3}.editor-main .module-block-view:hover{background:#1e5bb805;border-color:#1e5bb8}.forgot-password-container{background:var(--bg-body);box-sizing:border-box;place-items:center;width:100%;min-height:100vh;padding:24px;display:grid}.forgot-password-container .forgot-password-card{background:var(--bg-surface);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow-card);border-radius:18px;padding:24px}.forgot-password-container .forgot-password-header{margin-bottom:18px}.forgot-password-container .forgot-password-header h1{color:var(--text-main);margin:0;font-size:1.6rem}.forgot-password-container .forgot-password-header p{color:var(--text-muted);margin:8px 0 0;font-size:.95rem}.forgot-password-container .forgot-password-form{flex-direction:column;gap:14px;display:flex}.forgot-password-container .forgot-password-form .form-group{flex-direction:column;gap:8px;display:flex}.forgot-password-container .forgot-password-form .form-group label{color:var(--text-main);font-size:.9rem;font-weight:700}.forgot-password-container .forgot-password-form .form-group input{background:var(--bg-body);border:1px solid var(--border);color:var(--text-main);border-radius:12px;outline:none;padding:12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.forgot-password-container .forgot-password-form .form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #3b82f61f}.forgot-password-container .forgot-password-form .form-group .field-error{color:var(--danger-text);font-size:.85rem}.forgot-password-container .forgot-password-form .actions-row{justify-content:space-between;gap:10px;margin-top:6px;display:flex}@media (max-width:520px){.forgot-password-container .forgot-password-form .actions-row{flex-direction:column}}.forgot-password-container .forgot-password-form .btn-primary,.forgot-password-container .forgot-password-form .btn-secondary{border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.forgot-password-container .forgot-password-form .btn-primary{background:var(--accent);color:#fff;border-color:#3b82f673}.forgot-password-container .forgot-password-form .btn-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 10px 18px #00000040}.forgot-password-container .forgot-password-form .btn-primary:disabled{opacity:.7;cursor:not-allowed}.forgot-password-container .forgot-password-form .btn-secondary{color:var(--text-main);background:0 0}.forgot-password-container .forgot-password-form .btn-secondary:hover{background:var(--bg-hover)}.profile-container{max-width:1200px;margin:0 auto}.profile-container .profile-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.profile-container .profile-header h1{color:var(--text-main);margin:0;font-size:1.8rem}.profile-container .profile-header p{color:var(--text-muted);margin:6px 0 0;font-size:.95rem}.profile-container .profile-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (max-width:980px){.profile-container .profile-grid{grid-template-columns:1fr}}.profile-container .profile-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:14px;padding:1.25rem}.profile-container .profile-card h2{color:var(--text-main);align-items:center;gap:10px;margin:0 0 1rem;font-size:1.15rem;display:flex}.profile-container .profile-form{flex-direction:column;gap:14px;display:flex}.profile-container .profile-form .form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:520px){.profile-container .profile-form .form-row{grid-template-columns:1fr}}.profile-container .profile-form .form-group{flex-direction:column;gap:8px;display:flex}.profile-container .profile-form .form-group label{color:var(--text-main);font-size:.9rem;font-weight:700}.profile-container .profile-form .form-group input{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-main);border-radius:12px;outline:none;padding:12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-container .profile-form .form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #3b82f61f}.profile-container .profile-form .form-group input:disabled{opacity:.75}.profile-container .profile-form .meta-row{grid-template-columns:1fr 1fr;gap:12px;padding-top:6px;display:grid}@media (max-width:520px){.profile-container .profile-form .meta-row{grid-template-columns:1fr}}.profile-container .profile-form .meta-row .meta-item{background:var(--bg-hover);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.profile-container .profile-form .meta-row .meta-item .meta-label{color:var(--text-muted);margin-bottom:4px;font-size:.85rem;display:block}.profile-container .profile-form .meta-row .meta-item .meta-value{color:var(--text-main);font-size:.95rem;font-weight:700}.profile-container .profile-form .actions-row{justify-content:flex-end;padding-top:4px;display:flex}.profile-container .profile-form .btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #3b82f673;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.profile-container .profile-form .btn-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 10px 18px #00000040}.profile-container .profile-form .btn-primary:disabled{opacity:.7;cursor:not-allowed}.settings-container{max-width:1200px;margin:0 auto}.settings-container .settings-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.settings-container .settings-header h1{color:var(--text-main);margin:0;font-size:1.8rem}.settings-container .settings-header p{color:var(--text-muted);font-size:.95rem}.settings-container .settings-layout{grid-template-columns:240px 1fr;gap:2rem;display:grid}@media (max-width:768px){.settings-container .settings-layout{grid-template-columns:1fr}}.settings-container .settings-tabs{flex-direction:column;gap:.5rem;display:flex}.settings-container .settings-tabs .tab-item{background:var(--bg-surface);color:var(--text-muted);cursor:pointer;text-align:left;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.settings-container .settings-tabs .tab-item .tab-icon{font-size:1.2rem;display:flex}.settings-container .settings-tabs .tab-item:hover{color:var(--text-main)}.settings-container .settings-tabs .tab-item.active{background:var(--bg-body,#e0e7ff);color:var(--text-main);box-shadow:0 2px 4px #0000000d}.settings-container .settings-content .content-card{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:12px;min-height:400px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.settings-container .settings-content .tab-panel{animation:.3s ease-in-out fadeIn}.settings-container .settings-content .tab-panel h2{border-bottom:1px solid var(--border);margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.4rem}.settings-container .settings-content .inline-alert{border:1px solid var(--border);background:var(--bg-hover);color:var(--text-main);border-radius:12px;padding:12px 14px;font-weight:600}.settings-container .settings-content .inline-alert.warning{background:#f59e0b14;border-color:#f59e0b59}.settings-container .form-group{flex-direction:column;gap:8px;margin-bottom:1.5rem;display:flex}.settings-container .form-group label{color:var(--text-main);font-size:.9rem;font-weight:600}.settings-container .form-group input[type=number],.settings-container .form-group input[type=email],.settings-container .form-group input[type=password],.settings-container .form-group input[type=text],.settings-container .form-group select{border:1px solid var(--border);background:var(--bg-body);color:var(--text-main);border-radius:8px;outline:none;max-width:300px;padding:10px 14px}.settings-container .form-group input[type=number]:focus,.settings-container .form-group input[type=email]:focus,.settings-container .form-group input[type=password]:focus,.settings-container .form-group input[type=text]:focus,.settings-container .form-group select:focus{border-color:var(--accent)}.settings-container .btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:opacity .2s;display:flex}.settings-container .btn-primary:hover{opacity:.9}.settings-container .users-admin{flex-direction:column;gap:1.25rem;display:flex}.settings-container .users-admin .btn-secondary{border:1px solid var(--border);cursor:pointer;color:var(--text-main);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.settings-container .users-admin .btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.settings-container .users-admin .btn-secondary:disabled{opacity:.7;cursor:not-allowed}.settings-container .users-admin .users-admin__search{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.settings-container .users-admin .users-admin__search .form-group{margin-bottom:0}.settings-container .users-admin .users-admin__search .form-group.grow{flex:1;min-width:240px}.settings-container .users-admin .users-admin__search .form-group.grow input{width:80%;max-width:none}.settings-container .users-admin .users-admin__create{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:14px}.settings-container .users-admin .users-admin__create .create-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-container .users-admin .users-admin__create .create-header h3{margin:0;font-size:1.1rem}.settings-container .users-admin .users-admin__create .create-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:720px){.settings-container .users-admin .users-admin__create .create-grid{grid-template-columns:1fr}}.settings-container .users-admin .users-admin__create .create-grid .full{grid-column:1/-1}.settings-container .users-admin .users-admin__create .create-grid input[type=text],.settings-container .users-admin .users-admin__create .create-grid input[type=email],.settings-container .users-admin .users-admin__create .create-grid input[type=password],.settings-container .users-admin .users-admin__create .create-grid select{max-width:none}.settings-container .users-admin .users-admin__create .roles-grid,.settings-container .users-admin .roles-grid{flex-wrap:wrap;gap:10px;display:flex}.settings-container .users-admin .role-chip{border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.settings-container .users-admin .role-chip input{accent-color:var(--accent)}.settings-container .users-admin .role-chip.on{background:#3b82f614;border-color:#3b82f673}.settings-container .users-admin .role-chip.locked{opacity:.8;cursor:not-allowed}.settings-container .users-admin .users-admin__layout{grid-template-columns:320px 1fr;gap:1rem;display:grid}@media (max-width:980px){.settings-container .users-admin .users-admin__layout{grid-template-columns:1fr}}.settings-container .users-admin .users-admin__list{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;max-height:520px;padding:10px;overflow:auto}.settings-container .users-admin .users-admin__list .text-muted{color:var(--text-muted);padding:8px}.settings-container .users-admin .users-admin__list .user-row{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.settings-container .users-admin .users-admin__list .user-row:hover{background:var(--bg-hover)}.settings-container .users-admin .users-admin__list .user-row.active{background:#3b82f614;border-color:#3b82f666}.settings-container .users-admin .users-admin__list .user-row .user-row__main{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-container .users-admin .users-admin__list .user-row .user-row__main .user-row__name{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.settings-container .users-admin .users-admin__list .user-row .user-row__main .user-row__meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.settings-container .users-admin .users-admin__list .pagination{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.settings-container .users-admin .users-admin__list .pagination .pagination__info{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.settings-container .users-admin .users-admin__list .pagination .pagination__info .text-muted{color:var(--text-muted)}.settings-container .users-admin .users-admin__editor{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:14px}.settings-container .users-admin .users-admin__editor .text-muted{color:var(--text-muted)}.settings-container .users-admin .users-admin__editor .editor-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.settings-container .users-admin .users-admin__editor .editor-header h3{margin:0;font-size:1.2rem}.settings-container .users-admin .users-admin__editor .editor-header p{word-break:break-all;margin:6px 0 0;font-size:.85rem}.settings-container .users-admin .users-admin__editor .editor-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:720px){.settings-container .users-admin .users-admin__editor .editor-grid{grid-template-columns:1fr}}.settings-container .users-admin .users-admin__editor .editor-grid input[type=text],.settings-container .users-admin .users-admin__editor .editor-grid select{max-width:none}.settings-container .users-admin .users-admin__editor .roles-box{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.settings-container .users-admin .users-admin__editor .roles-box .roles-box__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-container .users-admin .users-admin__editor .roles-box .roles-box__header h4{margin:0;font-size:1rem}.settings-container .users-admin .users-admin__editor .roles-box .roles-grid{flex-wrap:wrap;gap:10px;display:flex}.settings-container .users-admin .users-admin__editor .email-box{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.settings-container .users-admin .users-admin__editor .email-box .email-box__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-container .users-admin .users-admin__editor .email-box .email-box__header h4{margin:0;font-size:1rem}.settings-container .users-admin .users-admin__editor .email-box .email-grid{flex-direction:column;gap:8px;margin-bottom:1.5rem;display:flex}.settings-container .users-admin .users-admin__editor .email-box .email-grid label{color:var(--text-main);font-size:.9rem;font-weight:600}.settings-container .users-admin .users-admin__editor .email-box .email-grid input,.settings-container .users-admin .users-admin__editor .email-box .email-grid select{border:1px solid var(--border);background:var(--bg-body);color:var(--text-main);max-width:auto;border-radius:8px;outline:none;padding:10px 14px}.settings-container .users-admin .users-admin__editor .email-box .email-grid input:focus,.settings-container .users-admin .users-admin__editor .email-box .email-grid select:focus{border-color:var(--accent)}.settings-container .users-admin .badge{border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800}.settings-container .users-admin .badge.success{color:#22c55e;background:#22c55e1f;border-color:#22c55e59}.settings-container .users-admin .badge.danger{color:#ef4444;background:#ef44441f;border-color:#ef444459}.templates-container{max-width:1200px;color:var(--text-main);margin:2rem auto;padding:0 1.5rem;font-family:inherit}.templates-container .page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.templates-container .page-header .header-info h1{color:var(--text-main);margin:0;font-size:1.875rem;font-weight:700}.templates-container .page-header .header-info p{color:var(--text-muted);margin-top:.25rem}.templates-container .btn-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.templates-container .btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.templates-container .btn-primary:disabled{opacity:.7;cursor:not-allowed}.templates-container .controls-row{margin-bottom:1.5rem}.templates-container .controls-row .search-wrapper{max-width:400px;position:relative}.templates-container .controls-row .search-wrapper .search-icon{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.templates-container .controls-row .search-wrapper input{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:10px;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.templates-container .controls-row .search-wrapper input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.templates-container .content-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:12px;overflow:hidden}.templates-container .content-card .loading-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem;display:flex}.templates-container .content-card .table-responsive{overflow-x:auto}.templates-container .content-card .templates-table{border-collapse:collapse;text-align:left;width:100%}.templates-container .content-card .templates-table th{background:var(--bg-hover);color:var(--text-muted);border-bottom:1px solid var(--table-border);padding:1rem;font-size:.875rem;font-weight:600}.templates-container .content-card .templates-table th svg{vertical-align:middle;margin-right:4px}.templates-container .content-card .templates-table td{border-bottom:1px solid var(--table-border);vertical-align:middle;padding:1rem;font-size:.9375rem}.templates-container .content-card .templates-table tr:last-child td{border-bottom:none}.templates-container .content-card .templates-table tr:hover td{background:var(--bg-hover)}.templates-container .content-card .templates-table .file-info{align-items:center;gap:.75rem;display:flex}.templates-container .content-card .templates-table .file-info .file-icon{color:#3b82f6;background:#3b82f61a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.templates-container .content-card .templates-table .file-info span{font-weight:500}.templates-container .content-card .templates-table .text-muted{color:var(--text-muted)}.templates-container .content-card .templates-table .text-right{text-align:right}.templates-container .content-card .templates-table .actions-cell{justify-content:flex-end;gap:.5rem;display:flex}.templates-container .content-card .templates-table .actions-cell .action-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.templates-container .content-card .templates-table .actions-cell .action-btn:hover{background:var(--bg-surface);color:var(--text-main);border-color:var(--text-muted)}.templates-container .content-card .templates-table .actions-cell .action-btn.edit:hover{color:#3b82f6;background:#3b82f60d;border-color:#3b82f6}.templates-container .content-card .templates-table .actions-cell .action-btn.delete:hover{color:#ef4444;background:#ef44440d;border-color:#ef4444}.templates-container .spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.templates-container .templates-container .page-header{flex-direction:column;align-items:flex-start}.templates-container .templates-container .page-header .btn-primary{justify-content:center;width:100%}.templates-container .templates-container .search-wrapper{max-width:100%}}.loading-container{z-index:9999;background-color:var(--bg-body);justify-content:center;align-items:center;width:100vw;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.loading-container .loading-content{text-align:center}.loading-container .loading-text{color:var(--text-muted);letter-spacing:.025em;margin-top:1.5rem;font-family:inherit;font-size:.875rem;font-weight:500}.loading-container .spinner{width:48px;height:48px;margin:0 auto;position:relative}.loading-container .spinner .double-bounce1,.loading-container .spinner .double-bounce2{opacity:.6;background-color:#3b82f6;border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite sk-bounce;position:absolute;top:0;left:0}.loading-container .spinner .double-bounce2{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}.modal-overlay{z-index:9999;will-change:transform;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;transform:translateZ(0)}.modal-content{background:var(--bg-surface);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:600}.modal-header .modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.5rem}.modal-header .modal-close:hover{background:var(--bg-hover);color:var(--text-main)}.modal-body{padding:1.5rem}.modal-body .detail-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1rem;display:flex}.modal-body .detail-row:last-child{border-bottom:none}.modal-body .detail-row strong{color:var(--text-main);min-width:120px}.modal-body .detail-row span{color:var(--text-muted)}.modal-body .detail-row a{color:#3b82f6;text-decoration:none}.modal-body .detail-row a:hover{text-decoration:underline}.modal-body .link-container{gap:.5rem;margin-top:1rem;display:flex}.modal-body .link-container .link-input{border:1px solid var(--border);background:var(--bg-input);color:var(--text-main);border-radius:6px;flex:1;padding:.75rem;font-family:monospace;font-size:.875rem}.modal-body .link-container .btn-copy{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:.75rem 1rem;font-weight:500}.modal-body .link-container .btn-copy:hover{background:#2563eb}.zapsign-container{background-color:#f8fafc;flex-direction:column;width:100%;height:100dvh;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.zapsign-container .status-overlay{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.zapsign-container .status-overlay .spinner{border:4px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.zapsign-container .status-overlay p{color:#1e293b;margin-top:20px;font-size:1.1rem;font-weight:600}.zapsign-container .status-overlay span{color:#64748b;font-size:.9rem}.zapsign-container .reader-view{flex-direction:column;height:100%;display:flex}.zapsign-container .reader-view .header-nav{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem}.zapsign-container .reader-view .header-nav h1{color:#0f172a;margin:0;font-size:1.25rem}.zapsign-container .reader-view .header-nav p{color:#64748b;margin:4px 0 0;font-size:.875rem}.zapsign-container .reader-view .pdf-scroll-area{-webkit-overflow-scrolling:touch;background-color:#f1f5f9;flex-direction:column;flex:1;gap:1.5rem;padding:1rem;display:flex;overflow-y:auto}.zapsign-container .reader-view .pdf-document-wrapper{flex-direction:column;gap:.5rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.zapsign-container .reader-view .pdf-document-wrapper .pdf-doc-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:0 .25rem;font-size:.75rem;font-weight:600}.zapsign-container .reader-view .pdf-document-wrapper .pdf-page{border-radius:8px;margin-bottom:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.zapsign-container .reader-view .pdf-document-wrapper .pdf-page canvas{border-radius:8px;display:block;width:100%!important;height:auto!important}.zapsign-container .reader-view .pdf-document-wrapper .pdf-page-loading{color:#94a3b8;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;height:60px;font-size:.8rem;display:flex}.zapsign-container .reader-view .pdf-document-wrapper .pdf-open-link{justify-content:flex-end;padding:.25rem .25rem 0;display:flex}.zapsign-container .reader-view .pdf-document-wrapper .pdf-open-link a{color:#64748b;font-size:.75rem;text-decoration:none;transition:color .15s}.zapsign-container .reader-view .pdf-document-wrapper .pdf-open-link a:hover{color:#10b981}.zapsign-container .reader-view .pdf-skeleton{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;gap:.75rem;min-height:200px;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.zapsign-container .reader-view .pdf-skeleton .pdf-skeleton-bar{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.4s infinite shimmer}.zapsign-container .reader-view .pdf-skeleton .pdf-skeleton-text{color:#94a3b8;text-align:center;margin:.75rem 0 0;font-size:.8rem}.zapsign-container .reader-view .pdf-error-box{text-align:center;color:#dc2626;background:#fff;border:1px solid #fca5a5;border-radius:8px;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.zapsign-container .reader-view .pdf-error-box svg{opacity:.6}.zapsign-container .reader-view .pdf-error-box p{color:#7f1d1d;margin:0;font-size:.875rem}.zapsign-container .reader-view .pdf-error-box .pdf-fallback-link{color:#fff;background:#10b981;border-radius:8px;margin-top:.25rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.zapsign-container .reader-view .pdf-error-box .pdf-fallback-link:hover{background:#059669}.zapsign-container .reader-view .pdf-viewer{width:100%;max-width:1000px;margin:0 auto}.zapsign-container .reader-view .pdf-viewer iframe{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:70vh;min-height:500px;box-shadow:0 4px 6px -1px #0000001a}.zapsign-container .reader-view .footer-actions{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:center;padding:1rem;display:flex}.zapsign-container .reader-view .footer-actions .btn-confirm{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;width:100%;max-width:400px;padding:1rem;font-size:1rem;font-weight:700;transition:background .15s}.zapsign-container .reader-view .footer-actions .btn-confirm:hover:not(:disabled){background:#059669}.zapsign-container .reader-view .footer-actions .btn-confirm:disabled{opacity:.6;cursor:not-allowed}.zapsign-container .widget-wrapper{flex:1}.zapsign-container .widget-wrapper iframe{border:none;width:100%;height:100%}@media (max-width:640px){.zapsign-container .reader-view .header-nav{padding:.75rem}.zapsign-container .reader-view .pdf-scroll-area{padding:.5rem}.zapsign-container .reader-view .pdf-skeleton{min-height:140px;padding:1.25rem}.zapsign-container .reader-view .alert-title{font-size:.9rem}.zapsign-container .reader-view .alert-description{font-size:.75rem}}.zapsign-container .error-container{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.zapsign-container .error-container .error-card{text-align:center;background:#fff;border-radius:16px;max-width:450px;padding:2.5rem;box-shadow:0 20px 25px -5px #0000001a}.zapsign-container .error-container .error-card .icon-box{margin-bottom:1rem;font-size:3rem}.zapsign-container .error-container .error-card h2{color:#1e293b;margin-bottom:1rem}.zapsign-container .error-container .error-card p{color:#64748b;margin-bottom:1.5rem;line-height:1.5}.zapsign-container .error-container .error-card .contact-section{border-top:1px solid #f1f5f9;padding-top:1.5rem}.zapsign-container .error-container .error-card .contact-section p{color:#475569;margin-bottom:1.2rem;font-size:.9rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.zapsign-container .custom-alert{color:#663c00;background-color:#fff4e5;border-radius:4px;align-items:flex-start;margin:16px 0;padding:12px 16px;font-family:Roboto,Helvetica,Arial,sans-serif;display:flex}.zapsign-container .alert-icon-container{color:#ff9800;margin-right:12px;padding-top:2px;font-size:22px;display:flex}.zapsign-container .alert-content{flex-direction:column;display:flex}.zapsign-container .alert-title{margin-bottom:4px;font-size:1rem;font-weight:700}.zapsign-container .alert-description{margin:0;font-size:.875rem;line-height:1.5}.zapsign-container .alert-description p{margin:8px 0 0}.spin{transform-origin:50%;transform-box:fill-box;will-change:transform;animation:1s linear infinite app-spin;display:inline-block}@keyframes app-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdf-preview{color:#222;background:#f0f0f0;min-height:100vh;margin:0;padding:10px;font-family:Segoe UI,Arial,sans-serif}.pdf-preview .editor-container{box-sizing:border-box;background:#fff;border-radius:0;width:210mm;margin:auto;overflow:visible;box-shadow:0 0 10px #0000001a}.pdf-preview .editor-container .editor-body{color:#222;box-sizing:border-box;background:#fff;min-height:267mm;padding:15mm}.pdf-preview .editor-container .editor-body .ProseMirror{outline:none;max-width:none;margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:12pt}.pdf-preview .editor-container .editor-body .ProseMirror h1{margin:10pt 0 5pt;font-size:18pt;font-weight:700}.pdf-preview .editor-container .editor-body .ProseMirror .variable-badge{color:#3b82f6;pointer-events:none;-webkit-user-select:all;user-select:all;cursor:pointer;background:#3b82f61f;border:1px dotted #3b82f6cc;border-radius:3px;align-items:center;padding:0 2px;font-family:monospace;font-size:.7em;font-weight:500;transition:all .3s;animation:.4s cubic-bezier(.175,.885,.32,1.275) variableIn;display:inline-flex;box-shadow:0 2px 4px #3b82f61a}.pdf-preview .editor-container .editor-body .ProseMirror .variable-badge:before{content:"{";opacity:.6;color:#3b82f6;margin-right:2px}.pdf-preview .editor-container .editor-body .ProseMirror .variable-badge:after{content:"}";opacity:.6;color:#3b82f6;margin-left:2px}.pdf-preview .editor-container .editor-body .ProseMirror .variable-badge:hover{background:#3b82f633;box-shadow:0 0 12px #3b82f633}.pdf-preview .editor-container .editor-body .ProseMirror .variable-badge.ProseMirror-selectednode{outline:2px solid #3b82f6;box-shadow:0 0 8px #3b82f666}.pdf-preview .editor-container .editor-body .ProseMirror .ProseMirror-dropcursor{stroke-width:3px;transition:all .2s;color:#3b82f6!important}.pdf-preview .editor-container .editor-body .ProseMirror blockquote{color:inherit;background:0 0;border-left:4px solid #3b82f6;margin-left:0;margin-right:0;padding:0;font-size:.9rem;font-style:italic}.pdf-preview .editor-container .editor-body .ProseMirror .contract-table{border-collapse:collapse;border:1px solid #ccc;border-radius:8px;width:100%;margin:1.5rem 0;overflow:hidden}.pdf-preview .editor-container .editor-body .ProseMirror .contract-table th{color:#222;text-align:left;background:#f9f9f9;border-bottom:1px solid #ccc;padding:6pt;font-size:9pt}.pdf-preview .editor-container .editor-body .ProseMirror .contract-table td{color:#222;border:1px solid #ccc;height:auto;padding:6pt;font-size:9pt}.pdf-preview .editor-container .editor-body .ProseMirror .contract-table td.label{text-align:center;color:#666;background:#f0f0f0;width:80px;font-weight:700}.pdf-preview .editor-container .editor-body .ProseMirror .contract-table:hover{outline:none}.pdf-preview table{border-collapse:collapse;width:100%;font-size:9pt}.pdf-preview td,.pdf-preview th{border:.5px solid #d0d0d0;padding:6pt}.pdf-preview p{margin:0 0 5pt}.pdf-preview img{max-width:100%;height:auto;margin:10pt 0;display:block}.pdf-preview h1,.pdf-preview h2,.pdf-preview h3,.pdf-preview h4,.pdf-preview h5,.pdf-preview h6{margin:10pt 0 5pt;font-weight:700}.pdf-preview h1{font-size:18pt}.pdf-preview h2{font-size:16pt}.pdf-preview h3{font-size:14pt}.pdf-preview h4{font-size:12pt}