:root{--primary-color: #0070FF;--primary-hover: #0060E0;--primary-active: #0050C0;--secondary-color: #CCE5FF;--surface-color: #F9FAFC;--outline-color: #CCC;--text-secondary: #757575;--text-disabled: #666666;--border-light: #cccccc;--background-light: #fafafa;--error-color: #C83EF4}html,body,#app,video{height:100%;width:100%;padding:0;margin:0;background-color:#fff;font-family:Inter Tight,sans-serif;font-size:20px}#app{width:80%;margin:auto}#app #status-wrap{position:relative;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center}#app .error{display:none}#app div.center{position:relative;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center}.logo{max-width:300px;max-height:200px;margin-bottom:20px}button{background-color:#0070ff;border:none;color:#fff;padding:12px 32px;margin:16px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:48px}button:disabled{background-color:#c8c8c8}input,select{padding:8px;border-radius:8px;border:1px solid #ccc;margin:4px 4px 4px 0;box-sizing:content-box;min-height:35px}label{margin:4px}input[type=checkbox]{width:20px;transform:scale(1.5);cursor:pointer}.app-list-item-logo img,#workflows-app-logo{width:100px;height:100px;border-radius:12px;border:1px solid #ccc}.app-list-item{margin:12px;padding:12px;border-radius:8px;position:relative}.app-list-item-link .app-list-item:hover{background-color:#f0f0f0}.app-list-item-link button:hover{background-color:#005ac8}#app-list{margin:auto;border:1px solid #eee;border-radius:8px;box-shadow:3px 3px 3px #ccc}#app-list .app-list-item-inner{display:flex;gap:8px}#app-list a{text-decoration:none;color:#000}.app-list-item-content{text-align:left;margin-top:8px;flex-grow:1}.app-list-item-content .description{font-size:14px;margin-top:12px}.app-list-item .app-list-item-environment{background-color:#ccc;color:#fff;padding:4px;border-radius:4px;position:absolute;top:2px;left:2px;font-size:10px}span.author{font-size:12px}.app-list-item .app-list-item-environment.Production{display:none}.app-list-title{text-align:center;font-size:24px;margin:24px}.subtitle{text-align:center;font-size:16px;margin:24px}div.auth-input .help,#fields-list .help{font-size:14px;text-align:left;margin-left:16px;margin-bottom:16px}p.help{font-size:14px}#workflows-app{display:flex;gap:8px;margin:16px 0;padding:16px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc}.workflow-list-item{padding:16px}#workflows-app-info{display:flex;flex-direction:column}#workflows-app-name{font-weight:700}.workflow-list-item-inner{display:flex;gap:8px}.actions{display:flex;justify-content:end}.workflow-list-item .description{font-size:16px;margin-top:8px}.auth-card-container{display:flex;justify-content:center;flex-direction:column;background-color:var(--surface-color);border-radius:8px;box-shadow:0 4px 15px #00000026;border:1px solid var(--outline-color)}.auth-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--primary-color);color:#fff;border-radius:8px 8px 0 0;min-height:45px}.auth-card-logo-container{display:flex}.auth-card-body{padding:12px}.auth-card-row p{font-size:16px;color:#333;margin:16px 0;text-align:left;line-height:1.5}.pre-auth-input,.auth-input{min-width:280px;display:flex;flex-direction:column;justify-content:flex-start;text-align:left;margin-bottom:24px;position:relative}.auth-input input,.pre-auth-input input,.pre-auth-input select{border:1px solid var(--border-light);border-radius:4px;padding:12px;font-size:16px;background-color:var(--background-light);transition:all .2s ease-in-out;outline:none;box-shadow:none;margin:0;width:100%;box-sizing:border-box}.auth-input input:focus,.pre-auth-input input:focus,.pre-auth-input select:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 2px 4px var(--secondary-color)}.auth-input label,.pre-auth-input label{position:absolute;top:12px;left:9px;color:var(--text-secondary);font-size:16px;pointer-events:none;transition:all .2s ease-in-out;transform-origin:left top;padding:0 4px;margin:0}.auth-input input:focus+label,.auth-input input:not(:placeholder-shown)+label,.auth-input select+label,.pre-auth-input input:focus+label,.pre-auth-input input:not(:placeholder-shown)+label,.pre-auth-input select+label{top:0;font-size:12px;color:var(--primary-color)}.auth-input input::placeholder,.pre-auth-input input::placeholder{color:transparent}.pre-auth-input p.help{font-size:12px;color:var(--text-secondary);margin:4px 0 0;min-height:16px;padding:0 0 0 14px}.auth-input .fields-list-item-input:not(select){padding:16px 12px}.fields-list-item input:focus+label,.fields-list-item input:not(:placeholder-shown)+label{font-size:12px;color:var(--primary-color)}.fields-list-item select+label{top:3px;font-size:12px;color:var(--primary-color)}.org-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:16px 0;max-height:400px;overflow-y:auto;padding:4px}.org-card{background-color:#fff;border:2px solid var(--border-light);border-radius:8px;padding:20px;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:120px;position:relative}.org-card:hover{border-color:var(--primary-color);background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.org-card.selected{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #6d3ef44d}.org-card-avatar{width:calc(100% - 16px);height:100px;border-radius:8px;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;text-transform:uppercase;transition:all .2s ease-in-out;border:2px solid var(--border-light);position:relative;overflow:hidden}.org-card-avatar.has-logo{background-color:transparent;border:none}.org-card-logo{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0}.org-card-initials{position:relative;z-index:0}.org-card.selected .org-card-avatar{background-color:#fff;color:var(--primary-color);border-color:#fff}.org-card.selected .org-card-avatar.has-logo{background-color:transparent;border:none}.org-card-name{font-size:16px;font-weight:500;text-align:center;word-break:break-word;line-height:1.3}.org-card-checkmark{position:absolute;top:8px;right:8px;width:24px;height:24px;background-color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center}.org-card.selected .org-card-checkmark{display:flex}.org-card-checkmark svg{width:16px;height:16px;color:var(--primary-color)}@media screen and (max-width: 600px){.org-card-grid{grid-template-columns:1fr}}.btn-primary{background-color:var(--primary-color);border:none;color:#fff;padding:12px 24px;margin:16px;display:inline-block;font-size:16px;font-weight:500;cursor:pointer;border-radius:48px;transition:all .2s ease-in-out;letter-spacing:.5px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;min-width:120px}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.btn-primary:active{background-color:var(--primary-active);box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.btn-primary:disabled{background-color:var(--border-light);color:var(--text-disabled);cursor:not-allowed;box-shadow:none}@media screen and (max-height: 750px){.auth-card-container{max-height:unset}}@media screen and (min-width: 900px){.auth-card-container{max-width:50%}}.btn-outlined{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:10px 22px;margin:8px;display:inline-block;font-size:16px;font-weight:500;cursor:pointer;border-radius:48px;transition:all .2s ease-in-out;letter-spacing:.5px;min-width:120px}.btn-outlined:hover{background-color:var(--primary-color);color:#fff}.error-container{display:flex;justify-content:center;flex-direction:column;background-color:var(--surface-color);border-radius:8px;box-shadow:0 4px 15px #00000026;border:1px solid var(--outline-color)}.error-container .auth-card-header,.error-container .btn-primary{background-color:#ffe2e8!important;color:#f94366}.error-container .btn-primary:hover,.error-container .btn-outlined:hover{background-color:#f94366!important;color:#ffe2e8}.error-container .btn-outlined{color:#f94366;border-color:#f94366}.error-container .error-message{font-size:16px;color:#333;margin:16px 0;text-align:left;line-height:1.5}#error-text{font-weight:600}#auto-select-message{text-align:center}#auto-select-countdown{font-size:14px;color:var(--text-secondary);margin-top:8px;text-align:center}#auto-select-countdown strong{color:var(--primary-color);font-weight:600}#auto-select-org-name{color:var(--primary-color)}.auto-select-avatar{width:100px;height:100px;border-radius:8px;background-color:var(--primary-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;text-transform:uppercase;transition:all .2s ease-in-out;border:2px solid var(--border-light);position:relative;overflow:hidden}.auto-select-avatar.has-logo{background-color:transparent;border:none}.auto-select-logo{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0}.auto-select-initials{position:relative;z-index:0}
