.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:48px 40px;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:28px;color:#2d3748;margin:0 0 8px}.login-header p{color:#718096;margin:0}.login-error{background:#fed7d7;border:1px solid #fc8181;color:#c53030;padding:12px 16px;border-radius:6px;margin-bottom:24px;font-size:14px}.login-form .form-group{margin-bottom:20px}.login-form label{display:block;font-weight:500;color:#2d3748;margin-bottom:8px;font-size:14px}.login-form input{width:100%;padding:12px 16px;border:1px solid #cbd5e0;border-radius:6px;font-size:15px;transition:border-color .2s;box-sizing:border-box}.login-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-button{width:100%;padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.login-button:hover:not(:disabled){background:#5568d3}.login-button:disabled{background:#a0aec0;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e5e5}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;font-size:1.5rem;color:#666;cursor:pointer;transition:all .2s ease;line-height:1;padding:0}.modal-close:hover{background:#f5f5f5;color:#333}.change-password-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#333}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#08c;box-shadow:0 0 0 3px #0088cc1a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-group input::placeholder{color:#999}.error-message{padding:.75rem;background:#fff5f5;border:1px solid #ffcccc;border-radius:6px;color:#dc3545;font-size:.875rem;margin-bottom:1rem;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success-message{padding:.75rem;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;color:#16a34a;font-size:.875rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.success-message:before{content:"✓";font-weight:700;font-size:1.25rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}.btn-cancel,.btn-submit{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover:not(:disabled){background:#e5e5e5}.btn-submit{background:#08c;color:#fff}.btn-submit:hover:not(:disabled){background:#0077b3;transform:translateY(-1px);box-shadow:0 2px 8px #0088cc4d}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.modal-content{width:95%;max-width:none;margin:1rem}.modal-header,.change-password-form{padding:1rem}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;padding:.75rem}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#08c;color:#fff;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center;gap:1rem}.header-left h1{font-size:1.25rem;font-weight:600}.hamburger-btn{display:none;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.hamburger-btn:hover{background:#ffffff1a}.hamburger-icon{display:block;position:relative;width:24px;height:2px;background:#fff;border-radius:2px}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;width:24px;height:2px;background:#fff;border-radius:2px;left:0;transition:transform .3s}.hamburger-icon:before{top:-8px}.hamburger-icon:after{top:8px}.header-right{display:flex;align-items:center;gap:1rem}.header-nav{display:flex;align-items:center;gap:.5rem}.nav-btn{width:40px;height:40px;padding:0;background:#ffffff26;color:#fff;border:none;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.nav-btn:hover{background:#ffffff40;transform:scale(1.05)}.nav-btn.active{background:#ffffff4d}.admin-btn{width:40px;height:40px;padding:0;background:#ffffff26;color:#fff;border:none;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.admin-btn:hover{background:#ffffff40;transform:scale(1.05)}.admin-btn.active{background:#ffffff4d}.account-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff26;border-radius:6px}.account-selector label{font-size:.75rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.account-selector select{padding:.25rem .5rem;border:none;border-radius:4px;background:transparent;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.account-selector select:hover{background:#ffffff1a}.account-selector select:focus{outline:none;background:#ffffff26}.account-selector select option{background:#08c;color:#fff}.user-menu{position:relative;display:flex;align-items:center;gap:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.2)}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff26;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.user-menu-trigger:hover{background:#ffffff40}.user-email{font-size:.875rem;font-weight:400;opacity:.9;white-space:nowrap}.dropdown-arrow{font-size:.625rem;opacity:.7;transition:transform .2s ease}.user-menu-trigger:hover .dropdown-arrow{opacity:1}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:#333;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#f5f5f5}.dropdown-icon{font-size:1rem;opacity:.7}.dropdown-item:hover .dropdown-icon{opacity:1}.dropdown-divider{height:1px;background:#e5e5e5;margin:0}.logout-item{color:#dc3545}.logout-item:hover{background:#fff5f5}.logout-btn{padding:.5rem 1rem;background:#ffffff26;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.2;display:inline-block;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.logout-btn:hover{background:#ffffff40}.account-nickname{font-size:.8rem;color:#ffffffe6;font-weight:400;padding:.35rem .75rem;background:#ffffff26;border-radius:6px;white-space:nowrap;line-height:1.2}@media (max-width: 768px){.header{padding:.75rem 1rem}.hamburger-btn{display:flex;align-items:center;justify-content:center}.header-left{gap:.5rem}.header-left h1{font-size:1rem}.header-right{gap:.5rem}.account-selector{flex-direction:column;gap:.25rem;align-items:flex-end}.account-selector label{font-size:.75rem}.account-selector select{padding:.4rem .6rem;font-size:.85rem;min-height:44px}.nav-btn{width:44px;height:44px;font-size:1.3rem}.user-email{font-size:.75rem;max-width:120px;overflow:hidden;text-overflow:ellipsis}.logout-btn{padding:.4rem .8rem;font-size:.85rem}.user-dropdown{right:0;min-width:180px}.dropdown-arrow{font-size:.5rem}}@media (max-width: 480px){.header{flex-direction:column;gap:.5rem;align-items:flex-start}.header-right{width:100%;justify-content:space-between;flex-wrap:wrap}.header-nav{order:3;width:100%;justify-content:flex-start;gap:.5rem}.nav-btn{width:40px;height:40px;font-size:1.2rem}.account-selector{flex-direction:row;align-items:center}.user-menu{gap:.5rem}.user-dropdown{left:0;right:auto;min-width:160px}.user-email{font-size:.7rem;max-width:100px}}.chat-list{display:flex;flex-direction:column}.chat-list-empty{padding:2rem;text-align:center;color:#999}.chat-item{padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.chat-item:hover{background-color:#f8f8f8}.chat-item.active{background-color:#e8f5fc}.chat-item-content{display:flex;flex-direction:column;gap:.25rem}.chat-item-header{display:flex;justify-content:space-between;align-items:baseline}.chat-title-container{display:flex;align-items:center;gap:.5rem}.chat-title{font-size:.95rem;font-weight:600;color:#333;margin:0}.schedule-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:.15rem .3rem;border-radius:4px;transition:background-color .2s;line-height:1}.schedule-btn:hover{background-color:#0088cc1a}.chat-time-container{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.chat-time{font-size:.75rem;color:#999}.chat-stars{font-size:.7rem;color:#ff9500;font-weight:600}.turn-badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.your-turn{background-color:#34c759;color:#fff}.his-turn{background-color:#ff9500;color:#fff}.chat-item-preview{display:flex;align-items:center}.chat-message{font-size:.85rem;color:#666;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message .sender{font-weight:500;color:#08c}.chat-loader{padding:1rem;text-align:center;color:#666;font-size:.9rem;min-height:50px}.load-more-btn{background-color:#08c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.load-more-btn:hover:not(:disabled){background-color:#069}.load-more-btn:disabled{background-color:#ccc;cursor:not-allowed}.chat-list-end{padding:1rem;text-align:center;color:#999;font-size:.85rem;border-top:1px solid #eee}@media (max-width: 768px){.chat-item{padding:1rem;min-height:60px}.chat-title{font-size:.9rem}.chat-message{font-size:.8rem}.chat-time{font-size:.7rem}.chat-stars{font-size:.65rem}.turn-badge{font-size:.65rem;padding:.15rem .4rem}}@media (max-width: 480px){.chat-item{padding:.875rem 1rem}}.search-bar{position:relative;margin:.75rem 1rem}.search-input{width:100%;padding:.6rem 2.5rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:#08c;box-shadow:0 0 0 2px #0088cc1a}.search-input::placeholder{color:#999}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;opacity:.5}.search-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s,color .2s}.search-clear-btn:hover{background-color:#f0f0f0;color:#333}@media (max-width: 768px){.search-bar{margin:.5rem .75rem}.search-input{font-size:.85rem;padding:.5rem 2.25rem}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.25rem;color:#333}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s}.modal-close:hover{color:#333}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.loading-text,.empty-text{text-align:center;color:#999;padding:2rem}.posts-list{display:flex;flex-direction:column;gap:1rem}.post-item{border:1px solid #e0e0e0;border-radius:6px;padding:1rem;background:#fafafa}.post-view{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.post-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.post-time{font-weight:600;color:#08c;font-size:.95rem}.post-caption{color:#333;font-size:.9rem;white-space:pre-wrap}.post-stars{color:#ff9500;font-size:.85rem;font-weight:600}.post-media-count{color:#666;font-size:.85rem}.post-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-edit,.btn-delete,.btn-save,.btn-cancel-edit{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .2s}.btn-edit{background-color:#08c;color:#fff}.btn-edit:hover{background-color:#006aa3}.btn-delete{background-color:#f44;color:#fff}.btn-delete:hover{background-color:#c00}.btn-save{background-color:#22c55e;color:#fff}.btn-save:hover{background-color:#16a34a}.btn-cancel-edit{background-color:#e0e0e0;color:#333}.btn-cancel-edit:hover{background-color:#d0d0d0}.post-edit-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.85rem;font-weight:600;color:#555}.form-group input,.form-group textarea{padding:.6rem;border:1px solid #d0d0d0;border-radius:4px;font-size:.9rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#08c}.form-actions{display:flex;gap:.5rem;margin-top:.5rem}@media (max-width: 768px){.modal-content{max-width:95%;max-height:90vh}.modal-header,.modal-body{padding:1rem}.post-view{flex-direction:column}.post-actions{width:100%;justify-content:flex-end}}.sidebar{width:320px;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e0e0e0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0}.sidebar-header h2{font-size:1.1rem;font-weight:600;color:#333}.chat-count{background:#08c;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.sidebar-content{flex:1;overflow-y:auto}.sidebar-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:.9rem}@media (max-width: 768px){.sidebar{position:absolute;left:0;top:0;bottom:0;width:280px;z-index:100;box-shadow:2px 0 8px #00000026;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.open{transform:translate(0)}.sidebar-header{padding:.75rem 1rem}.sidebar-header h2{font-size:1rem}}.media-library-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.media-library-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.media-library-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.media-library-header h2{margin:0;font-size:1.5rem;color:#333}.close-btn{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn:hover{color:#333}.media-library-filters{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid #eee}.filter-btn{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.filter-btn:hover{background:#f5f5f5}.filter-btn.active{background:#08c;color:#fff;border-color:#08c}.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1.5rem;overflow-y:auto;flex:1}.media-library-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s;background:#f5f5f5}.media-library-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.media-library-item.selected{border-color:#08c;box-shadow:0 0 0 2px #08c3}.media-thumbnail,.media-video-thumbnail video{width:100%;height:100%;object-fit:cover}.media-video-thumbnail{position:relative;width:100%;height:100%}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding-left:.2rem}.media-voice-thumbnail{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.voice-icon{font-size:3rem;margin-bottom:.5rem}.voice-label{color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.selection-badge{position:absolute;top:.5rem;right:.5rem;background:#08c;color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;box-shadow:0 2px 8px #0003}.media-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1.5rem .5rem .5rem;color:#fff}.media-date{font-size:.7rem;margin:0;font-weight:600}.media-chat{font-size:.65rem;margin:.2rem 0 0;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-library-loading,.media-library-error,.media-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#666}.media-library-empty .hint{margin-top:.5rem;font-size:.9rem;color:#999}.media-library-error button{margin-top:1rem;padding:.5rem 1.5rem;background:#08c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.media-library-error button:hover{background:#069}.media-library-footer{border-top:1px solid #eee;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#f9f9f9}.selection-count{margin:0;font-weight:600;color:#08c}.footer-actions{display:flex;gap:.75rem}.cancel-btn,.confirm-btn{padding:.6rem 1.25rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e5e5e5}.confirm-btn{background:#08c;color:#fff}.confirm-btn:hover{background:#069}@media (max-width: 768px){.media-library-modal{max-width:100%;max-height:100vh;border-radius:0}.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;padding:1rem}.media-library-header{padding:1rem}.media-library-header h2{font-size:1.25rem}.media-library-filters{padding:.75rem 1rem}.filter-btn{padding:.4rem .8rem;font-size:.85rem}}@media (max-width: 480px){.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.selection-badge{width:1.5rem;height:1.5rem;font-size:1rem}.video-play-icon{width:2.5rem;height:2.5rem;font-size:1rem}}.message-composer{position:relative;border-top:1px solid #e0e0e0;background:#fff}.message-composer.dragging{background:#f0f8ff}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0088ccf2;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.drag-content{text-align:center;color:#fff;pointer-events:none}.drag-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s infinite}.drag-text{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.drag-hint{font-size:1rem;opacity:.9}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.media-form{padding:1rem 1.5rem;background:#f8f8f8;border-bottom:1px solid #e0e0e0}.media-controls{display:flex;gap:.5rem;align-items:center}.star-input{width:140px;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.caption-scheduler-row{display:flex;gap:1rem;align-items:center;margin-bottom:.75rem}.caption-input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.btn-send-media{padding:.5rem 1rem;background:#08c;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer}.btn-send-media:hover{background:#006fa8}.btn-cancel{padding:.5rem 1rem;background:#999;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-cancel:hover{background:#777}.composer-form{display:flex;gap:.5rem;padding:1rem 1.5rem;align-items:center}.composer-actions{display:flex;gap:.5rem}.btn-action{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.btn-action:hover{background:#e0e0e0}.btn-action:disabled{opacity:.5;cursor:not-allowed}.message-input{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:20px;font-size:.95rem;outline:none}.message-input:focus{border-color:#08c}.btn-send{padding:.75rem 1.5rem;background:#08c;color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-send:hover:not(:disabled){background:#006fa8}.btn-send:disabled{background:#ccc;cursor:not-allowed}.star-price-control{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.price-label{font-weight:600;color:#333;font-size:.95rem;min-width:50px}.price-adjuster{display:flex;align-items:center;gap:0;border:2px solid #0088cc;border-radius:8px;overflow:hidden;background:#fff}.price-btn{width:44px;height:44px;border:none;background:#08c;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.price-btn:hover:not(:disabled){background:#006fa8}.price-btn:active:not(:disabled){transform:scale(.95)}.price-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.minus-btn{border-radius:6px 0 0 6px}.plus-btn{border-radius:0 6px 6px 0}.price-display{min-width:100px;padding:0 1rem;font-size:1.1rem;font-weight:600;color:#08c;text-align:center;background:#fff;-webkit-user-select:none;user-select:none}.custom-price-input{width:110px;padding:.625rem .75rem;border:2px solid #ddd;border-radius:8px;font-size:.95rem;font-weight:500;text-align:center;transition:all .2s}.custom-price-input:focus{outline:none;border-color:#08c;background:#f0f8ff}.custom-price-input::placeholder{color:#999;font-weight:400}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin:1rem 0;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f5f5f5;border:2px solid #ddd}.preview-item img{width:100%;height:100%;object-fit:cover}.voice-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2)}.voice-icon-large{font-size:2.5rem}.voice-label-small{color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center}.voice-preview audio{max-width:100%}.remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-btn:hover{background:#f00c}.add-more-btn{aspect-ratio:1;border:2px dashed #0088cc;background:#f0f8ff;border-radius:8px;color:#08c;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-more-btn:hover{background:#e0f2ff;border-color:#006fa8}.add-more-btn:disabled{opacity:.5;cursor:not-allowed}.media-select-buttons{display:flex;gap:.75rem;margin-bottom:.75rem}.btn-select-images{flex:1;padding:.75rem;border:2px dashed #0088cc;background:#f0f8ff;color:#08c;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-select-images:hover{background:#e0f2ff;border-color:#006fa8}.btn-select-images:disabled{opacity:.5;cursor:not-allowed}.btn-browse-library{flex:1;padding:.75rem;border:2px solid #34c759;background:#f0fdf4;color:#34c759;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-browse-library:hover{background:#dcfce7;border-color:#22c55e}.btn-browse-library:disabled{opacity:.5;cursor:not-allowed}.scheduler-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#333;white-space:nowrap}.scheduler-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.scheduler-label span{-webkit-user-select:none;user-select:none}.scheduler-inputs{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.quick-date-buttons{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.quick-date-btn{flex:1;padding:.5rem .75rem;background-color:#fff;border:1px solid #0088cc;color:#08c;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.quick-date-btn:hover{background-color:#08c;color:#fff}.quick-date-btn:active{transform:scale(.98)}.datetime-input{padding:.6rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;font-family:inherit}.datetime-input:focus{outline:none;border-color:#08c}.timezone-hint{font-size:.8rem;color:#666;font-style:italic;white-space:nowrap;margin-left:auto}.upload-progress{margin:1rem 0}.progress-bar-container{width:100%;height:28px;background:#e0e0e0;border-radius:14px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}.progress-bar{height:100%;background:linear-gradient(90deg,#08c,#00a8ff);border-radius:14px;transition:width .3s ease;display:flex;align-items:center;justify-content:center;min-width:50px;position:relative;animation:progressPulse 1.5s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.85}}.progress-text{color:#fff;font-weight:700;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:1}.progress-label{margin-top:.5rem;text-align:center;font-size:.9rem;color:#666;font-weight:500}.media-actions{display:flex;gap:.5rem;margin-top:1rem}.media-actions .btn-send-media,.media-actions .btn-cancel{flex:1;padding:.75rem;font-size:1rem}.media-actions .btn-send-media:disabled{background:#ccc;cursor:not-allowed}.media-actions .btn-cancel:disabled{background:#bbb;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.composer-form,.media-form{padding:.75rem 1rem}.btn-action{width:44px;height:44px;font-size:1.1rem}.message-input{padding:.625rem .875rem;font-size:.9rem}.btn-send{padding:.625rem 1.25rem;font-size:.9rem}.star-price-control{flex-wrap:wrap;gap:.5rem;padding:.625rem}.price-label{width:100%;font-size:.9rem}.price-adjuster{flex:1;min-width:200px}.price-btn{width:48px;height:48px;font-size:1.6rem}.price-display{min-width:110px;font-size:1.05rem}.custom-price-input{flex:1;min-width:100px;min-height:48px;font-size:1rem}.caption-scheduler-row{flex-direction:column;align-items:stretch;gap:.75rem}.scheduler-label{justify-content:flex-start}.image-previews{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.media-controls{flex-wrap:wrap}.star-input,.caption-input,.btn-send-media,.btn-cancel{min-height:44px}.scheduler-label input[type=checkbox]{width:20px;height:20px}.datetime-input{min-height:44px}}@media (max-width: 480px){.composer-form{padding:.625rem .75rem;gap:.375rem}.media-form{padding:.625rem .75rem}.btn-action{width:40px;height:40px}.message-input{padding:.5rem .75rem;font-size:.875rem}.btn-send{padding:.5rem 1rem;font-size:.875rem}.media-controls,.star-price-control{flex-direction:column;align-items:stretch}.price-adjuster,.custom-price-input,.caption-input{width:100%}}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #00000080}.modal-close{position:absolute;top:-40px;right:0;width:36px;height:36px;border-radius:50%;border:none;background:#ffffffe6;color:#333;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:10000}.modal-close:hover{background:#fff;color:red}.modal-navigation{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.nav-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;color:#333;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.nav-btn:hover{background:#fff;transform:scale(1.1)}.image-counter{color:#fff;font-weight:600;font-size:.95rem;min-width:60px;text-align:center}@media (max-width: 768px){.modal-content{max-width:95vw;max-height:95vh}.modal-content img{max-height:90vh}.modal-close{top:-50px;width:44px;height:44px;font-size:28px}.nav-btn{width:48px;height:48px;font-size:32px}.modal-navigation{padding:.75rem 1.25rem}}.ai-toggle{display:flex;flex-direction:column;gap:.25rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-text{font-size:.9rem;font-weight:500;color:#333}.toggle-btn{position:relative;width:48px;height:24px;border:none;border-radius:12px;cursor:pointer;transition:background-color .3s;padding:0}.toggle-btn.off{background:#ccc}.toggle-btn.on{background:#4caf50}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s}.toggle-btn.on .toggle-slider{transform:translate(24px)}.toggle-warning{font-size:.75rem;color:#ff9800}@media (max-width: 768px){.toggle-label{padding:.5rem 0;gap:1rem}.toggle-btn{width:52px;height:28px;border-radius:14px}.toggle-slider{top:3px;left:3px;width:22px;height:22px}.toggle-btn.on .toggle-slider{transform:translate(24px)}.toggle-text{font-size:.95rem}.toggle-warning{font-size:.8rem}}.message-thread{display:flex;flex-direction:column;height:100%}.thread-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background:#fff}.thread-title h2{margin:0;font-size:1.1rem;font-weight:600;color:#333}.chat-id{font-size:.8rem;color:#999;margin-left:.5rem}.messages-container{flex:1;overflow-y:auto;background:#f5f5f5;padding:1rem}.no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#999}.messages-list{display:flex;flex-direction:column;gap:.75rem}.message{display:flex;flex-direction:column;max-width:70%}.message.incoming{align-self:flex-start}.message.outgoing{align-self:flex-end}.message-content{padding:.75rem 1rem;border-radius:12px;word-wrap:break-word}.message.incoming .message-content{background:#fff;border-bottom-left-radius:4px}.message.outgoing .message-content{background:#08c;color:#fff;border-bottom-right-radius:4px}.message-text{margin:0;line-height:1.4;font-size:.95rem}.message-media{margin-top:.5rem}.media-badge{display:inline-block;padding:.25rem .5rem;background:#0000001a;border-radius:4px;font-size:.8rem;font-weight:500}.media-image{max-width:100%;max-height:400px;border-radius:8px;cursor:pointer;display:block}.media-video{max-width:100%;max-height:400px;border-radius:8px;display:block;background:#000}.media-audio{width:100%;max-width:300px;display:block}.message-meta{display:flex;gap:.5rem;margin-top:.25rem;padding:0 .25rem;font-size:.75rem;color:#999}.message.outgoing .message-meta{justify-content:flex-end}.sender{font-weight:500;color:#08c}@media (max-width: 768px){.thread-header{padding:.75rem 1rem}.thread-title h2{font-size:1rem}.chat-id{font-size:.75rem}.messages-container{padding:.75rem}.message{max-width:85%}.message-content{padding:.625rem .875rem}.message-text{font-size:.9rem}.message-meta{font-size:.7rem}}@media (max-width: 480px){.messages-container{padding:.5rem}.message{max-width:90%}.message-content{padding:.5rem .75rem}.message-text{font-size:.875rem}}.scheduled-posts-page-wrapper{flex:1;overflow-y:auto;background-color:#f5f5f5}.scheduled-posts-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.page-header h1{font-size:28px;color:#333;margin:0}.filter-buttons{display:flex;gap:10px}.filter-btn{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.filter-btn:hover{background-color:#e8e8e8}.filter-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.posts-container{min-height:400px}.scheduled-posts-page-wrapper .empty-state{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);text-align:center;padding:60px 20px;color:#666;font-size:18px;background-color:#f5f5f5}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:#666;font-size:16px}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}@media (max-width: 768px){.posts-grid{grid-template-columns:1fr}}.post-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 12px #0000001a}.post-card.pending{border-left:4px solid #007bff}.post-card.sent{border-left:4px solid #28a745}.post-card.failed{border-left:4px solid #dc3545}.post-card.cancelled{border-left:4px solid #6c757d}.post-view{display:flex;flex-direction:column;gap:16px}.post-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.post-info{flex:1;display:flex;flex-direction:column;gap:8px}.chat-title{font-size:18px;font-weight:600;color:#333;margin:0}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge.pending{background-color:#e3f2fd;color:#1976d2}.status-badge.sent{background-color:#e8f5e9;color:#388e3c}.status-badge.failed{background-color:#ffebee;color:#c62828}.status-badge.cancelled{background-color:#f5f5f5;color:#757575}.post-meta{display:flex;align-items:center;gap:8px}.chat-type{padding:4px 8px;background-color:#f5f5f5;border-radius:4px;font-size:12px;color:#666}.post-body{display:flex;flex-direction:column;gap:12px}.post-field{display:flex;flex-direction:column;gap:4px}.post-field label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase}.field-value{font-size:14px;color:#333;display:flex;align-items:center;gap:8px}.field-value .icon{font-size:16px}.caption-text{padding:8px;background-color:#f9f9f9;border-radius:6px;white-space:pre-wrap;word-break:break-word}.post-stats{display:flex;gap:16px;padding-top:8px;border-top:1px solid #f0f0f0}.stat{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.post-field.error .field-value{color:#dc3545;background-color:#fff5f5;padding:8px;border-radius:6px}.post-actions{display:flex;gap:10px;padding-top:12px;border-top:1px solid #f0f0f0}.post-edit{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#555}.form-input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-input:focus{outline:none;border-color:#007bff}.form-input textarea{resize:vertical;min-height:80px}.timezone-hint{font-size:12px;color:#666;font-style:italic}.form-actions{display:flex;gap:10px;padding-top:8px}.btn{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-edit{flex:1;background-color:#17a2b8;color:#fff}.btn-edit:hover{background-color:#138496}.btn-delete{flex:1;background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}@media (max-width: 768px){.scheduled-posts-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start}.filter-buttons{width:100%;overflow-x:auto}}.admin-container{padding:24px;max-width:100%;overflow-x:auto}.admin-header{margin-bottom:24px}.admin-header h1{margin:0 0 16px;font-size:24px;color:#1a1a1a}.admin-actions{margin-bottom:16px;display:flex;gap:12px;align-items:center}.btn-bulk-second-chance{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-bulk-second-chance:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-bulk-second-chance:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af}.admin-summary{display:flex;gap:32px;padding:16px;background:#f5f5f5;border-radius:8px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:24px;font-weight:600;color:#1a1a1a}.summary-value.stars{color:#f59e0b}.summary-value.disabled-count{color:#dc2626}.admin-loading,.admin-error,.admin-empty{text-align:center;padding:48px;color:#666;font-size:16px}.admin-error{color:#dc2626}.admin-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.admin-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.admin-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.admin-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;white-space:nowrap}.admin-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.admin-table tbody tr:hover{background:#f9fafb}.admin-table tbody tr.ai-disabled-row{background:#fef2f2}.admin-table tbody tr.ai-disabled-row:hover{background:#fee2e2}.admin-table td{padding:12px 16px;color:#1f2937}.chat-title{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-count{cursor:help;border-bottom:1px dotted #9ca3af}.date-cell{color:#6b7280;font-size:13px}.stars-cell{font-weight:600;color:#f59e0b}.conversion-cell{font-weight:600}.conversion-cell.low-conversion{color:#dc2626}.next-media-cell{font-size:13px;font-weight:500}.next-media-ready{color:#059669;font-weight:600;cursor:help}.next-media-unknown{color:#9ca3af}.ai-status-cell{min-width:150px}.ai-disabled{display:flex;flex-direction:column;gap:4px}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.status-badge.enabled{background:#d1fae5;color:#065f46}.status-badge.disabled{background:#fee2e2;color:#991b1b}.ai-reason{font-size:11px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px;cursor:help}.actions-column{width:140px;text-align:center}.actions-cell{text-align:center;padding:8px!important}.btn-second-chance{padding:6px 12px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #11998e4d;white-space:nowrap}.btn-second-chance:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #11998e66}.btn-second-chance:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af}.disabled-reason-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#6b7280}.voice-status-cell{text-align:center;font-size:16px}.last-voice-cell{font-size:13px;color:#6b7280}.admin-table-cards{display:none}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px;transition:all .2s}.admin-card:hover{box-shadow:0 4px 12px #0000001a}.admin-card.ai-disabled-card{background:#fef2f2;border-color:#fecaca}.admin-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.admin-card-title{flex:1}.admin-card-title h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#1a1a1a}.admin-card-title .chat-id{font-size:12px;color:#6b7280}.admin-card-status{flex-shrink:0;margin-left:12px}.admin-card-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:12px}.admin-card-field{display:flex;flex-direction:column;gap:4px}.admin-card-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.admin-card-value{font-size:14px;color:#1f2937;font-weight:500}.admin-card-actions{padding-top:12px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}@media (max-width: 1400px){.admin-table{font-size:13px}.admin-table th,.admin-table td{padding:10px 12px}.chat-title{max-width:150px}.disabled-reason-cell{max-width:200px}}@media (max-width: 1024px){.admin-container{padding:16px}.admin-summary{flex-wrap:wrap;gap:16px}.summary-item{flex:1;min-width:120px}.admin-table-container{display:none}.admin-table-cards{display:block}}@media (max-width: 640px){.admin-container{padding:12px}.admin-header h1{font-size:20px}.admin-summary{padding:12px}.summary-item{min-width:100%}.summary-value{font-size:20px}.btn-bulk-second-chance{width:100%;padding:12px 16px}.admin-card-body{grid-template-columns:1fr}}.user-management{padding:20px;max-width:1400px;margin:0 auto}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-management-header h1{margin:0}.btn-create-user{padding:10px 20px;background:#08c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-create-user:hover{background:#069}.user-management-error{background:#fed7d7;border:1px solid #fc8181;color:#c53030;padding:12px 16px;border-radius:6px;margin-bottom:20px}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f7fafc}.users-table th{padding:12px;text-align:left;font-weight:600;font-size:14px;color:#4a5568;border-bottom:2px solid #e2e8f0}.users-table td{padding:12px;border-bottom:1px solid #e2e8f0}.users-table tr:hover{background:#f7fafc}.users-table tr.inactive-user{opacity:.6}.role-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.role-badge.admin{background:#bee3f8;color:#2c5282}.role-badge.user{background:#c6f6d5;color:#22543d}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.status-badge.active{background:#c6f6d5;color:#22543d}.status-badge.inactive{background:#fed7d7;color:#742a2a}.all-accounts{color:#2c5282;font-weight:600}.user-actions{display:flex;gap:8px}.btn-edit,.btn-delete{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px}.btn-edit{background:#08c;color:#fff}.btn-edit:hover{background:#069}.btn-delete{background:#e53e3e;color:#fff}.btn-delete:hover{background:#c53030}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#718096}.modal-content form{padding:20px}.modal-content .form-group{margin-bottom:16px}.modal-content label{display:block;font-weight:600;margin-bottom:4px;font-size:14px}.modal-content input[type=text],.modal-content input[type=email],.modal-content input[type=password],.modal-content select{width:100%;padding:8px 12px;border:1px solid #cbd5e0;border-radius:4px;font-size:14px;box-sizing:border-box}.modal-content small{color:#718096;font-size:12px}.account-checkboxes{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px;border:1px solid #e2e8f0;border-radius:4px}.account-checkbox{display:flex;align-items:center;gap:8px;font-weight:400}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e2e8f0}.modal-actions button{padding:8px 16px;border:1px solid #cbd5e0;border-radius:4px;cursor:pointer;font-size:14px}.modal-actions .btn-primary{background:#08c;color:#fff;border:none}.modal-actions .btn-primary:hover{background:#069}.user-management-loading{padding:20px;text-align:center}.app{height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.app-body{flex:1;display:flex;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;background:#fff}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.empty-state h2{margin-bottom:.5rem;font-size:1.5rem;font-weight:500}.empty-state p{color:#999}.sidebar-backdrop{display:none}@media (max-width: 768px){.app-body{position:relative}.sidebar-backdrop{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content{width:100%}.empty-state h2{font-size:1.2rem}.empty-state p{font-size:.9rem;padding:0 1rem}}