@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);background-attachment:fixed;font-family:DM Sans,system-ui,sans-serif}body.in-iframe .auth-page{min-height:auto;align-items:center;justify-content:center;padding:1.5rem}body.in-iframe .auth-header{padding:1rem 2rem .5rem}.auth-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(34,197,94,.08),transparent);pointer-events:none}.auth-card{position:relative;width:100%;max-width:420px;background:#1e293bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.25rem;border:1px solid rgba(148,163,184,.1);box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.auth-header{padding:2rem 2rem 1rem;text-align:center}.auth-logo{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#818cf8,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.auth-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#94a3b8}.auth-tabs{display:flex;padding:0 1.5rem;gap:.25rem;border-bottom:1px solid rgba(148,163,184,.1)}.auth-tab{flex:1;padding:.875rem 1rem;font-size:.875rem;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.auth-tab:hover{color:#94a3b8}.auth-tab.active{color:#818cf8;border-bottom-color:#818cf8}.auth-form-wrap{padding:1.5rem 2rem 2rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-field{display:flex;flex-direction:column;gap:.375rem}.auth-field label{font-size:.8125rem;font-weight:500;color:#e2e8f0}.auth-field input{padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;color:#f1f5f9;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;transition:border-color .2s,box-shadow .2s}.auth-field input::placeholder{color:#64748b}.auth-field input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.auth-field input:invalid:not(:placeholder-shown){border-color:#f87171}.auth-hint{font-size:.75rem;color:#64748b}.auth-error{font-size:.75rem;color:#f87171}.auth-info{margin:-.5rem 0 0;font-size:.8125rem;color:#94a3b8;line-height:1.4}.auth-submit{margin-top:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:.5rem;cursor:pointer;transition:transform .15s,box-shadow .2s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 10px 20px -10px #6366f180}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-link{margin:-.25rem 0 0;padding:0;font-size:.8125rem;color:#818cf8;background:none;border:none;cursor:pointer;align-self:flex-start;transition:color .2s}.auth-link:hover{color:#a5b4fc;text-decoration:underline}.auth-message{padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:.5rem}.auth-message.error{background:#f8717126;color:#fca5a5}.auth-message.success{background:#34d39926;color:#6ee7b7}.auth-footer{margin-top:1.25rem;font-size:.875rem;color:#94a3b8;text-align:center}.auth-footer a,.auth-link-btn{color:#818cf8;background:none;border:none;padding:0;font:inherit;cursor:pointer;text-decoration:underline}.dashboard{min-height:100vh;display:flex;flex-direction:column;background:#0f172a;font-family:DM Sans,system-ui,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid rgba(148,163,184,.1);flex-wrap:wrap;gap:.75rem}.dashboard-header-left{display:flex;align-items:center;gap:.75rem}.dashboard-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;cursor:pointer;color:#e2e8f0}.dashboard-burger span{display:block;width:20px;height:2px;margin:0 auto;background:currentColor;border-radius:1px}.dashboard-header h1{margin:0;font-size:1.25rem;background:linear-gradient(135deg,#818cf8,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-header-right{display:flex;align-items:center;gap:1.5rem}.dashboard-tariff-end{font-size:.875rem;color:#94a3b8;white-space:nowrap}.project-select{position:relative}.project-select-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:#e2e8f0;background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;cursor:pointer;transition:border-color .2s}.project-select-btn:hover{border-color:#818cf880}.project-select-name{font-weight:500}.project-select-role{padding:.15rem .4rem;font-size:.7rem;color:#34d399;background:#34d39926;border-radius:.25rem}.project-select-arrow{font-size:.6rem;color:#64748b;margin-left:.25rem}.project-select-dropdown{position:absolute;top:calc(100% + .25rem);right:0;min-width:200px;margin:0;padding:.25rem;list-style:none;background:#1e293bfa;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;box-shadow:0 10px 25px #0000004d}.project-select-dropdown li{margin:0}.project-select-dropdown button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.6rem .75rem;font-size:.875rem;color:#e2e8f0;background:transparent;border:none;border-radius:.375rem;cursor:pointer;text-align:left;transition:background .15s}.project-select-dropdown button:hover,.project-select-dropdown button.active{background:#818cf833}.project-select-dropdown button .role{font-size:.7rem;color:#64748b}.dashboard-user{display:flex;align-items:center;gap:1rem}.dashboard-user span{color:#94a3b8;font-size:.875rem}.btn-logout{padding:.5rem 1rem;font-size:.875rem;color:#94a3b8;background:transparent;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;cursor:pointer;transition:color .2s,border-color .2s}.btn-logout:hover{color:#f87171;border-color:#f87171}.dashboard-body{display:flex;flex:1;min-height:0}.dashboard-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000080}.dashboard-sidebar{width:200px;flex-shrink:0;padding:1rem 0;border-right:1px solid rgba(148,163,184,.1);position:relative}.dashboard-sidebar-close{display:none;position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;padding:0;font-size:1.5rem;line-height:1;color:#94a3b8;background:transparent;border:none;border-radius:.25rem;cursor:pointer}.dashboard-sidebar-close:hover{color:#e2e8f0;background:#94a3b81a}.dashboard-nav{display:flex;flex-direction:column;gap:.25rem}.dashboard-nav a{padding:.6rem 1.25rem;font-size:.9375rem;color:#94a3b8;text-decoration:none;border-radius:0 .5rem .5rem 0;border-left:3px solid transparent;transition:color .2s,background .2s}.dashboard-nav a:hover{color:#e2e8f0;background:#94a3b814}.dashboard-nav a.active{color:#818cf8;background:#818cf826;border-left-color:#818cf8}.dashboard-main{flex:1;padding:2rem;overflow:auto;min-width:0}@media (max-width: 768px){.dashboard-header{padding:.75rem 1rem}.dashboard-header-left{flex:1;min-width:0}.dashboard-burger{display:flex}.dashboard-header h1{font-size:1.1rem}.dashboard-tariff-end{display:none}.dashboard-header-right{gap:.5rem}.dashboard-user span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-select-btn{padding:.4rem .5rem;font-size:.8125rem}.dashboard-sidebar-overlay{display:block}.dashboard-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:260px;max-width:85vw;padding-top:2.5rem;background:#0f172a;border-right:1px solid rgba(148,163,184,.15);box-shadow:4px 0 20px #0000004d;transform:translate(-100%);transition:transform .2s ease-out}.dashboard-sidebar.dashboard-sidebar-open{transform:translate(0)}.dashboard-sidebar-close{display:flex;align-items:center;justify-content:center}.dashboard-main{padding:1rem;width:100%}.page-content{overflow-x:auto;-webkit-overflow-scrolling:touch}}.page-content h2{margin:0 0 .25rem;font-size:1.25rem;color:#e2e8f0}.page-meta{margin:0;font-size:.875rem;color:#64748b}.no-access{color:#94a3b8;font-size:.9375rem;margin:0}.settings-tabs{display:flex;gap:.25rem;margin-top:1.5rem;border-bottom:1px solid rgba(148,163,184,.1)}.settings-tab{padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.settings-tab:hover{color:#94a3b8}.settings-tab.active{color:#818cf8;border-bottom-color:#818cf8}.settings-panel{margin-top:1.5rem}.amocrm-panel .page-meta{margin-bottom:1rem}.amocrm-error{padding:.75rem 1rem;margin-bottom:1rem;background:#f8717126;color:#fca5a5;border-radius:.5rem;font-size:.875rem}.amocrm-hint{color:#94a3b8;font-size:.875rem;margin:0}.amocrm-connected{display:flex;align-items:center;gap:1rem;margin-top:1rem}.amocrm-connected strong{color:#34d399}.btn-disconnect{padding:.5rem 1rem;font-size:.875rem;color:#f87171;background:transparent;border:1px solid rgba(248,113,113,.5);border-radius:.5rem;cursor:pointer;transition:background .2s,border-color .2s}.btn-disconnect:hover{background:#f8717126;border-color:#f87171}.amocrm-connect{margin-top:1rem}.amocrm-connect #amocrm-button-container{min-height:40px}.amocrm-settings-form{margin-top:1rem;max-width:480px;display:flex;flex-direction:column;gap:.75rem}.amocrm-field{display:flex;flex-direction:column;gap:.375rem}.amocrm-field label{font-size:.8125rem;font-weight:500;color:#e2e8f0}.amocrm-field input{padding:.6rem .75rem;font-size:.875rem;font-family:inherit;color:#f1f5f9;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;transition:border-color .2s,box-shadow .2s}.amocrm-field input::placeholder{color:#64748b}.amocrm-field input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.amocrm-save-btn{align-self:flex-start;margin-top:.25rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;color:#f9fafb;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:.5rem;cursor:pointer;transition:transform .15s,box-shadow .2s,opacity .2s}.amocrm-save-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px -10px #6366f180}.amocrm-save-btn:active{transform:translateY(0)}.amocrm-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.dashboard-main h2{margin:0 0 .25rem;font-size:1.25rem;color:#e2e8f0}.project-meta{margin:0 0 1.5rem;font-size:.875rem;color:#64748b}.no-projects{color:#64748b;font-size:.9375rem}.project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.project-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1e293b80;border-radius:.5rem;border:1px solid rgba(148,163,184,.1)}.project-item strong{color:#f1f5f9}.project-slug{color:#64748b;font-size:.875rem}.project-role{margin-left:auto;padding:.25rem .5rem;font-size:.75rem;color:#34d399;background:#34d39926;border-radius:.25rem}