*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#1a1a2e;background-color:#f5f5f7}.banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#1a1a2e;color:#fff}.banner-title{font-weight:700;font-size:1.1rem;cursor:pointer}.banner-actions{display:flex;align-items:center;gap:.5rem}.banner-btn{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem}.banner-btn:hover{background:#ffffff1a}.gear-wrapper{position:relative}.gear-btn{font-size:1.1rem;padding:.35rem .55rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.gear-dropdown{position:absolute;right:0;top:100%;margin-top:.25rem;background:#fff;color:#1a1a2e;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:240px;z-index:100}.gear-dropdown button{white-space:nowrap}.gear-dropdown button{width:100%;background:none;border:none;padding:.6rem 1rem;text-align:left;cursor:pointer;font-size:.9rem;border-radius:6px}.gear-dropdown button:hover{background:#f0f0f0}.gear-divider{border:none;border-top:1px solid #e0e0e0;margin:.25rem 0}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-form{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 2px 12px #00000014;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.auth-form h1{font-size:1.5rem;text-align:center;margin-bottom:.5rem;line-height:1.4}.auth-subtitle-heading{font-size:1rem;font-weight:400;color:#888}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-field label{font-size:.85rem;font-weight:500;color:#555}select,input[type=text],input[type=email],input[type=password],textarea{width:100%;padding:.7rem .9rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.5rem}input:focus,select:focus,textarea:focus{outline:none;border-color:#4a6cf7}textarea{min-height:80px;resize:vertical}button{font-family:inherit;cursor:pointer}.btn-primary{background:#4a6cf7;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:500}.btn-primary:hover{background:#3a5ce5}.btn-secondary{background:#e8e8e8;color:#333;border:none;padding:.7rem 1.2rem;border-radius:8px;font-size:.95rem}.btn-secondary:hover{background:#ddd}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-danger{background:none;color:#e74c3c;border:1px solid #e74c3c;padding:.7rem 1.2rem;border-radius:8px;font-size:.95rem}.btn-danger:hover{background:#e74c3c;color:#fff}.email-preview{color:#888;font-size:.85rem;margin-top:-.5rem}.employee-status{font-size:.85rem;font-weight:500;margin-top:-.5rem}.status-existing{color:#4a6cf7}.auth-subtitle{color:#555;font-size:.95rem;text-align:center}.auth-form button[type=submit]{background:#4a6cf7;color:#fff;border:none;padding:.7rem;border-radius:8px;font-size:1rem;font-weight:500}.auth-form button[type=submit]:hover{background:#3a5ce5}.page{max-width:640px;margin:0 auto;padding:2rem 1.5rem}.profile-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 1px 4px #0000000f;margin-bottom:2rem}.profile-card h2{font-size:1.4rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.profile-card p{color:#555;font-size:.95rem}.profile-card .email{color:#888;font-size:.85rem;margin-top:.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.section-header h3{font-size:1.1rem}.membership-hint{color:#888;font-size:.8rem;margin:.25rem 0 .75rem}.list{background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000f;overflow:hidden;margin-bottom:1.5rem}.list-item{display:block;padding:.8rem 1rem;border-bottom:1px solid #f0f0f0;color:#1a1a2e;text-decoration:none;transition:background .15s}.list-item:last-child{border-bottom:none}.list-item:hover{background:#f8f8fc}.member-item{display:flex;align-items:center;justify-content:space-between}.member-link{display:flex;align-items:center;gap:.5rem;color:#1a1a2e;text-decoration:none}.member-link:hover{color:#4a6cf7}.person-list-item{display:flex;align-items:center;justify-content:space-between}.person-list-name{display:flex;align-items:center;gap:.5rem}.member-title{color:#888;font-weight:400;font-size:.85rem}.member-actions{display:flex;align-items:center;gap:1rem;min-width:175px;justify-content:space-between}.remove-btn{background:none;border:none;color:#ccc;font-size:1.1rem;padding:.2rem .5rem;cursor:pointer}.remove-btn:hover{color:#e74c3c}.promote-btn{background:none;border:none;color:#ccc;font-size:1.1rem;padding:.2rem .5rem;cursor:pointer}.promote-btn:hover{color:#4a6cf7}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;right:0;margin-bottom:4px;background:#333;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s .3s}.has-tooltip:hover:after{opacity:1}.has-tooltip.tooltip-below:after{bottom:auto;top:100%;margin-bottom:0;margin-top:4px}.admin-action-btn,.admin-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.admin-action-btn{background:none;border:1px solid #ddd;color:#555;cursor:pointer}.admin-action-btn:hover{background:#f0f0f0;border-color:#ccc}.admin-badge{color:#888;background:#f5f5f5;border:1px solid transparent}.member-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;white-space:nowrap;color:#aaa;background:none;border:1px solid transparent}.group-list-item{display:flex;align-items:center;justify-content:space-between}.group-list-name{display:flex;align-items:center;gap:.5rem}.group-list-meta{font-size:.8rem;color:#888}.add-member{padding:.8rem 1rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-start}.add-member input{flex:1;min-width:150px}.member-results{width:100%;margin-top:.5rem}.member-result-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0;font-size:.9rem}.member-result-item button{background:none;border:none;color:#ccc;font-size:1.1rem;padding:.2rem .5rem;cursor:pointer}.member-result-item button:hover{color:#4a6cf7}.group-header{margin-bottom:1.5rem}.group-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.4rem}.group-description{color:#555;margin:.5rem 0;white-space:pre-line}.group-header p a{color:#4a6cf7;text-decoration:none}.group-header p a:hover{text-decoration:underline}.pencil-icon{display:inline-block;transform:rotate(135deg)}.icon-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.2rem;opacity:.5}.icon-btn:hover{opacity:1}.inline-edit input,.inline-edit textarea{font-size:1.2rem;font-weight:600;padding:.4rem .6rem}.inline-edit textarea{font-size:.95rem;font-weight:400}.group-form{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:1rem}.owner-label{color:#555;font-size:.95rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end}.group-form>.btn-danger{margin-top:1rem}.search-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.search-form input{flex:1}.search-form button{background:#4a6cf7;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:8px;font-weight:500}.btn-back{background:none;border:none;color:#4a6cf7;font-size:.9rem;padding:0;margin-bottom:1rem;cursor:pointer}.btn-back:hover{text-decoration:underline}.membership-toggle{display:flex;flex-direction:column;gap:.5rem}.membership-toggle label{font-size:.9rem;color:#555;font-weight:500}.toggle-options{display:flex;gap:0;border:1px solid #ddd;border-radius:8px;overflow:hidden;width:fit-content}.toggle-btn{background:#fff;border:none;padding:.5rem 1.2rem;font-size:.9rem;color:#555;cursor:pointer;border-right:1px solid #ddd}.toggle-btn:last-child{border-right:none}.toggle-btn.active{background:#4a6cf7;color:#fff}.error{color:#e74c3c;font-size:.9rem}.empty{padding:1rem;color:#888;text-align:center}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#888}h3{margin-bottom:.5rem;margin-top:.5rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 30px #0003}.modal-lg{max-width:560px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #eee}.modal-header h2{font-size:1.2rem;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#333}.modal-body{padding:1.5rem;overflow-y:auto}.confirm-actions{display:flex;justify-content:flex-end;align-items:stretch;gap:.5rem;margin-top:1.25rem}.about-body{display:flex;flex-direction:column;gap:.75rem}.about-body a{color:#4a6cf7;text-decoration:none}.about-body a:hover{text-decoration:underline}.about-divider{border:none;border-top:1px solid #ddd;margin:.25rem 0}.about-body h3{font-size:.95rem;margin:0}.about-tutorial{margin:0;padding-left:1.25rem;font-size:.9rem;display:flex;flex-direction:column;gap:.35rem}.employee-list{border:1px solid #eee;border-radius:8px;overflow:hidden}.employee-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s}.employee-item:last-child{border-bottom:none}.employee-item:hover{background:#f8f8fc}.employee-name{font-weight:600;margin-right:.5rem}.employee-title{color:#888;font-size:.85rem}.employee-item-expanded{padding:1rem;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:.75rem}.suspended-section{margin-top:1.5rem}.suspended-header{color:#888;font-size:.95rem;margin-bottom:.5rem}.employee-suspended{cursor:default}.employee-suspended .employee-name{text-decoration:line-through;color:#aaa}.employee-suspended .employee-title{text-decoration:line-through;color:#ccc}.employee-section-hint{font-size:.78rem;color:#999;font-style:italic;margin:-.25rem 0 .5rem}.employee-date{color:#aaa;font-size:.8rem}.employee-section-header{font-size:.95rem;color:#555;margin-bottom:.5rem;margin-top:1rem}.employee-section-header:first-child{margin-top:0}.employee-created-success{text-align:center;padding:2rem 1rem}.employee-created-success .success-message{font-size:1.05rem;color:#333;margin-bottom:1.5rem}.employee-created-success .form-actions{justify-content:center;gap:.75rem}.employee-create-form{display:flex;flex-direction:column;gap:.75rem}.email-input-disabled{background:#f0f0f0;color:#888;cursor:default}.employee-actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:.75rem}.employee-actions .btn-primary,.employee-actions .btn-danger{padding:.6rem 1rem;font-size:.9rem;margin-top:0}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.automation-inline{margin-top:.75rem;font-size:.85rem;color:#555;line-height:1.6;background:#fff;border-radius:8px;padding:.75rem 1rem}.automation-inline-header{display:flex;align-items:baseline;gap:.5rem}.automation-edit-btn{background:none;border:none;color:#888;font-size:1rem;padding:.1rem .3rem;cursor:pointer;position:relative}.automation-edit-btn:hover{color:#4a6cf7}.automation-inline-btn{background:none;border:none;color:#4a6cf7;font-size:.8rem;padding:0;cursor:pointer}.automation-inline-btn:hover{text-decoration:underline}.automation-inline-indent{padding-left:3.2rem;text-indent:-2.2rem}.automation-inline-spacer{visibility:hidden}.filter-attr{font-weight:600;color:#1a1a2e}.filter-op{font-style:italic;color:#888}.filter-val{color:#333}.automation-logic{font-size:.8rem;color:#888;font-style:italic}.automation-trigger{font-weight:600;color:#1a1a2e}.automation-inline-label{font-weight:600;color:#555;flex-shrink:0}.automation-inline-empty{color:#888;font-style:italic}.automation-form{padding:1.25rem}.automation-form-label{font-size:.8rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.03em}.automation-divider{border:none;border-top:1px solid #f0f0f0;margin:.5rem 0}.automation-filters-list{display:flex;flex-direction:column;gap:0}.automation-filter-item{display:flex;flex-direction:column}.automation-filter-item:first-child{padding-bottom:.15rem}.automation-filter-row{display:flex;gap:.35rem;align-items:flex-start}.automation-filter-row select{width:auto;flex:0 0 auto}.automation-filter-row .autocomplete-wrapper,.automation-filter-row .multi-value-wrapper{flex:1;min-width:0}.automation-filter-row select,.automation-filter-row input{padding:.5rem .6rem;font-size:.85rem}.automation-filter-row select{padding-right:1.8rem;background-position:right .5rem center}.automation-filter-remove{background:none;border:none;color:#ccc;font-size:1rem;padding:.4rem;cursor:pointer;flex-shrink:0}.automation-filter-remove:hover{color:#e74c3c}.automation-logic-toggle{padding:.5rem 0 .5rem 2rem}.automation-filter-item+.automation-filter-item .automation-filter-row{padding-top:0}.automation-logic-toggle select{width:auto;min-width:60px;padding:.25rem 1.8rem .25rem .5rem;font-size:.8rem;background-position:right .4rem center}.automation-actions-config{display:flex;flex-direction:column;gap:.5rem;padding-left:.75rem}.automation-action-row{display:flex;align-items:center;gap:.4rem}.automation-action-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer}.automation-action-label input[type=checkbox]:disabled{cursor:default}.automation-actions-config input[type=checkbox]{width:auto}.automation-action-info{color:#aaa;font-size:.9rem;cursor:default}.automation-footer{justify-content:space-between}.automation-footer-right{display:flex;gap:.75rem}.autocomplete-wrapper{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:160px;overflow-y:auto;z-index:300;margin-top:2px}.autocomplete-item{padding:.4rem .7rem;font-size:.9rem;cursor:pointer}.autocomplete-item:hover{background:#f0f0f0}.multi-value-wrapper{position:relative}.chip-container{display:flex;flex-wrap:wrap;gap:.3rem;border:1px solid #ddd;border-radius:8px;padding:.4rem;min-height:38px;align-items:center;background:#fff}.chip-container:focus-within{border-color:#4a6cf7}.chip{display:inline-flex;align-items:center;gap:.2rem;background:#eef1fe;color:#333;white-space:normal;word-break:break-word;padding:.15rem .4rem;border-radius:4px;font-size:.8rem}.chip-remove{background:none;border:none;color:#888;font-size:.9rem;padding:0 .15rem;cursor:pointer;line-height:1}.chip-remove:hover{color:#e74c3c}.chip-input-wrapper{flex:1;min-width:80px;position:static}.chip-input-wrapper .autocomplete-dropdown{left:0;right:0;width:100%}.chip-input-wrapper input{border:none;padding:.2rem;font-size:.85rem;outline:none;width:100%}.chip-input-wrapper input:focus{border:none}.btn-link{background:none;border:none;color:#4a6cf7;font-size:.85rem;padding:.3rem 0;cursor:pointer}.btn-link:hover{text-decoration:underline}