.header{background:linear-gradient(135deg,#1877f2,#0c63e4);color:#fff;padding:30px 20px;box-shadow:0 2px 10px #0000001a}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.header h1{font-size:32px;font-weight:700;margin-bottom:8px}.header p{font-size:16px;opacity:.9}.header-user{display:flex;align-items:center;gap:16px}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.user-email{font-size:14px;font-weight:600}.user-badge{background-color:#ffffff40;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.logout-button{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.logout-button:hover{background-color:#ffffff4d;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.header-actions{display:flex;gap:10px;margin-left:auto}.header-action-btn{background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.header-action-btn:hover{background-color:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.header-action-btn.active{background-color:#ffffff59;border-color:#ffffff80;box-shadow:0 2px 8px #00000026}.header-action-btn:active{transform:translateY(0)}@media (max-width: 768px){.header-content{flex-wrap:wrap}.header-actions{order:3;width:100%;margin-top:15px;margin-left:0}.header-action-btn{flex:1}}.stats-container.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.stats-container .stat-card{background:#e8ecef;padding:18px;border-radius:14px;box-shadow:6px 6px 12px #a3b1c680,-6px -6px 12px #ffffffe6;display:flex;align-items:center;gap:14px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.25,.46,.45,.94);border:none;position:relative;overflow:hidden}.stats-container .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#1877f2 50%,transparent 100%);opacity:0;transition:opacity .3s}.stats-container .stat-card.clickable{cursor:pointer}.stats-container .stat-card.clickable:hover:not(.active){transform:scale(1.02) translateY(-2px);box-shadow:8px 8px 16px #a3b1c699,-8px -8px 16px #fff,inset 2px 2px 4px #a3b1c626}.stats-container .stat-card.clickable:hover:not(.active):before{opacity:1}.stats-container .stat-card.active{transform:scale(.98);box-shadow:inset 5px 5px 10px #a3b1c680,inset -5px -5px 10px #ffffffe6;background:linear-gradient(145deg,#d5dde4,#e8ecef);cursor:default}.stats-container .stat-card.active:before{opacity:1;height:4px;background:linear-gradient(90deg,#1877f2,#1877f2)}.stats-container .stat-icon{font-size:32px;min-width:40px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stats-container .stat-content{flex:1;min-width:0}.stats-container .stat-value{font-size:26px;font-weight:800;color:#1877f2;margin-bottom:3px;line-height:1;letter-spacing:-.5px}.stats-container .stat-label{font-size:11px;color:#5a6c7d;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.stats-container .stats-loading{padding:20px;text-align:center;background:#fff;border-radius:8px;color:#666}.image-lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;cursor:zoom-out;animation:fadeIn .2s ease}.image-lightbox-container{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:15px}.image-lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px #00000080;cursor:default}.image-lightbox-close{position:absolute;top:-45px;right:0;background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:28px;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1}.image-lightbox-close:hover{background:#ffffff4d;border-color:#fffc;transform:rotate(90deg)}.image-lightbox-actions{display:flex;gap:10px;margin-top:5px}.image-lightbox-external{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-size:14px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.image-lightbox-external:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width: 768px){.image-lightbox-container{max-width:95vw;max-height:95vh}.image-lightbox-image{max-height:80vh}.image-lightbox-close{top:-40px;width:40px;height:40px;font-size:24px}.image-lightbox-external{font-size:12px;padding:8px 16px}}.comment-item{background:#e8ecef;padding:22px;border-radius:16px;box-shadow:6px 6px 12px #a3b1c680,-6px -6px 12px #ffffffe6;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.25,.46,.45,.94);position:relative}.post-preview{background:linear-gradient(145deg,#d5dde4,#e8ecef);padding:14px 16px;border-radius:12px;margin-bottom:14px;box-shadow:inset 3px 3px 6px #a3b1c666,inset -2px -2px 4px #fffc;position:relative;overflow:hidden;border:none}.post-preview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#1877f2,#0c63e4);box-shadow:0 0 8px #1877f24d}.post-preview-label{font-size:10px;font-weight:700;color:#1877f2;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.post-preview-label:before{content:"📄";font-size:12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.post-preview-text{font-size:13px;color:#5a6c7d;line-height:1.5;font-weight:500;margin-left:4px}.comment-avatar{width:42px;height:42px;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0;position:relative;box-shadow:3px 3px 6px #a3b1c666,-2px -2px 4px #fffc}.comment-avatar.banned-avatar{background-color:#ffcdd2!important}.comment-avatar.banned-avatar:after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:900;color:#c62828;text-shadow:0 0 3px white,0 0 5px white}.reply-avatar{width:28px;height:28px;border-radius:50%;margin-right:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;position:relative;box-shadow:2px 2px 4px #a3b1c666,-1px -1px 3px #fffc}.reply-avatar.banned-avatar{background-color:#ffcdd2!important}.reply-avatar.banned-avatar:after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:900;color:#c62828;text-shadow:0 0 2px white,0 0 3px white}.comment-item:hover{box-shadow:8px 8px 16px #a3b1c699,-8px -8px 16px #fff,inset 2px 2px 4px #a3b1c61a}.comment-item.comment-deleted{background:#ffebee;border-left:4px solid #ef5350}.comment-item.comment-hidden{background:#f5f5f5;border-left:4px solid #9e9e9e}.comment-item.comment-from-page{background:#e3f2fd;border-left:4px solid #2196f3}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.comment-author{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px;font-weight:600;color:#2c3e50}.comment-author strong.banned-user{color:#c62828;text-decoration:line-through}.user-actions{display:flex;gap:4px;margin-left:4px}.user-action-btn{padding:4px 10px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;height:24px;box-shadow:0 2px 4px #0000001a}.user-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.user-action-btn:active{transform:translateY(0)}.user-action-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.user-action-btn.btn-ban{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff}.user-action-btn.btn-ban:hover{background:linear-gradient(135deg,#c62828,#b71c1c)}.user-action-btn.btn-unban{background:linear-gradient(135deg,#66bb6a,#388e3c);color:#fff}.user-action-btn.btn-unban:hover{background:linear-gradient(135deg,#4caf50,#2e7d32)}.user-action-btn.btn-ban-confirm,.user-action-btn.btn-unban-confirm{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;animation:pulse .5s ease-in-out}.user-action-btn.btn-ban-confirm:hover,.user-action-btn.btn-unban-confirm:hover{background:linear-gradient(135deg,#fb8c00,#ef6c00)}.badge-separator{color:#5a6c7d;font-size:16px;font-weight:400;margin:0 6px;opacity:.4}.ad-badge{background:linear-gradient(135deg,#42a5f5,#1976d2);color:#fff}.nested-reply-badge{background:linear-gradient(135deg,#9c27b0,#6a1b9a);color:#fff;font-size:10px;padding:2px 6px}.processed-badge,.archived-badge{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.hidden-badge{background:linear-gradient(135deg,#757575,#616161);color:#fff}.deleted-badge{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.banned-badge{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff}.language-indicator{color:#333;font-weight:600;font-size:13px;letter-spacing:.3px;text-shadow:0 1px 1px rgba(255,255,255,.8);cursor:help;transition:all .2s ease;margin-right:8px}.language-indicator .flag-emoji{font-size:16px;margin-right:4px}.language-indicator:hover{color:#555;text-shadow:0 1px 2px rgba(255,255,255,.9)}.ai-badge-outraged{background:linear-gradient(135deg,#c62828,#8e0000);color:#fff;font-weight:800;box-shadow:0 3px 10px #c6282866}.ai-badge-furious{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;font-weight:700;box-shadow:0 2px 8px #d32f2f4d}.ai-badge-angry{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff;box-shadow:0 2px 6px #ef53504d}.ai-badge-disappointed{background:linear-gradient(135deg,#ff8a65,#ff6e40);color:#fff}.ai-badge-annoyed{background:linear-gradient(135deg,#ff9e80,#ff6f00);color:#333;font-weight:600}.ai-badge-complaining{background:linear-gradient(135deg,#ff6f61,#e57373);color:#fff;box-shadow:0 2px 6px #ff6f614d}.ai-badge-skeptical-negative{background:linear-gradient(135deg,#ff5252,#d32f2f);color:#fff;font-weight:700;box-shadow:0 2px 6px #ff52524d}.ai-badge-worried{background:linear-gradient(135deg,#ffb74d,#ff9800);color:#333;font-weight:700}.ai-badge-hesitant{background:linear-gradient(135deg,#ffcc80,#ffb74d);color:#333;font-weight:600}.ai-badge-eager{background:linear-gradient(135deg,#ffd54f,#ffa000);color:#333;font-weight:800;animation:eager-pulse 1.5s infinite}.ai-badge-fascinated{background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff;font-weight:700}.ai-badge-interested{background:linear-gradient(135deg,#64b5f6,#2196f3);color:#fff}.ai-badge-casual{background:linear-gradient(135deg,#81d4fa,#4fc3f7);color:#333;font-weight:600}.ai-badge-ecstatic{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;font-weight:800;box-shadow:0 3px 10px #4caf5066}.ai-badge-delighted{background:linear-gradient(135deg,#81c784,#4caf50);color:#fff;font-weight:600}.ai-badge-grateful{background:linear-gradient(135deg,#9ccc65,#7cb342);color:#fff}.ai-badge-relieved{background:linear-gradient(135deg,#aed581,#9ccc65);color:#333;font-weight:600}.ai-badge-indifferent{background:linear-gradient(135deg,#b0bec5,#90a4ae);color:#333}.comment-date{font-size:13px;color:#999}.comment-message{color:#2c3e50;line-height:1.7;margin-bottom:14px;word-wrap:break-word;font-size:15px}.comment-attachment{margin-top:12px;margin-bottom:12px}.attachment-image{max-width:300px;max-height:200px;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:block}.attachment-image:hover{transform:scale(1.02);box-shadow:0 4px 12px #0003}.attachment-sticker{max-width:150px;max-height:150px;cursor:pointer;transition:transform .2s;display:block}.attachment-sticker:hover{transform:scale(1.1)}.attachment-gif{max-width:300px;max-height:300px;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:block}.attachment-gif:hover{transform:scale(1.02);box-shadow:0 4px 12px #0003}.attachment-video{padding:12px;background:#e3f2fd;border-radius:8px;display:inline-block}.attachment-video a{color:#1976d2;text-decoration:none;font-weight:600;font-size:14px}.attachment-video a:hover{text-decoration:underline}.attachment-error{padding:16px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;display:inline-flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:300px}.attachment-error span{font-size:14px;color:#856404;font-weight:500}.attachment-error a{color:#06c;text-decoration:none;font-size:13px;font-weight:600}.attachment-error a:hover{text-decoration:underline}.translation-info{font-size:12px;color:#1976d2;background:#e3f2fd;padding:4px 8px;border-radius:4px;display:inline-block;margin-right:8px;margin-bottom:0;font-weight:600}.comment-footer{display:flex;justify-content:flex-start;align-items:center;padding-top:16px;margin-top:16px;border-top:2px solid rgba(163,177,198,.2);gap:12px}.comment-footer-left{display:flex;align-items:center;gap:12px}.comment-actions{display:flex;gap:8px;margin-left:0}button.action-btn{padding:8px 16px!important;border:none!important;border-radius:10px!important;font-size:13px!important;font-weight:600!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;line-height:1!important;letter-spacing:.3px!important;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.25,.46,.45,.94)!important;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;height:36px!important;min-width:fit-content;box-shadow:3px 3px 6px #a3b1c666,-2px -2px 4px #ffffffe6!important}button.action-btn:hover:not(:disabled){transform:scale(1.05) translateY(-2px)!important;box-shadow:5px 5px 10px #a3b1c680,-3px -3px 6px #fff!important}button.action-btn:active:not(:disabled){transform:scale(.98)!important;box-shadow:inset 2px 2px 4px #a3b1c666,inset -2px -2px 4px #fffc!important}button.action-btn.btn-translate{background:#42a5f5!important;color:#fff!important}button.action-btn.btn-translate:hover:not(:disabled){background:#2196f3!important}button.action-btn.btn-translate:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}button.action-btn.btn-archive{background:#66bb6a!important;color:#fff!important}button.action-btn.btn-archive:hover:not(:disabled){background:#4caf50!important}button.action-btn.btn-hide{background:#757575!important;color:#fff!important}button.action-btn.btn-hide:hover:not(:disabled){background:#616161!important}button.action-btn.btn-unhide{background:#66bb6a!important;color:#fff!important}button.action-btn.btn-unhide:hover:not(:disabled){background:#4caf50!important}button.action-btn.btn-hide-confirm,button.action-btn.btn-unhide-confirm{background:#ff9800!important;color:#fff!important;animation:pulse .5s ease-in-out}button.action-btn.btn-hide-confirm:hover,button.action-btn.btn-unhide-confirm:hover{background:#fb8c00!important}button.action-btn.btn-delete{background:#ef5350!important;color:#fff!important}button.action-btn.btn-delete:hover:not(:disabled){background:#f44336!important}button.action-btn.btn-delete-confirm{background:#ff9800!important;color:#fff!important;animation:pulse .5s ease-in-out}button.action-btn.btn-delete-confirm:hover{background:#fb8c00!important}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.comment-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:#f5f5f5;padding:4px 10px;border-radius:12px;font-size:12px;color:#666}.comment-replies{margin-top:0;margin-left:0;padding:16px 22px 22px;background:transparent;border-radius:0;box-shadow:none;position:relative;border-left:none;border-top:1px solid rgba(163,177,198,.15)}.comment-replies:before{content:none}.reply-item{background:#fff6;padding:14px 16px;border-radius:10px;margin-bottom:10px;margin-left:20px;box-shadow:2px 2px 4px #a3b1c640,-1px -1px 3px #ffffffb3;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reply-item:hover{transform:scale(1.01) translateY(-1px);box-shadow:3px 3px 6px #a3b1c64d,-2px -2px 4px #fffc}.reply-item:last-child{margin-bottom:0}.reply-item.reply-from-page{background:#2196f31f;border-left:none;margin-left:40px;border-radius:0 10px 10px 0}.reply-item.reply-from-page:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#2196f3,#1976d2);border-radius:0;box-shadow:0 0 6px #2196f366}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reply-author{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reply-author strong{color:#1976d2;font-size:14px}.reply-date{font-size:12px;color:#999}.reply-delete-btn{padding:6px 10px;border:none;border-radius:8px;font-size:11px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;background:#ef5350;color:#fff;box-shadow:2px 2px 4px #a3b1c666,-1px -1px 3px #fffc}.reply-delete-btn:hover{background:#f44336;transform:scale(1.05) translateY(-1px);box-shadow:3px 3px 6px #a3b1c680,-2px -2px 4px #ffffffe6}.reply-delete-btn:active{transform:scale(.98);box-shadow:inset 2px 2px 4px #a3b1c666,inset -1px -1px 3px #ffffffb3}.reply-delete-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.reply-delete-btn.confirm{background:#ff9800;color:#fff;animation:pulse .5s ease-in-out}.reply-delete-btn.confirm:hover{background:#fb8c00}.reply-actions{display:flex;gap:6px;align-items:center}.reply-translate-btn{padding:6px 10px;border:none;border-radius:8px;font-size:11px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;background:#42a5f5;color:#fff;box-shadow:2px 2px 4px #a3b1c666,-1px -1px 3px #fffc}.reply-translate-btn:hover{background:#2196f3;transform:scale(1.05) translateY(-1px);box-shadow:3px 3px 6px #a3b1c680,-2px -2px 4px #ffffffe6}.reply-translate-btn:active{transform:scale(.98);box-shadow:inset 2px 2px 4px #a3b1c666,inset -1px -1px 3px #ffffffb3}.reply-translate-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.reply-message{color:#555;font-size:14px;line-height:1.5;word-wrap:break-word;margin-bottom:8px}.comment-item.selection-mode{cursor:pointer;display:flex;align-items:flex-start;gap:12px}.comment-item.selection-mode.selected{background:#e3f2fd;border-left:4px solid #1877f2}.comment-checkbox{flex-shrink:0;padding-top:2px}.comment-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#1877f2}.ai-context-indicator{margin-left:6px;font-size:14px;animation:ai-glow 2s ease-in-out infinite;cursor:help;display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ai-context-indicator:hover{transform:scale(1.2) rotate(10deg);animation:none}@keyframes ai-glow{0%,to{opacity:1;filter:drop-shadow(0 0 2px rgba(240,147,251,.6))}50%{opacity:.8;filter:drop-shadow(0 0 6px rgba(245,87,108,.8))}}.ai-badge-container{display:inline-flex;align-items:center;gap:6px}.reclassify-btn{background:transparent;border:none;padding:0;font-size:16px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.reclassify-btn:hover:not(:disabled){transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.reclassify-btn:active:not(:disabled){transform:scale(1.05);filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.reclassify-btn:disabled{opacity:.5;cursor:not-allowed;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}@media (max-width: 768px){.comment-item{padding:14px;border-radius:12px}.post-preview{padding:10px 12px;font-size:12px}.post-preview-text{font-size:12px}.comment-header{flex-direction:column;align-items:flex-start;gap:8px}.comment-author{font-size:14px;display:flex;flex-wrap:wrap;align-items:center;row-gap:6px}.user-actions+.badge-separator{display:none}.user-actions:after{content:"";width:100%;height:0}.language-indicator{margin-right:8px}.ad-badge{display:none}.ad-badge+.badge-separator{display:none}.badge-separator+.ad-badge{display:none}.badge-separator:has(+.ad-badge){display:none}.comment-date{font-size:12px}.comment-message{font-size:14px}.comment-footer{flex-direction:column;align-items:stretch;gap:10px}.comment-actions{flex-wrap:wrap;width:100%}button.action-btn{padding:8px 12px!important;font-size:12px!important;height:32px!important;min-width:0!important;flex:1 1 auto}.user-action-btn{padding:4px 8px;font-size:11px}.comment-avatar{width:36px;height:36px;font-size:14px}.reply-item{margin-left:10px;padding:10px 12px}.reply-avatar{width:24px;height:24px;font-size:10px}.reply-message{font-size:13px}.reply-delete-btn,.reply-translate-btn{padding:4px 8px;font-size:10px}.attachment-image,.attachment-gif{max-width:100%;max-height:200px}.ai-badge-container{flex-wrap:wrap}}.comments-list{display:flex;flex-direction:column;gap:15px}.comments-loading,.comments-empty{background:#fff;padding:60px 20px;border-radius:8px;text-align:center;color:#666}.spinner{width:40px;height:40px;margin:0 auto 20px;border:4px solid #f3f3f3;border-top:4px solid #1877f2;border-radius:50%;animation:spin 1s linear infinite}.toast{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:600;z-index:10000;animation:slideIn .4s cubic-bezier(.68,-.55,.265,1.55)}.toast-exit{animation:slideOut .3s ease-in forwards}.toast-success{background:#4caf50;color:#fff}.toast-error{background:#f44336;color:#fff}.toast-info{background:#e0e0e0;color:#333}@keyframes slideIn{0%{transform:translate(400px) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(400px) scale(.8);opacity:0}}.comment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#a3b1c699;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:commentModalFadeIn .3s ease}@keyframes commentModalFadeIn{0%{opacity:0}to{opacity:1}}.comment-modal-content{background:#e8ecef;border-radius:20px;width:700px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 0 0 2px #a3b1c659,12px 12px 24px #a3b1c699;animation:commentModalSlideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes commentModalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.comment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(163,177,198,.2)}.comment-modal-header h2{margin:0;font-size:22px;font-weight:700;color:#1877f2;letter-spacing:-.3px}.close-btn{background:#e8ecef;border:none;font-size:20px;cursor:pointer;color:#5a6c7d;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:4px 4px 8px #a3b1c680;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,color .2s ease}.close-btn:hover{color:#dc3545;transform:scale(1.05) rotate(90deg);box-shadow:6px 6px 12px #a3b1c699}.close-btn:active{transform:scale(.95) rotate(90deg);box-shadow:inset 3px 3px 6px #a3b1c666}.comment-modal-body{padding:24px 28px}.comment-info{background:#e8ecef;padding:18px 20px;border-radius:14px;margin-bottom:24px;box-shadow:inset 4px 4px 8px #a3b1c666}.comment-info strong{display:block;margin-bottom:10px;color:#1877f2;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.comment-info p{margin:10px 0;line-height:1.7;color:#333;font-size:14px}.comment-info small{color:#5a6c7d;font-size:12px;font-weight:600}.comment-attachment-modal{margin-top:12px;margin-bottom:12px;display:flex;justify-content:center}.attachment-image-modal{max-width:400px;max-height:300px;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:block}.attachment-image-modal:hover{transform:scale(1.03) translateY(-2px)}.attachment-sticker-modal{max-width:200px;max-height:200px;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:block;filter:drop-shadow(4px 4px 8px rgba(163,177,198,.4))}.attachment-sticker-modal:hover{transform:scale(1.15) rotate(5deg);filter:drop-shadow(6px 6px 12px rgba(163,177,198,.6))}.attachment-gif-modal{max-width:400px;max-height:350px;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:block}.attachment-gif-modal:hover{transform:scale(1.03) translateY(-2px)}.attachment-video-modal{padding:14px 18px;background:#e8ecef;border-radius:12px;display:inline-block;box-shadow:4px 4px 8px #a3b1c680;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.attachment-video-modal:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #a3b1c699}.attachment-video-modal a{color:#1877f2;text-decoration:none;font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}.attachment-video-modal a:hover{color:#166fe5}.form-section{margin-bottom:24px}.form-section:last-of-type{margin-bottom:0}.form-section label{display:block;margin-bottom:10px;font-weight:700;font-size:13px;color:#5a6c7d;text-transform:uppercase;letter-spacing:.5px}.form-section input,.form-section textarea{width:100%;padding:12px 16px;border:none;border-radius:12px;font-size:14px;font-family:inherit;background:#e8ecef;color:#333;box-shadow:inset 4px 4px 8px #a3b1c666;transition:box-shadow .3s ease}.form-section input:focus,.form-section textarea:focus{outline:none;box-shadow:inset 5px 5px 10px #a3b1c680,0 0 0 2px #1877f233}.form-section textarea{resize:vertical;min-height:100px;line-height:1.6}.btn{padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,opacity .2s ease;box-shadow:5px 5px 10px #a3b1c680;letter-spacing:.3px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:not(:disabled):hover{transform:scale(1.02) translateY(-1px);box-shadow:6px 6px 12px #a3b1c699}.btn:not(:disabled):active{transform:scale(.98);box-shadow:inset 3px 3px 6px #a3b1c666}.btn-primary{background:linear-gradient(135deg,#1877f2,#166fe5);color:#fff;flex:1;font-size:15px;box-shadow:5px 5px 10px #1877f24d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#166fe5,#1565c0);box-shadow:6px 6px 14px #1877f266}.btn-primary:active:not(:disabled){box-shadow:inset 4px 4px 8px #166fe566}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid rgba(163,177,198,.2)}.btn-success{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;flex:1;box-shadow:5px 5px 10px #43a0474d}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:6px 6px 14px #43a04766}.btn-success:active:not(:disabled){box-shadow:inset 4px 4px 8px #43a04766}.btn-warning{background:linear-gradient(135deg,#757575,#616161);color:#fff;flex:1;box-shadow:5px 5px 10px #6161614d}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#616161,#424242);box-shadow:6px 6px 14px #61616166}.btn-warning:active:not(:disabled){box-shadow:inset 4px 4px 8px #42424266}.btn-warning-confirm{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;flex:1;animation:pulse .5s ease-in-out;box-shadow:5px 5px 10px #ff98004d}.btn-warning-confirm:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:6px 6px 14px #ff980066}.btn-warning-confirm:active:not(:disabled){box-shadow:inset 4px 4px 8px #f57c0066}.btn-unhide{background:linear-gradient(135deg,#81c784,#66bb6a);color:#fff;flex:1;box-shadow:5px 5px 10px #66bb6a4d}.btn-unhide:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#43a047);box-shadow:6px 6px 14px #66bb6a66}.btn-unhide:active:not(:disabled){box-shadow:inset 4px 4px 8px #66bb6a66}.btn-unhide-confirm{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;flex:1;animation:pulse .5s ease-in-out;box-shadow:5px 5px 10px #ff98004d}.btn-unhide-confirm:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:6px 6px 14px #ff980066}.btn-unhide-confirm:active:not(:disabled){box-shadow:inset 4px 4px 8px #f57c0066}.btn-danger{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff;flex:1;box-shadow:5px 5px 10px #ef53504d}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#e53935,#c62828);box-shadow:6px 6px 14px #ef535066}.btn-danger:active:not(:disabled){box-shadow:inset 4px 4px 8px #e5393566}.btn-danger-confirm{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;flex:1;animation:pulse .5s ease-in-out;box-shadow:5px 5px 10px #ff98004d}.btn-danger-confirm:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:6px 6px 14px #ff980066}.btn-danger-confirm:active:not(:disabled){box-shadow:inset 4px 4px 8px #f57c0066}.comment-modal-post-preview{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px 16px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 12px #667eea4d}.comment-modal-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2);flex-wrap:wrap;gap:8px}.comment-modal-post-header strong{font-size:14px;text-transform:uppercase;letter-spacing:.5px}.post-links{display:flex;gap:8px;flex-wrap:wrap}.post-link{color:#fff;text-decoration:none;font-size:13px;font-weight:500;background:#fff3;padding:4px 10px;border-radius:4px;transition:background .2s;white-space:nowrap}.post-link:hover{background:#ffffff4d}.post-link.landing-link{background:#4caf504d}.post-link.landing-link:hover{background:#4caf5080}.comment-modal-post-content{line-height:1.6;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.post-title{font-size:16px;margin-bottom:8px}.post-description{margin-bottom:8px;opacity:.95}.post-message{margin-top:8px;opacity:.9}.post-image{margin-top:12px;margin-left:auto;margin-right:auto;max-width:500px;display:flex;justify-content:center}.post-image img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain}.post-video-preview{margin-top:12px;display:flex;justify-content:center;flex-direction:column;align-items:center}.video-thumbnail{position:relative;cursor:pointer;max-width:500px;width:100%}.video-thumbnail img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;transition:background .3s}.video-thumbnail:hover .video-play-overlay{background:#000000d9}.video-watch-link{display:inline-block;margin-top:10px;padding:8px 16px;background:#fff3;color:#fff;text-decoration:none;border-radius:6px;font-size:13px;font-weight:600;transition:background .2s}.video-watch-link:hover{background:#ffffff4d}.post-footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.post-footer-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dark-post-badge{padding:6px 10px;background:#ffc107e6;color:#000;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.landing-page-button{padding:6px 12px;background:#4caf50e6;color:#fff;border-radius:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block;transition:background .2s;white-space:nowrap}.landing-page-button:hover{background:#4caf50}.post-link-footer{padding:6px 12px;background:#fff3;color:#fff;border-radius:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block;transition:background .2s;white-space:nowrap}.post-link-footer:hover{background:#ffffff4d}.file-upload-section{margin:20px 0}.btn-secondary{background:#e8ecef;color:#5a6c7d;display:inline-block;cursor:pointer;padding:12px 20px;border-radius:12px;border:none;font-size:14px;font-weight:700;letter-spacing:.3px;box-shadow:5px 5px 10px #a3b1c680;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,color .2s ease}.btn-secondary:hover:not(:disabled){color:#1877f2;transform:scale(1.02) translateY(-1px);box-shadow:6px 6px 12px #a3b1c699}.btn-secondary:active:not(:disabled){transform:scale(.98);box-shadow:inset 3px 3px 6px #a3b1c666}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.file-preview{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;background:#e8ecef;border-radius:12px;border:none;box-shadow:inset 3px 3px 6px #a3b1c64d}.file-name{flex:1;font-size:14px;color:#333;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-remove-file{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;flex-shrink:0;box-shadow:3px 3px 6px #ef53504d;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.btn-remove-file:hover:not(:disabled){background:linear-gradient(135deg,#e53935,#c62828);transform:scale(1.1) rotate(90deg);box-shadow:4px 4px 8px #ef535066}.btn-remove-file:active:not(:disabled){transform:scale(.95) rotate(90deg);box-shadow:inset 3px 3px 6px #e5393580}.btn-remove-file:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ai-reply-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:20px;margin:20px 0;box-shadow:8px 8px 16px #667eea66;position:relative;overflow:hidden}.ai-reply-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%)}.ai-reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.25);flex-wrap:wrap;gap:10px}.ai-reply-header strong{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.ai-reply-info{color:#fffffff2;font-size:12px;font-weight:600;background:#fff3;padding:5px 10px;border-radius:8px;box-shadow:inset 0 1px 2px #0000001a}.ai-reply-content{color:#fff;line-height:1.7;margin-bottom:14px;padding:14px 16px;background:#ffffff26;border-radius:10px;white-space:pre-wrap;word-wrap:break-word;box-shadow:inset 2px 2px 4px #0000001a}.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1;font-size:15px;box-shadow:5px 5px 10px #667eea66}.btn-ai:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#64408a);box-shadow:6px 6px 14px #667eea80}.btn-ai:active:not(:disabled){box-shadow:inset 4px 4px 8px #5568d380}.btn-like{background:linear-gradient(135deg,#4267b2,#365899);color:#fff;flex:0 0 auto;min-width:100px;font-size:15px;box-shadow:5px 5px 10px #4267b266}.btn-like:hover:not(:disabled){background:linear-gradient(135deg,#365899,#29487d);box-shadow:6px 6px 14px #4267b280;transform:translateY(-1px)}.btn-like:active:not(:disabled){box-shadow:inset 4px 4px 8px #36589980;transform:translateY(0)}.btn-like:disabled{opacity:.6;cursor:not-allowed}.btn-small{padding:8px 16px;font-size:13px}.reply-buttons{display:flex;gap:10px;margin-top:10px}.reply-buttons .btn{flex:1}.btn-success-confirm{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;flex:1;animation:pulse .5s ease-in-out;box-shadow:5px 5px 10px #ff98004d}.btn-success-confirm:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:6px 6px 14px #ff980066}.btn-success-confirm:active:not(:disabled){box-shadow:inset 4px 4px 8px #f57c0066}.checkbox-label{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#e8ecef;border-radius:12px;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:5px 5px 10px #a3b1c680;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.checkbox-label:hover{transform:scale(1.01) translateY(-1px);box-shadow:6px 6px 12px #a3b1c699}.checkbox-label:active{transform:scale(.99);box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffffb3}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-label span{font-weight:700;font-size:14px;color:#333;display:flex;align-items:center;gap:12px;position:relative}.checkbox-label input[type=checkbox]+span:before{content:"";width:52px;height:26px;background:#d5dde4;border-radius:13px;transition:background .3s ease,box-shadow .3s ease;position:relative;display:inline-block;flex-shrink:0;box-shadow:inset 3px 3px 6px #a3b1c666}.checkbox-label input[type=checkbox]+span:after{content:"";position:absolute;width:20px;height:20px;background:#e8ecef;border-radius:50%;left:3px;top:50%;transform:translateY(-50%);transition:left .3s cubic-bezier(.34,1.56,.64,1),background .3s ease,box-shadow .3s ease;box-shadow:3px 3px 6px #a3b1c680}.checkbox-label input[type=checkbox]:checked+span:before{background:linear-gradient(135deg,#66bb6a,#43a047);box-shadow:inset 2px 2px 4px #43a0474d}.checkbox-label input[type=checkbox]:checked+span:after{left:29px;background:#fff;box-shadow:3px 3px 6px #43a04766}.checkbox-label input[type=checkbox]:disabled+span{opacity:.5;cursor:not-allowed}.checkbox-label input[type=checkbox]:disabled~*{cursor:not-allowed}.ai-context-box{background:#006d77;border-radius:16px;padding:18px 22px;margin-bottom:24px;box-shadow:8px 8px 16px #006d7766;position:relative;overflow:hidden}.ai-context-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%)}.ai-context-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.3);flex-wrap:wrap;gap:10px}.ai-context-header strong{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.badge{padding:5px 10px;border-radius:8px;font-size:12px;font-weight:700;box-shadow:2px 2px 4px #00000026,inset 0 1px #ffffff4d;letter-spacing:.3px}.ai-badge-furious{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;animation:furious-pulse 1s infinite;font-weight:700}@keyframes furious-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 2px 4px #0000001a}50%{opacity:.9;transform:scale(1.05);box-shadow:0 4px 12px #d32f2f66}}.ai-badge-angry{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff;animation:urgent-pulse 2s infinite}@keyframes urgent-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.ai-badge-frustrated{background:linear-gradient(135deg,#ff7043,#f4511e);color:#fff}.ai-badge-concerned{background:linear-gradient(135deg,#ffca28,#ff9800);color:#333;font-weight:700}.ai-badge-skeptical{background:linear-gradient(135deg,#ffa726,#f57c00);color:#fff}.ai-badge-curious{background:linear-gradient(135deg,#29b6f6,#0288d1);color:#fff}.ai-badge-eager{background:linear-gradient(135deg,#ffd54f,#ffa000);color:#333;font-weight:800;animation:eager-pulse 1.5s infinite;text-transform:uppercase;letter-spacing:.5px}@keyframes eager-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 2px 4px #0000001a}50%{opacity:.95;transform:scale(1.03);box-shadow:0 4px 12px #ffa00066}}.ai-badge-enthusiastic{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;font-weight:700}.ai-badge-satisfied{background:linear-gradient(135deg,#81c784,#66bb6a);color:#fff}.ai-badge-neutral{background:linear-gradient(135deg,#90a4ae,#607d8b);color:#fff}.ai-badge-failed{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff;cursor:help;border:1px dashed rgba(255,255,255,.3)}.ai-badge-failed:hover{opacity:.85}.ai-context-item{margin-bottom:14px}.ai-context-item:last-child{margin-bottom:0}.ai-context-label{color:#ffffffe6;font-size:12px;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.ai-context-value{color:#fff;font-size:14px;line-height:1.6;padding:10px 14px;background:#ffffff26;border-radius:10px;box-shadow:inset 2px 2px 4px #0000001a}.ai-suggested-elements{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.suggested-element-tag{padding:6px 12px;background:#ffffff40;color:#fff;border-radius:8px;font-size:12px;font-weight:600;box-shadow:inset 0 1px 2px #0000001a;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.suggested-element-tag:hover{background:#ffffff59;transform:scale(1.05) translateY(-2px);box-shadow:inset 0 1px 2px #0000001a,0 2px 6px #0003}@media (max-width: 768px){.comment-modal-overlay{padding:10px;align-items:flex-start}.comment-modal-content{width:100%;max-width:100%;max-height:95vh;border-radius:12px;margin-top:10px}.comment-modal-body,.comment-modal-header{padding:16px}.comment-modal-header h2{font-size:18px}.comment-info{padding:12px 14px}.form-section input,.form-section textarea{padding:10px 12px;font-size:16px}.btn{padding:10px 18px;font-size:13px}.actions{flex-direction:column;gap:8px}.actions .btn{width:100%}.post-image,.video-thumbnail{max-width:100%}.attachment-image-modal,.attachment-gif-modal{max-width:100%;max-height:250px}.ai-reply-preview{padding:12px;font-size:13px}.landing-url-input{flex-direction:column;gap:8px}.url-input-wrapper{width:100%}}.page-selector{display:flex;align-items:center;gap:12px;background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.page-selector label{font-weight:600;color:#333;white-space:nowrap}.page-selector select{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:border-color .2s}.page-selector select:hover{border-color:#1877f2}.page-selector select:focus{outline:none;border-color:#1877f2;box-shadow:0 0 0 3px #1877f21a}@media (max-width: 768px){.page-selector{padding:12px 16px}.page-selector select{font-size:14px;padding:10px 35px 10px 12px}.page-selector-label{font-size:12px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}.modal-content.system-user-guide-modal{max-width:1000px}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px 30px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:24px;color:#fff}.close-button{background:#fff3;border:none;font-size:32px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}.close-button:hover{background:#ffffff4d}.modal-body{padding:30px}.automation-box{margin-bottom:30px;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.automation-split{display:grid;grid-template-columns:1fr 1fr;gap:0}.manual-section,.auto-section{padding:20px}.manual-section{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-right:3px solid #ff9800}.auto-section{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.manual-section h4,.auto-section h4{margin:0 0 12px;font-size:16px;font-weight:600}.manual-section ul,.auto-section ul{margin:0;padding-left:20px;list-style:none}.manual-section li,.auto-section li{margin:6px 0;font-size:14px;padding-left:5px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:12px 0;padding:16px;background:#f5f5f5;border-radius:8px}.permissions-grid div{padding:8px 12px;background:#fff;border-radius:4px;font-size:13px;border-left:3px solid #667eea}.webhook-config{background:#f9f9f9;padding:16px;border-radius:8px;border:1px solid #ddd}.guide-steps{display:flex;flex-direction:column;gap:20px}.step{display:flex;gap:20px;position:relative}.step:not(:last-child):after{content:"";position:absolute;left:19px;top:50px;width:2px;height:calc(100% - 20px);background:#e0e0e0;z-index:-1}.step-number{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.step-content{flex:1}.step-content h3{margin:0 0 12px;color:#333;font-size:18px}.step-content p{margin:8px 0;line-height:1.6;color:#555}.step-content ul{margin:12px 0;padding-left:20px}.step-content li{margin:8px 0;line-height:1.6}.external-link{display:inline-block;padding:10px 20px;background:#1877f2;color:#fff;text-decoration:none;border-radius:6px;margin:12px 0;transition:background .2s}.external-link:hover{background:#145dbf}.copy-box,.code-box{display:flex;align-items:center;gap:12px;background:#f5f5f5;padding:12px 16px;border-radius:6px;margin:12px 0;border:1px solid #ddd}.copy-box code,.code-box code{flex:1;font-family:Courier New,monospace;font-size:13px;color:#333;word-break:break-all}.copy-button{flex-shrink:0;padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background .2s}.copy-button:hover{background:#5568d3}.step-note{background:#fff8e1;padding:12px;border-radius:6px;border-left:3px solid #ffc107;margin:12px 0;font-size:14px}.step-warning{background:#ffebee;padding:12px;border-radius:6px;border-left:3px solid #f44336;margin:12px 0;font-size:14px}.step-success{background:#e8f5e9;padding:12px;border-radius:6px;border-left:3px solid #4caf50;margin:12px 0;font-size:14px;font-weight:500}.toggle-example{background:#f5f5f5;padding:16px;border-radius:6px;text-align:center;margin:12px 0;border:2px dashed #ddd}.credentials-section{display:flex;flex-direction:column;gap:16px;margin:12px 0}.credential-item{background:#f9f9f9;padding:16px;border-radius:6px;border-left:4px solid #667eea}.credential-item strong{color:#667eea;display:block;margin-bottom:8px}.credential-item p{margin:4px 0;font-size:14px}.guide-footer{margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0}.help-section h4{margin:0 0 12px;color:#333}.help-section ul{margin:0;padding-left:20px}.help-section li{margin:8px 0;line-height:1.6}.modal-footer{padding:20px 30px;border-top:2px solid #f0f0f0;display:flex;justify-content:center;background:#f9f9f9;border-radius:0 0 12px 12px}.close-modal-button{padding:12px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.close-modal-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-header{border-radius:0}.modal-body{padding:20px}.step{gap:12px}.copy-box{flex-direction:column;align-items:stretch}.copy-button{width:100%}.automation-split{grid-template-columns:1fr}.manual-section{border-right:none;border-bottom:3px solid #ff9800}.permissions-grid{grid-template-columns:1fr}}.settings{max-width:1200px;margin:0 auto;padding:20px}.settings .settings-header{background:#e8ecef;padding:28px 32px;border-radius:20px;margin-bottom:30px;box-shadow:8px 8px 16px #a3b1c699,-8px -8px 16px #ffffffe6}.settings .settings-header h2{margin:0 0 12px;font-size:28px;color:#2c3e50;font-weight:700}.settings .settings-description{margin:0;color:#5a6c7d;font-size:14px;line-height:1.6;font-weight:500}.settings .header-actions{display:flex;gap:15px;align-items:center}.settings .btn-add-page{padding:12px 24px;background:#1877f2;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.settings .btn-add-page:hover{background:#166fe5}.settings .btn-secondary{background:#f0f2f5;color:#333}.settings .btn-secondary:hover{background:#e4e6eb}.settings .config-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.settings .config-form h3{margin-top:0;margin-bottom:25px;color:#1877f2}.settings .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.settings .form-group{margin-bottom:20px}.settings .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.settings .form-group input,.settings .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit}.settings .form-group textarea{resize:vertical}.settings .btn-test{width:100%;padding:12px;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;margin:20px 0;transition:background .2s}.settings .btn-test:hover:not(:disabled){background:#d97706}.settings .btn-test:disabled{opacity:.6;cursor:not-allowed}.settings .test-result{padding:15px;border-radius:6px;margin:15px 0}.settings .test-result.success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.settings .test-result.error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.settings .page-info{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.1)}.settings .page-info p{margin:5px 0}.settings .page-info a{color:#1877f2;text-decoration:none}.settings .page-info a:hover{text-decoration:underline}.settings .btn-submit{width:100%;padding:14px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.settings .btn-submit:hover:not(:disabled){background:#059669}.settings .btn-submit:disabled{opacity:.5;cursor:not-allowed}.settings .configs-list{display:grid;gap:20px}.settings .no-configs{text-align:center;padding:60px 20px;background:#e8ecef;border-radius:16px;color:#5a6c7d;box-shadow:inset 4px 4px 8px #a3b1c666,inset -4px -4px 8px #fffc}.settings .no-configs p:first-child{font-size:18px;font-weight:700;margin-bottom:10px;color:#2c3e50}.settings .config-card{background:#e8ecef;padding:28px;border-radius:16px;box-shadow:6px 6px 12px #a3b1c680,-6px -6px 12px #ffffffe6;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.25,.46,.45,.94);position:relative}.settings .config-card:hover{transform:scale(1.01) translateY(-2px);box-shadow:8px 8px 16px #a3b1c699,-8px -8px 16px #fff,inset 2px 2px 4px #a3b1c61a}.settings .config-card.inactive{opacity:.65;filter:grayscale(20%)}.settings .config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(163,177,198,.2)}.settings .config-header h3{margin:0;color:#1877f2;font-weight:700;font-size:20px}.settings .config-status{display:flex;gap:8px;align-items:center}.settings .status-badge{padding:6px 14px;border-radius:10px;font-size:13px;font-weight:700;box-shadow:2px 2px 4px #00000026,inset 0 1px #ffffff4d;letter-spacing:.3px}.settings .status-badge.active{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.settings .status-badge.inactive{background:linear-gradient(135deg,#757575,#616161);color:#fff}.settings .config-actions{display:flex;gap:10px}.settings .btn-toggle{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.settings .btn-toggle.active{background:#d1fae5;color:#065f46}.settings .btn-toggle.inactive{background:#fee2e2;color:#991b1b}.settings .btn-refresh{padding:8px 16px;background:#dbeafe;color:#1e40af;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.settings .btn-refresh:hover{background:#93c5fd}.settings .btn-delete{padding:8px 16px;background:#fee2e2;color:#991b1b;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.settings .btn-delete:hover{background:#fca5a5}.settings .config-details p{margin:10px 0;color:#5a6c7d;font-size:14px;font-weight:500;line-height:1.6}.settings .config-details strong{color:#2c3e50;font-weight:700}.settings .settings-loading{text-align:center;padding:60px 20px;background:#e8ecef;border-radius:16px;color:#5a6c7d;font-size:16px;font-weight:600;box-shadow:inset 4px 4px 8px #a3b1c666,inset -4px -4px 8px #fffc}.settings .preferences-section{background:#e8ecef;padding:30px;border-radius:16px;margin-bottom:30px;box-shadow:6px 6px 12px #a3b1c699,-6px -6px 12px #fffc}.settings .preferences-section h3{font-size:20px;color:#2c3e50;margin:0 0 20px;font-weight:700}.settings .preference-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#e8ecef;border-radius:12px;box-shadow:inset 4px 4px 8px #a3b1c666,inset -4px -4px 8px #fffc}.settings .preference-info{flex:1;margin-right:20px}.settings .preference-info strong{display:block;font-size:16px;color:#2c3e50;margin-bottom:8px;font-weight:700}.settings .preference-info p{margin:0;font-size:14px;color:#5a6c7d;line-height:1.5}.settings .toggle-switch{position:relative;display:inline-block;width:60px;height:34px;flex-shrink:0}.settings .toggle-switch input{opacity:0;width:0;height:0}.settings .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e8ecef;border-radius:34px;transition:.4s;box-shadow:inset 4px 4px 8px #a3b1c699,inset -4px -4px 8px #fffc}.settings .toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background:linear-gradient(145deg,#fff,#d1d9e6);border-radius:50%;transition:.4s;box-shadow:4px 4px 8px #a3b1c699,-2px -2px 6px #fffc}.settings .toggle-switch input:checked+.toggle-slider{background:#4caf50;box-shadow:inset 2px 2px 6px #0003,inset -2px -2px 6px #ffffff4d}.settings .toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.settings .pages-section{margin-bottom:20px}.settings .pages-section h3{font-size:20px;color:#2c3e50;margin:0 0 10px;font-weight:700}.settings .reply-length-selector{display:flex;gap:12px;flex-shrink:0}.settings .length-option{padding:10px 24px;background:#e8ecef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#5a6c7d;cursor:pointer;transition:all .3s ease;box-shadow:4px 4px 8px #a3b1c699,-4px -4px 8px #fffc}.settings .length-option:hover:not(.active){color:#2c3e50;box-shadow:2px 2px 4px #a3b1c666,-2px -2px 4px #fff9}.settings .length-option.active{background:linear-gradient(145deg,#4caf50,#45a049);color:#fff;box-shadow:inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff1a;transform:scale(.98)}.settings .preference-item+.preference-item{margin-top:20px}.settings .pages-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.settings .pages-header>div{flex:1}.settings .sync-pages-button,.settings .sync-pages-button-small{padding:12px 24px;background:linear-gradient(135deg,#1877f2,#0d5dbf);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1877f24d}.settings .sync-pages-button:hover,.settings .sync-pages-button-small:hover{background:linear-gradient(135deg,#0d5dbf,#084a99);transform:translateY(-2px);box-shadow:0 6px 16px #1877f266}.settings .pages-header-buttons{display:flex;gap:12px;align-items:center}.settings .edit-credentials-button{padding:10px 20px;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2196f34d;white-space:nowrap}.settings .edit-credentials-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #2196f366}.settings .refresh-pages-button{padding:10px 20px;background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d;white-space:nowrap}.settings .refresh-pages-button:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.settings .reset-config-button{padding:10px 20px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b4d;white-space:nowrap}.settings .reset-config-button:hover{background:linear-gradient(135deg,#ee5a52,#dc4a3e);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.settings .sync-pages-button{display:block;margin:20px auto;font-size:18px;padding:16px 32px}.settings .sync-pages-button-small{flex-shrink:0;white-space:nowrap}.settings .no-configs{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.settings .no-configs p{color:#6c757d;margin:10px 0}.settings .no-configs p:first-child{font-size:18px;font-weight:600;color:#495057}.settings .facebook-app-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.settings .facebook-app-section h3{margin:0 0 12px;color:#333;font-size:20px}.settings .section-description{color:#666;margin-bottom:20px;line-height:1.6}.settings .warning-box{background:#fff8e1;border-left:4px solid #ffc107;padding:16px;border-radius:8px;margin-bottom:20px}.settings .warning-box p{margin:0 0 12px}.settings .guide-button{background:#1877f2;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.settings .guide-button:hover{background:#145dbf}.settings .app-credentials{display:flex;flex-direction:column;gap:16px}.settings .app-credentials .form-group{display:flex;flex-direction:column;gap:6px}.settings .app-credentials label{font-weight:600;color:#333;display:flex;align-items:center;gap:4px}.settings .required{color:#f44336}.settings .app-credentials input{padding:10px 14px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s}.settings .app-credentials input:focus{outline:none;border-color:#667eea}.settings .app-credentials input:disabled{background:#f5f5f5;cursor:not-allowed}.settings .app-credentials small{color:#888;font-size:12px}.settings .form-actions{display:flex;gap:12px;margin-top:8px}.settings .save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.settings .save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.settings .save-button:disabled{opacity:.6;cursor:not-allowed}.settings .cancel-button{background:#f5f5f5;color:#666;border:1px solid #ddd;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.settings .cancel-button:hover:not(:disabled){background:#e0e0e0}.settings .app-configured{display:flex;flex-direction:column;gap:16px}.settings .success-box{background:#e8f5e9;border-left:4px solid #4caf50;padding:16px;border-radius:8px}.settings .success-box p{margin:4px 0}.settings .success-box code{background:#0000000d;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace}.settings .system-user-section{background:#e8f5e9;border:2px solid #4caf50;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #4caf5026}.settings .system-user-section h3{margin:0 0 12px;color:#2e7d32;font-size:20px}.settings .system-user-actions{display:flex;justify-content:center;margin-top:20px}.settings .oauth-section{background:#e3f2fd;border:2px solid #2196f3;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #2196f326}.settings .oauth-section h3{margin:0 0 12px;color:#1565c0;font-size:20px}.settings .oauth-section h4{margin:24px 0 16px;color:#1976d2;font-size:18px;border-bottom:2px solid #2196f3;padding-bottom:8px}.settings .facebook-app-config{background:#fff;border-radius:8px;padding:20px;margin:20px 0;border:1px solid #90caf9}.settings .oauth-actions{display:flex;justify-content:center;margin-top:20px}.settings .edit-button{background:#f5f5f5;color:#667eea;border:2px solid #667eea;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;align-self:flex-start;transition:background .2s,color .2s}.settings .edit-button:hover{background:#667eea;color:#fff}.settings .app-required-warning{background:#ffebee;border-left:4px solid #f44336;padding:20px;border-radius:8px;text-align:center}.settings .app-required-warning p{margin:8px 0}.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;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;padding:30px;border-radius:12px;max-width:600px;width:90%;box-shadow:0 10px 40px #0003;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{margin:0 0 15px;font-size:20px;color:#333}.system-user-button{background:#28a745!important}.system-user-button:hover{background:#218838!important}.warning-modal-content{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}.warning-modal-header{background:linear-gradient(135deg,#ff9800,#f57c00);padding:20px 24px;border-radius:16px 16px 0 0;color:#fff}.warning-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.warning-modal-body{padding:24px;color:#333;line-height:1.6}.warning-modal-body p{margin:0 0 16px;font-size:15px}.warning-modal-body p:last-child{margin-bottom:0}.warning-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 16px 16px;background:#f9f9f9}.warning-modal-button{padding:10px 24px;background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d}.warning-modal-button:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.warning-modal-button-secondary{padding:10px 24px;background:#e0e0e0;color:#666;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.warning-modal-button-secondary:hover{background:#d0d0d0;transform:translateY(-2px)}.result-modal-content{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}.result-modal-header{padding:20px 24px;border-radius:16px 16px 0 0;color:#fff}.result-modal-header.success{background:linear-gradient(135deg,#4caf50,#43a047)}.result-modal-header.error{background:linear-gradient(135deg,#f44336,#e53935)}.result-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.result-modal-body{padding:24px;color:#333;line-height:1.6}.result-modal-body p{margin:0 0 12px;font-size:15px}.result-modal-body p:last-child{margin-bottom:0}.result-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;border-radius:0 0 16px 16px;background:#f9f9f9}.result-modal-button{padding:10px 32px;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.result-modal-button:hover{background:linear-gradient(135deg,#5568d3,#4c5ec7);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.confirm-modal-content{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}.confirm-modal-header{background:linear-gradient(135deg,#667eea,#5568d3);padding:20px 24px;border-radius:16px 16px 0 0;color:#fff}.confirm-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.confirm-modal-body{padding:24px;color:#333;line-height:1.6}.confirm-modal-body p{margin:0;font-size:15px}.confirm-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 16px 16px;background:#f9f9f9}.confirm-modal-button{padding:10px 24px;background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d}.confirm-modal-button:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.confirm-modal-button-secondary{padding:10px 24px;background:#e0e0e0;color:#666;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-modal-button-secondary:hover{background:#d0d0d0;transform:translateY(-2px)}.btn-remove-page{padding:6px 14px;font-size:12px;font-weight:500;background:transparent;color:#dc3545;border:1px solid #dc3545;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;white-space:nowrap}.btn-remove-page:hover:not(:disabled){background:#dc3545;color:#fff;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.btn-remove-page:disabled{opacity:.6;cursor:not-allowed;border-color:#999;color:#999}.gemini-status-banner{padding:12px 20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.gemini-status-banner.status-ok{background:linear-gradient(135deg,#d4f4dd,#b8e6c4);border-left:4px solid #34a853}.gemini-status-banner.status-warning{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-left:4px solid #ffc107}.gemini-status-banner.status-critical{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #dc3545;animation:pulse-critical 2s infinite}.gemini-status-banner.status-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #dc3545}.gemini-status-banner.status-loading{background:linear-gradient(135deg,#e7f3ff,#cfe2ff);border-left:4px solid #4285f4}.gemini-status-banner.status-unavailable,.gemini-status-banner.status-unknown{background:linear-gradient(135deg,#e2e3e5,#d6d8db);border-left:4px solid #6c757d}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.85}}.status-content{display:flex;flex-direction:column;gap:12px}.status-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-icon{font-size:20px}.status-title{font-weight:700;font-size:16px;color:#333}.status-label{font-weight:600;font-size:14px;color:#555;padding:2px 10px;background:#fff9;border-radius:12px}.status-reset{font-size:12px;color:#555;font-weight:600;padding:2px 10px;background:#4285f41a;border-radius:12px}.status-time{margin-left:auto;font-size:12px;color:#666;font-style:italic}.status-message{font-size:13px;color:#666;padding:8px;background:#ffffff80;border-radius:6px}.status-usage{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.usage-breakdown{display:flex;flex-direction:column;gap:10px}.breakdown-title{font-size:13px;font-weight:700;color:#333;margin:0 0 8px}.model-list{display:flex;flex-direction:column;gap:8px}.model-item{display:flex;align-items:center;gap:10px;padding:8px;background:#ffffff80;border-radius:6px}.model-status{font-size:16px;flex-shrink:0}.model-details{display:flex;flex-direction:column;gap:2px;flex:1}.model-label{font-size:13px;font-weight:600;color:#333}.model-subtitle{font-size:10px;color:#666;font-family:monospace}.model-stats{display:flex;flex-direction:column;gap:2px;align-items:flex-end;flex-shrink:0}.model-requests,.model-tokens{font-size:12px;font-weight:600;color:#4285f4}.token-percentage{font-size:10px;font-weight:400;color:#666}.usage-progress{display:flex;flex-direction:column;gap:12px}.progress-title{font-size:13px;font-weight:700;color:#333;margin:0 0 8px}.limit-section{display:flex;flex-direction:column;gap:6px}.limit-label{font-size:12px;font-weight:600;color:#555}.progress-bar-container{width:100%;height:24px;background:#fffc;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #00000026}.progress-bar{height:100%;background:linear-gradient(90deg,#34a853,#fbbc04 70%,#ea4335 90%);transition:width .5s ease;border-radius:12px}.progress-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.stat-item{font-size:11px;color:#555;display:flex;justify-content:space-between;align-items:center}.stat-item strong{font-weight:600;margin-right:4px}.stat-percentage{grid-column:1 / -1;justify-content:center;font-size:16px;font-weight:700;color:#4285f4;padding:4px;background:#4285f41a;border-radius:6px}.test-connection-button{padding:6px 12px;background:#4285f4;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.test-connection-button:hover:not(:disabled){background:#3367d6;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.test-connection-button:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.7}.test-result{padding:8px 12px;border-radius:6px;font-size:13px;font-weight:600;animation:slideIn .3s ease}.test-result.test-success{background:#d4f4dd;color:#1e7e34;border-left:3px solid #34a853}.test-result.test-error{background:#f8d7da;color:#721c24;border-left:3px solid #dc3545}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.status-header{flex-direction:column;align-items:flex-start}.status-time{margin-left:0;margin-top:4px}.test-connection-button{width:100%;margin-top:8px}.status-usage{grid-template-columns:1fr;gap:16px}.progress-stats{grid-template-columns:1fr}.stat-item{justify-content:flex-start}}.log-viewer{display:flex;flex-direction:column;height:calc(100vh - 150px);background:#1e1e1e;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000004d}.log-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#2d2d30;border-bottom:1px solid #3e3e42}.log-viewer-header h2{margin:0;color:#fff;font-size:18px}.log-controls{display:flex;gap:10px;align-items:center}.log-filter{padding:6px 12px;border:1px solid #3e3e42;border-radius:4px;background:#1e1e1e;color:#fff;font-size:14px;cursor:pointer}.log-filter:focus{outline:none;border-color:#007acc}.log-checkbox{display:flex;align-items:center;gap:6px;color:#ccc;font-size:14px;cursor:pointer}.log-checkbox input{cursor:pointer}.log-button{padding:6px 12px;border:1px solid #3e3e42;border-radius:4px;background:#2d2d30;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.log-button:hover{background:#3e3e42}.log-button.paused{background:#007acc;border-color:#007acc}.log-button-clear{background:#c72e3a;border-color:#c72e3a}.log-button-clear:hover{background:#d63642}.log-container{flex:1;overflow-y:auto;padding:10px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;background:#1e1e1e}.log-container::-webkit-scrollbar{width:10px}.log-container::-webkit-scrollbar-track{background:#1e1e1e}.log-container::-webkit-scrollbar-thumb{background:#3e3e42;border-radius:5px}.log-container::-webkit-scrollbar-thumb:hover{background:#4e4e52}.log-empty{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-size:16px}.log-entry{display:flex;gap:10px;padding:6px 10px;border-left:3px solid transparent;margin-bottom:2px;transition:background .15s}.log-entry:hover{background:#252526}.log-icon{flex-shrink:0}.log-time{flex-shrink:0;color:#858585;font-weight:600}.log-level{flex-shrink:0;font-weight:700;min-width:80px}.log-message{flex:1;color:#d4d4d4;word-break:break-word}.log-data{flex-basis:100%;margin:5px 0 0;padding:10px;background:#252526;border-radius:4px;color:#9cdcfe;font-size:12px;overflow-x:auto}.log-error{border-left-color:#f48771}.log-error .log-level{color:#f48771}.log-warn{border-left-color:#cca700}.log-warn .log-level{color:#cca700}.log-info{border-left-color:#75beff}.log-info .log-level{color:#75beff}.log-debug{border-left-color:#858585}.log-debug .log-level{color:#858585}.log-webhook{border-left-color:#c586c0}.log-webhook .log-level{color:#c586c0}.log-sse{border-left-color:#4ec9b0}.log-sse .log-level{color:#4ec9b0}.log-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#2d2d30;border-top:1px solid #3e3e42;color:#ccc;font-size:13px}.log-paused-badge{padding:4px 10px;background:#007acc;border-radius:4px;font-weight:700;font-size:12px}.system-metrics{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:20px;margin:20px;color:#d4d4d4}.system-metrics.loading{padding:30px}.metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #333}.metrics-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;animation:pulse 2s infinite}.status-dot.connected{background:#4ec9b0;box-shadow:0 0 8px #4ec9b080}.status-dot.disconnected{background:#f48771;box-shadow:0 0 8px #f4877180}.status-dot.connecting{background:#dcdcaa;box-shadow:0 0 8px #dcdcaa80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.metrics-loading{text-align:center;color:#999;font-size:14px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:16px}.metric-card{background:#252526;border:1px solid #3e3e42;border-radius:6px;padding:16px;transition:all .2s}.metric-card:hover{border-color:#007acc;transform:translateY(-2px);box-shadow:0 4px 12px #007acc26}.metric-label{font-size:12px;color:#858585;margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:28px;font-weight:700;color:#4ec9b0;margin-bottom:4px;font-family:Courier New,monospace}.metric-detail{font-size:11px;color:#999;line-height:1.5}.metric-bar{width:100%;height:6px;background:#3e3e42;border-radius:3px;margin-top:8px;overflow:hidden}.metric-bar-fill{height:100%;background:linear-gradient(90deg,#4ec9b0,#007acc);border-radius:3px;transition:width .3s ease}.metric-bar-fill.cpu-process{background:linear-gradient(90deg,#c586c0,#9a4f96)}.metric-bar-fill.cpu-system{background:linear-gradient(90deg,#dcdcaa,#d4a82a)}.processes-section{margin-top:24px;padding-top:20px;border-top:2px solid #333}.processes-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.processes-table-container{overflow-x:auto;background:#252526;border:1px solid #3e3e42;border-radius:6px}.processes-table{width:100%;border-collapse:collapse;font-size:13px;font-family:Courier New,monospace}.processes-table thead{background:#2d2d30;border-bottom:2px solid #007acc}.processes-table th{padding:12px;text-align:left;color:#4ec9b0;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.processes-table tbody tr{border-bottom:1px solid #3e3e42;transition:background .2s}.processes-table tbody tr:hover{background:#2d2d30}.processes-table tbody tr:last-child{border-bottom:none}.processes-table td{padding:10px 12px;color:#d4d4d4}.command-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#999}.cpu-badge,.mem-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-weight:600;font-size:11px}.cpu-badge.high,.mem-badge.high{background:#f4877133;color:#f48771;border:1px solid #f48771}.cpu-badge.medium,.mem-badge.medium{background:#dcdcaa33;color:#dcdcaa;border:1px solid #dcdcaa}.cpu-badge.low,.mem-badge.low{background:#4ec9b033;color:#4ec9b0;border:1px solid #4ec9b0}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:24px}.processes-table{font-size:11px}.processes-table th,.processes-table td{padding:8px}.command-cell{max-width:150px}}.gemini-logs-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin:20px 0}.gemini-logs-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.gemini-logs-header h2{margin:0;font-size:1.5rem;font-weight:600}.gemini-logs-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:6px 12px;border-radius:6px}.filter-group label{font-size:.875rem;font-weight:500}.filter-group select{background:#ffffffe6;border:none;border-radius:4px;padding:6px 12px;font-size:.875rem;cursor:pointer;color:#333}.gemini-logs-controls button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.gemini-logs-controls button:hover{background:#ffffff4d;transform:translateY(-1px)}.gemini-logs-controls .btn-toggle.active,.gemini-logs-controls .btn-toggle.paused{background:#ffffff59;border-color:#ffffff80}.gemini-logs-controls .btn-clear{background:#f44336cc;border-color:#f44336e6}.gemini-logs-controls .btn-clear:hover{background:#f44336}.gemini-logs-legend{display:flex;gap:15px;padding:12px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap;font-size:.813rem}.legend-item{padding:4px 10px;border-radius:4px;font-weight:500}.legend-item.switching{background:#fff3cd;color:#856404}.legend-item.using-key{background:#d1ecf1;color:#0c5460}.legend-item.stats{background:#e2d7f8;color:#6f42c1}.legend-item.success{background:#d4edda;color:#155724}.legend-item.error{background:#f8d7da;color:#721c24}.legend-item.classify{background:#d1ecf1;color:#0c5460}.legend-item.reply{background:#e7f3ff;color:#004085}.gemini-logs-content{height:500px;overflow-y:auto;background:#1e1e1e;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}.gemini-logs-content::-webkit-scrollbar{width:10px}.gemini-logs-content::-webkit-scrollbar-track{background:#2d2d2d}.gemini-logs-content::-webkit-scrollbar-thumb{background:#555;border-radius:5px}.gemini-logs-content::-webkit-scrollbar-thumb:hover{background:#777}.no-logs{display:flex;align-items:center;justify-content:center;height:100%;color:#888;font-size:1.125rem}.log-entry{padding:8px 20px;border-bottom:1px solid #2d2d2d;display:flex;gap:15px;transition:background .2s}.log-entry:hover{background:#252525}.log-timestamp{color:#888;font-size:.813rem;white-space:nowrap;min-width:180px}.log-text{color:#d4d4d4;flex:1;word-break:break-word}.log-entry.switching{background:#fff3cd0d;border-left:3px solid #ffc107}.log-entry.switching .log-text{color:#ffc107;font-weight:600}.log-entry.using-key{background:#d1ecf10d;border-left:3px solid #17a2b8}.log-entry.using-key .log-text{color:#5dade2}.log-entry.stats{background:#e2d7f80d;border-left:3px solid #9b59b6}.log-entry.stats .log-text{color:#bb8fce}.log-entry.success{background:#d4edda0d;border-left:3px solid #28a745}.log-entry.success .log-text{color:#7dcea0}.log-entry.error{background:#f8d7da0d;border-left:3px solid #dc3545}.log-entry.error .log-text{color:#e74c3c;font-weight:600}.log-entry.classify{background:#d1ecf10d;border-left:3px solid #3498db}.log-entry.classify .log-text{color:#85c1e9}.log-entry.reply{background:#e7f3ff0d;border-left:3px solid #007bff}.log-entry.reply .log-text{color:#74b9ff}.gemini-logs-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;font-size:.813rem;color:#6c757d}.gemini-logs-footer span{display:flex;align-items:center;gap:5px}@media (max-width: 768px){.gemini-logs-header{flex-direction:column;align-items:flex-start}.gemini-logs-controls{width:100%;justify-content:space-between}.gemini-logs-content{height:400px}.log-entry{flex-direction:column;gap:5px}.log-timestamp{min-width:auto}}.admin-panel{padding:20px;max-width:1400px;margin:0 auto}.admin-panel .admin-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:2px solid #e0e0e0;background:#fff;padding:0;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #0000000d;overflow:hidden}.admin-panel .admin-tab{flex:1;background:transparent;border:none;padding:16px 24px;font-size:15px;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;position:relative}.admin-panel .admin-tab:hover{color:#667eea;background:linear-gradient(to bottom,#f8f9fa,#fff)}.admin-panel .admin-tab.active{color:#667eea;background:linear-gradient(to bottom,#f0f4ff,#fafbff);border-bottom-color:#667eea}.admin-panel .admin-tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.admin-panel .admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-panel .admin-header h2{margin:0;color:#1a1a1a;font-size:28px}.admin-panel .admin-header-actions{display:flex;gap:12px;align-items:center}.admin-panel .btn-add-user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.admin-panel .btn-add-user:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.admin-panel .user-form{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:32px;margin-bottom:32px;box-shadow:0 2px 8px #0000000d}.admin-panel .user-form h3{margin:0 0 24px;color:#1a1a1a;font-size:22px}.admin-panel .form-group{margin-bottom:20px}.admin-panel .form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.admin-panel .form-group input,.admin-panel .form-group select,.admin-panel .form-group textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s}.admin-panel .form-group textarea{resize:vertical}.admin-panel .form-group input:focus,.admin-panel .form-group select:focus,.admin-panel .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.admin-panel .form-group small{display:block;color:#666;font-size:12px;margin-top:4px}.admin-panel .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-panel .role-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.admin-panel .role-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.admin-panel .role-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s}.admin-panel .role-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.admin-panel .role-icon{font-size:32px;margin-bottom:8px;z-index:1;transition:transform .3s}.admin-panel .role-label{font-size:16px;font-weight:700;color:#333;margin-bottom:4px;z-index:1;transition:color .3s}.admin-panel .role-description{font-size:12px;color:#666;z-index:1;transition:color .3s}.admin-panel .role-option:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 16px #667eea26}.admin-panel .role-option:hover .role-icon{transform:scale(1.1)}.admin-panel .role-option.selected{border-color:#667eea;box-shadow:0 8px 20px #667eea40}.admin-panel .role-option.selected:before{opacity:.05}.admin-panel .role-option.selected .role-label{color:#667eea}.admin-panel .role-option.selected .role-description{color:#764ba2}.admin-panel .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;transition:all .2s}.admin-panel .checkbox-label:hover{border-color:#667eea;background:#f8f9ff}.admin-panel .checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.admin-panel .form-actions{display:flex;gap:12px;margin-top:24px}.admin-panel .btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.admin-panel .btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.admin-panel .btn-cancel{background:#f5f5f5;color:#666;border:1px solid #e0e0e0;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.admin-panel .btn-cancel:hover{background:#e0e0e0}.admin-panel .users-list{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.admin-panel .users-table{width:100%;border-collapse:collapse}.admin-panel .users-table thead{background:#f8f9fa}.admin-panel .users-table th{padding:16px;text-align:left;font-weight:600;color:#333;font-size:14px;border-bottom:2px solid #e0e0e0}.admin-panel .users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.admin-panel .users-table th.sortable:hover{background:#e8eaf0;color:#667eea}.admin-panel .users-table td{padding:16px;border-bottom:1px solid #f0f0f0;color:#555}.admin-panel .users-table tr:hover{background:#f8f9fa}.admin-panel .users-table tr.inactive{opacity:.6}.admin-panel .bm-id{font-family:Courier New,monospace;background:#e3f2fd;padding:4px 8px;border-radius:4px;font-size:13px;color:#1976d2}.admin-panel .no-bm{color:#999;font-style:italic;font-size:13px}.admin-panel .role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.admin-panel .role-badge.admin{background:#fff3e0;color:#e65100}.admin-panel .role-badge.user{background:#e8f5e9;color:#2e7d32}.admin-panel .status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.admin-panel .status-badge.active{background:#e8f5e9;color:#2e7d32}.admin-panel .status-badge.inactive{background:#ffebee;color:#c62828}.admin-panel .online-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.admin-panel .online-badge.online{background:#e8f5e9;color:#2e7d32}.admin-panel .online-badge.offline{background:#f5f5f5;color:#757575}.admin-panel .actions{display:inline-block;margin-top:0!important}.admin-panel .btn-edit,.admin-panel .btn-delete,.admin-panel .btn-reset,.admin-panel .btn-sync{background:transparent;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;margin:0 4px 0 0}.admin-panel .btn-edit:hover{background:#e3f2fd}.admin-panel .btn-reset:hover{background:#fff3e0}.admin-panel .btn-delete:hover{background:#ffebee}.admin-panel .btn-sync:hover{background:#e8f5e9}.admin-panel .no-users{padding:60px 20px;text-align:center;color:#999}.admin-panel .access-denied{background:#fff;border:1px solid #ffcdd2;border-radius:12px;padding:60px;text-align:center;margin:40px auto;max-width:600px}.admin-panel .access-denied h2{color:#c62828;margin:0 0 16px}.admin-panel .access-denied p{color:#666;margin:0}.admin-panel .admin-panel-loading{padding:60px 20px;text-align:center;color:#999;font-size:18px}@media (max-width: 768px){.admin-panel .form-row{grid-template-columns:1fr}.admin-panel .users-table{font-size:14px}.admin-panel .users-table th,.admin-panel .users-table td{padding:12px 8px}}.admin-panel .facebook-profile{display:flex;align-items:center;gap:10px}.admin-panel .fb-profile-pic{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #1877f2;flex-shrink:0}.admin-panel .no-profile{color:#999;font-style:italic}.admin-panel .reset-modal{max-width:600px}.admin-panel .reset-modal h3{color:#ff9800;margin-bottom:16px;font-size:24px}.admin-panel .reset-modal .modal-warning{background:#fff3e0;border-left:4px solid #ff9800;padding:16px;margin-bottom:20px;border-radius:4px;color:#e65100;font-size:15px}.admin-panel .reset-modal .reset-details{background:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.admin-panel .reset-modal .reset-details p{margin:0 0 12px;font-weight:600;color:#333}.admin-panel .reset-modal .reset-details ul{margin:0 0 20px;padding-left:24px}.admin-panel .reset-modal .reset-details ul:last-child{margin-bottom:0}.admin-panel .reset-modal .reset-details li{margin:8px 0;color:#666;font-size:14px}.admin-panel .reset-modal .reset-note{background:#e3f2fd;border-left:4px solid #2196f3;padding:12px;margin:16px 0 0;border-radius:4px;color:#1565c0;font-size:14px;font-style:italic}.admin-panel .btn-confirm-reset{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.admin-panel .btn-confirm-reset:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ff98004d}.admin-panel .reset-modal .modal-actions{display:flex;gap:16px;justify-content:center}.admin-panel .auth-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;white-space:nowrap}.admin-panel .auth-badge.system-user{background:#fff3e0;color:#e65100;border:1px solid #ffb74d}.admin-panel .auth-badge.facebook,.admin-panel .auth-badge.hybrid{background:#e3f2fd;color:#1565c0;border:1px solid #64b5f6}.admin-panel .auth-badge.local{background:#f5f5f5;color:#616161;border:1px solid #e0e0e0}.admin-panel .admin-users-section,.admin-panel .regular-users-section{margin-bottom:40px}.admin-panel .section-title{font-size:20px;font-weight:700;color:#333;margin-bottom:16px;padding-bottom:12px;border-bottom:3px solid #e0e0e0;display:flex;align-items:center;gap:10px;margin-left:20px}.admin-panel .admin-users-section .section-title{margin-top:30px}.btn-toggle-negative{padding:6px 12px;border:2px solid #e0e0e0;border-radius:6px;background:#f5f5f5;color:#757575;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-toggle-negative:hover{background:#e0e0e0;border-color:#bdbdbd}.btn-toggle-negative.active{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff;border-color:#c92a2a;box-shadow:0 2px 6px #c92a2a4d}.btn-toggle-negative.active:hover{background:linear-gradient(135deg,#c92a2a,#a61e1e);border-color:#a61e1e;box-shadow:0 3px 8px #c92a2a66}.sentiment-manager{padding:20px;max-width:1400px;margin:0 auto}.sentiment-manager .sentiment-header{text-align:center;margin-bottom:30px}.sentiment-manager .sentiment-header h2{font-size:28px;margin-bottom:10px;color:#333}.sentiment-manager .sentiment-description{font-size:14px;color:#666;margin:0}.sentiment-manager .btn-reset-defaults{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #f59e0b4d;display:flex;align-items:center;gap:8px;white-space:nowrap}.sentiment-manager .btn-reset-defaults:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66;background:linear-gradient(135deg,#d97706,#b45309)}.sentiment-manager .btn-reset-defaults:active{transform:translateY(0)}.sentiment-manager .sentiment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.sentiment-manager .stat-card{background:#fff;border-radius:10px;padding:12px 16px;text-align:center;box-shadow:0 2px 8px #0000001a;border-left:4px solid #ddd;transition:all .2s;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.sentiment-manager .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.sentiment-manager .stat-card.active{transform:translateY(-4px) scale(1.05);box-shadow:0 6px 20px #0003;border-left-width:6px;border-top:3px solid}.sentiment-manager .stat-card.total.active{border-top-color:#667eea}.sentiment-manager .stat-card.negative.active{border-top-color:#f44336}.sentiment-manager .stat-card.doubt.active{border-top-color:#ff9800}.sentiment-manager .stat-card.interest.active{border-top-color:#2196f3}.sentiment-manager .stat-card.positive.active{border-top-color:#4caf50}.sentiment-manager .stat-card.neutral.active{border-top-color:#9e9e9e}.sentiment-manager .stat-card:active{transform:translateY(-1px) scale(1.02);outline:none}.sentiment-manager .stat-card:focus{outline:none}.sentiment-manager .stat-card.total{border-left-color:#667eea;background:linear-gradient(135deg,#e8eaf6,#fff)}.sentiment-manager .stat-card.negative{border-left-color:#f44336;background:linear-gradient(135deg,#ffebee,#fff)}.sentiment-manager .stat-card.doubt{border-left-color:#ff9800;background:linear-gradient(135deg,#fff3e0,#fff)}.sentiment-manager .stat-card.interest{border-left-color:#2196f3;background:linear-gradient(135deg,#e3f2fd,#fff)}.sentiment-manager .stat-card.positive{border-left-color:#4caf50;background:linear-gradient(135deg,#e8f5e9,#fff)}.sentiment-manager .stat-card.neutral{border-left-color:#9e9e9e;background:linear-gradient(135deg,#f5f5f5,#fff)}.sentiment-manager .stat-number{font-size:24px;font-weight:700;color:#333;margin-bottom:3px}.sentiment-manager .stat-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px}.sentiment-manager .sentiment-filters{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.sentiment-manager .filter-search{flex:1;min-width:250px}.sentiment-manager .filter-search input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.sentiment-manager .filter-search input:focus{outline:none;border-color:#2196f3}.sentiment-manager .filter-category{position:relative}.sentiment-manager .filter-category select{padding:12px 40px 12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;font-weight:500;background:linear-gradient(135deg,#fff,#f8f9fa);cursor:pointer;transition:all .3s ease;min-width:220px;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 2px 8px #0000000d;color:#333;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.sentiment-manager .filter-category select:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.sentiment-manager .filter-category select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 4px 12px #667eea33;transform:translateY(-1px)}.sentiment-manager .filter-category select option{padding:10px;font-size:14px;background:#fff;color:#333}.sentiment-manager .sentiment-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(550px,1fr));gap:20px}.sentiment-manager .sentiment-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014;display:flex;flex-wrap:nowrap;gap:15px;transition:all .2s;border-left:5px solid #ddd}.sentiment-manager .sentiment-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.sentiment-manager .sentiment-card.sentiment-negative{border-left-color:#f44336}.sentiment-manager .sentiment-card.sentiment-doubt{border-left-color:#ff9800}.sentiment-manager .sentiment-card.sentiment-info,.sentiment-manager .sentiment-card.sentiment-potential_customer{border-left-color:#2196f3}.sentiment-manager .sentiment-card.sentiment-existing_customer{border-left-color:#8bc34a}.sentiment-manager .sentiment-card.sentiment-positive{border-left-color:#66bb6a}.sentiment-manager .sentiment-card.sentiment-neutral{border-left-color:#9e9e9e}.sentiment-manager .sentiment-icon{font-size:48px;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:10px}.sentiment-manager .sentiment-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.sentiment-manager .sentiment-name{font-size:18px;font-weight:700;color:#333;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}.sentiment-manager .sentiment-id{font-size:12px;font-weight:400;color:#999;font-family:Courier New,monospace}.sentiment-manager .sentiment-category-badge{display:inline-block;padding:4px 10px;background:#e0e0e0;border-radius:12px;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.sentiment-manager .sentiment-card.sentiment-negative .sentiment-category-badge{background:#ffebee;color:#c62828}.sentiment-manager .sentiment-card.sentiment-doubt .sentiment-category-badge{background:#fff3e0;color:#e65100}.sentiment-manager .sentiment-card.sentiment-info .sentiment-category-badge,.sentiment-manager .sentiment-card.sentiment-potential_customer .sentiment-category-badge{background:#e3f2fd;color:#1565c0}.sentiment-manager .sentiment-card.sentiment-existing_customer .sentiment-category-badge,.sentiment-manager .sentiment-card.sentiment-positive .sentiment-category-badge{background:#e8f5e9;color:#2e7d32}.sentiment-manager .sentiment-card.sentiment-neutral .sentiment-category-badge{background:#f5f5f5;color:#616161}.sentiment-manager .sentiment-description{font-size:14px;color:#555;line-height:1.5}.sentiment-manager .sentiment-usecase{font-size:13px;color:#777;background:#f9f9f9;padding:10px;border-radius:6px;border-left:3px solid #e0e0e0}.sentiment-manager .sentiment-usecase strong{color:#333}.sentiment-manager .sentiment-automations{margin-top:16px;padding:16px;background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:8px;border:1px solid #e0e0e0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sentiment-manager .automations-label{font-size:24px;margin:0;display:flex;align-items:center;flex-shrink:0;line-height:1}.sentiment-manager .automation-toggles{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;flex:1}.sentiment-manager .automation-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.sentiment-manager .automation-toggle input[type=checkbox]{display:none}.sentiment-manager .toggle-slider{position:relative;width:48px;height:24px;background:#ccc;border-radius:24px;transition:background .3s;box-shadow:inset 0 2px 4px #0003}.sentiment-manager .toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 4px #0000004d}.sentiment-manager .automation-toggle input[type=checkbox]:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.sentiment-manager .automation-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px);box-shadow:0 2px 6px #667eea80}.sentiment-manager .automation-toggle:hover .toggle-slider{box-shadow:inset 0 2px 4px #0003,0 0 8px #667eea4d}.sentiment-manager .toggle-label{font-size:14px;font-weight:500;color:#555;transition:color .3s}.sentiment-manager .automation-toggle input[type=checkbox]:checked~.toggle-label{color:#667eea;font-weight:600}.sentiment-manager .sentiment-ai-prompt{margin-top:15px;padding-top:15px;border-top:2px dashed #e0e0e0}.sentiment-manager .prompt-toggle-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 2px 8px #667eea4d;width:100%;justify-content:center}.sentiment-manager .prompt-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.sentiment-manager .prompt-toggle-btn:active{transform:translateY(0)}.sentiment-manager .toggle-icon{font-size:10px;margin-left:auto}.sentiment-manager .prompt-content{margin-top:15px;animation:slideDown .3s ease-out}.sentiment-manager .prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.sentiment-manager .prompt-label{font-size:12px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.sentiment-manager .prompt-actions{display:flex;gap:8px}.sentiment-manager .prompt-actions button{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.sentiment-manager .btn-edit{background:#667eea;color:#fff}.sentiment-manager .btn-edit:hover{background:#5568d3}.sentiment-manager .btn-save{background:#10b981;color:#fff}.sentiment-manager .btn-save:hover{background:#059669}.sentiment-manager .btn-save:disabled{background:#9ca3af;cursor:not-allowed}.sentiment-manager .btn-cancel{background:#6b7280;color:#fff}.sentiment-manager .btn-cancel:hover{background:#4b5563}.sentiment-manager .btn-cancel:disabled{background:#9ca3af;cursor:not-allowed}.sentiment-manager .btn-reset{background:#f59e0b;color:#fff}.sentiment-manager .btn-reset:hover{background:#d97706}.sentiment-manager .btn-reset:disabled{background:#9ca3af;cursor:not-allowed}.sentiment-manager .custom-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#fbbf24;color:#78350f;border-radius:4px;font-size:10px;font-weight:600}.sentiment-manager .prompt-header-fixed{background:linear-gradient(135deg,#e0e7ff,#f3f4f6);border:2px solid #667eea;border-radius:8px;padding:15px;margin-bottom:15px}.sentiment-manager .prompt-header-fixed .header-content{font-family:Courier New,Courier,monospace;font-size:13px;font-weight:600;color:#1e293b;margin-top:5px;line-height:1.6}.sentiment-manager .prompt-editor{width:100%;padding:15px;border:2px solid #667eea;border-radius:8px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6;color:#495057;resize:vertical;min-height:200px}.sentiment-manager .prompt-editor:focus{outline:none;border-color:#5568d3;box-shadow:0 0 0 3px #667eea1a}.sentiment-manager .custom-info{margin:10px 0;padding:10px 15px;background:#fef3c7;border-left:4px solid #fbbf24;border-radius:6px;font-size:11px;color:#78350f}.sentiment-manager .prompt-text{background:#f8f9fa;border:1px solid #e9ecef;border-left:4px solid #667eea;padding:15px;border-radius:8px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6;color:#495057;white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto;margin:0}.sentiment-manager .prompt-text::-webkit-scrollbar{width:8px}.sentiment-manager .prompt-text::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.sentiment-manager .prompt-text::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.sentiment-manager .prompt-text::-webkit-scrollbar-thumb:hover{background:#555}.sentiment-manager .prompt-lengths{margin-top:15px;padding:15px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;border:1px solid #e9ecef}.sentiment-manager .length-option{margin:8px 0;padding:8px 12px;background:#fff;border-radius:6px;font-size:12px;color:#495057;border-left:3px solid #667eea}.sentiment-manager .length-option strong{color:#667eea;text-transform:capitalize;margin-right:8px}.sentiment-manager .no-results{text-align:center;padding:60px 20px;color:#999;font-size:16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d}.sentiment-manager .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sentiment-manager .modal-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sentiment-manager .modal-header{padding:24px;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:16px 16px 0 0}.sentiment-manager .modal-header h3{margin:0;font-size:22px;color:#333;display:flex;align-items:center;gap:10px}.sentiment-manager .modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.sentiment-manager .modal-close:hover{background:#f0f0f0;color:#333}.sentiment-manager .modal-body{padding:24px}.sentiment-manager .modal-warning{font-size:16px;color:#666;margin:0 0 20px;text-align:center;padding:16px;background:#fff3cd;border-left:4px solid #f59e0b;border-radius:8px}.sentiment-manager .reset-summary{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.sentiment-manager .reset-category{background:#f9fafb;border-radius:8px;padding:12px;border-left:4px solid #ddd}.sentiment-manager .reset-category .category-header{font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.sentiment-manager .reset-category .category-header.negative{color:#c62828}.sentiment-manager .reset-category .category-header.doubt{color:#e65100}.sentiment-manager .reset-category .category-header.interest{color:#1565c0}.sentiment-manager .reset-category .category-header.positive{color:#2e7d32}.sentiment-manager .reset-category .category-header.neutral{color:#616161}.sentiment-manager .reset-category .category-action{font-size:13px;color:#555;margin-left:24px;line-height:1.6}.sentiment-manager .reset-category .category-list{font-size:11px;color:#888;margin-left:24px;margin-top:6px;font-style:italic}.sentiment-manager .modal-note{font-size:13px;color:#666;margin:0;padding:12px;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;text-align:center}.sentiment-manager .modal-footer{padding:16px 24px;border-top:2px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;background:#f9fafb;border-radius:0 0 16px 16px}.sentiment-manager .btn-cancel-modal{padding:10px 20px;border:2px solid #ddd;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.sentiment-manager .btn-cancel-modal:hover{background:#f5f5f5;border-color:#999;color:#333}.sentiment-manager .btn-confirm-reset{padding:10px 20px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #f59e0b4d}.sentiment-manager .btn-confirm-reset:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.sentiment-manager .btn-confirm-reset:active{transform:translateY(0)}.sentiment-manager .success-modal{text-align:center;padding:40px 30px;max-width:400px}.sentiment-manager .success-icon{font-size:64px;margin-bottom:20px;animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.sentiment-manager .success-title{font-size:24px;color:#2e7d32;margin:0 0 15px;font-weight:700}.sentiment-manager .success-message{font-size:15px;color:#666;margin:0 0 30px;line-height:1.6}.sentiment-manager .btn-success-ok{padding:12px 40px;border:none;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:8px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4caf504d;min-width:120px}.sentiment-manager .btn-success-ok:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.sentiment-manager .btn-success-ok:active{transform:translateY(0)}@media (max-width: 768px){.sentiment-manager .sentiment-list{grid-template-columns:1fr}.sentiment-manager .sentiment-stats{grid-template-columns:repeat(2,1fr)}.sentiment-manager .sentiment-filters{flex-direction:column}.sentiment-manager .filter-search,.sentiment-manager .filter-category select{width:100%}.sentiment-manager .modal-content{width:95%;max-height:95vh}.sentiment-manager .modal-header,.sentiment-manager .modal-body,.sentiment-manager .modal-footer{padding:16px}.sentiment-manager .modal-footer{flex-direction:column-reverse}.sentiment-manager .modal-footer button{width:100%}}.tickets-container{padding:20px;max-width:1200px;margin:0 auto}.tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.tickets-header h2{margin:0;color:var(--text-color, #333);font-size:1.5rem}.new-ticket-button{background:linear-gradient(135deg,#4a90a4,#357a8c);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4a90a44d}.new-ticket-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a90a466}.tickets-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-card{background:var(--card-bg, #f8f9fa);border-radius:12px;padding:16px 24px;text-align:center;min-width:100px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-color, #e0e0e0)}.stat-card .stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-color, #333)}.stat-card .stat-label{display:block;font-size:.85rem;color:var(--text-muted, #666);margin-top:4px}.stat-card.stat-nuovo{border-left:4px solid #17a2b8}.stat-card.stat-lavorazione{border-left:4px solid #ffc107}.stat-card.stat-attesa{border-left:4px solid #fd7e14}.stat-card.stat-risolto{border-left:4px solid #28a745}.tickets-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;background:var(--card-bg, #f8f9fa);border-radius:12px;border:1px solid var(--border-color, #e0e0e0)}.filters-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:.9rem;color:var(--text-muted, #666);white-space:nowrap}.filter-group select,.filter-group input[type=text]{padding:8px 12px;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:.9rem;background:var(--input-bg, white);color:var(--text-color, #333)}.filter-group select:focus,.filter-group input[type=text]:focus{outline:none;border-color:#4a90a4;box-shadow:0 0 0 2px #4a90a433}.search-input{min-width:200px}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.tickets-loading,.no-tickets{text-align:center;padding:40px;color:var(--text-muted, #666)}.no-tickets p{margin-bottom:16px}.tickets-list{display:grid;gap:16px}.ticket-card{background:var(--card-bg, white);border-radius:12px;padding:16px 20px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color, #e0e0e0);box-shadow:0 2px 8px #0000000a}.ticket-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014;border-color:#4a90a4}.ticket-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ticket-id{font-weight:600;color:var(--text-muted, #666);font-size:.9rem}.ticket-subject{font-size:1.1rem;font-weight:600;color:var(--text-color, #333);margin:0 0 8px}.ticket-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted, #666)}.ticket-category{background:var(--bg-color, #f0f0f0);padding:4px 10px;border-radius:12px;font-size:.8rem}.ticket-comments-count{margin-top:8px;font-size:.85rem;color:var(--text-muted, #666)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;color:#fff;text-transform:uppercase}.status-badge.small{padding:3px 8px;font-size:.7rem}.tickets-table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color, #e0e0e0);background:var(--card-bg, white)}.tickets-table{width:100%;border-collapse:collapse;font-size:.9rem}.tickets-table th,.tickets-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color, #e0e0e0)}.tickets-table th{background:var(--bg-color, #f5f5f5);font-weight:600;color:var(--text-muted, #666);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.tickets-table tbody tr{cursor:pointer;transition:background-color .15s ease}.tickets-table tbody tr:hover{background:var(--hover-bg, #f8f9fa)}.tickets-table tbody tr.unread{background:#17a2b814}.tickets-table tbody tr.unread:hover{background:#17a2b81f}.tickets-table .ticket-id{font-weight:600;color:#4a90a4}.tickets-table .ticket-user{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tickets-table .ticket-subject{font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tickets-table .ticket-date{font-size:.85rem;color:var(--text-muted, #666);white-space:nowrap}.tickets-table .ticket-msg-count{text-align:center}.new-badge{display:inline-block;background:#17a2b8;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700;margin-right:8px;vertical-align:middle}.new-count-badge{background:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;animation:pulse 2s infinite}.new-ticket-form{background:var(--card-bg, white);border-radius:12px;padding:24px;border:1px solid var(--border-color, #e0e0e0);box-shadow:0 2px 12px #0000000f}.form-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.form-header h2{margin:0;color:var(--text-color, #333)}.back-button{background:none;border:1px solid var(--border-color, #ddd);padding:8px 16px;border-radius:6px;cursor:pointer;color:var(--text-color, #333);transition:all .2s ease}.back-button:hover{background:var(--hover-bg, #f5f5f5)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color, #333)}.form-group .required{color:#dc3545}.form-group select,.form-group input[type=text],.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color, #ddd);border-radius:8px;font-size:.95rem;background:var(--input-bg, white);color:var(--text-color, #333);box-sizing:border-box}.form-group textarea{resize:vertical;min-height:120px}.form-group select:focus,.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#4a90a4;box-shadow:0 0 0 3px #4a90a426}.upload-button{display:inline-block;padding:10px 20px;background:var(--bg-color, #f5f5f5);border:1px dashed var(--border-color, #ccc);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.upload-button:hover{background:var(--hover-bg, #e8e8e8);border-color:#4a90a4}.upload-button.full-width{display:block;width:100%}.attachments-preview{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.attachment-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-color, #f0f0f0);border-radius:6px;font-size:.85rem}.attachment-item button{background:none;border:none;color:#dc3545;cursor:pointer;padding:2px 4px;font-size:1rem}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-button{padding:12px 24px;background:var(--bg-color, #f5f5f5);border:1px solid var(--border-color, #ddd);border-radius:8px;cursor:pointer;color:var(--text-color, #333);font-size:.95rem;transition:all .2s ease}.cancel-button:hover{background:var(--hover-bg, #e8e8e8)}.submit-button{padding:12px 24px;background:linear-gradient(135deg,#4a90a4,#357a8c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;transition:all .2s ease}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4a90a466}.submit-button:disabled{opacity:.6;cursor:not-allowed}.ticket-detail{background:var(--card-bg, white);border-radius:12px;padding:24px;border:1px solid var(--border-color, #e0e0e0);box-shadow:0 2px 12px #0000000f}.ticket-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.ticket-detail-header h2{margin:0;flex:1;color:var(--text-color, #333)}.ticket-detail-info{margin-bottom:24px;padding:16px;background:var(--bg-color, #f8f9fa);border-radius:8px}.ticket-detail-info .info-row{padding:8px 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.ticket-detail-info .info-row:last-child{border-bottom:none}.ticket-detail-info .info-row strong{display:inline-block;min-width:150px;color:var(--text-muted, #666)}.admin-info .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.ticket-detail-description{margin-bottom:24px}.ticket-detail-description h4{margin:0 0 12px;color:var(--text-color, #333)}.ticket-detail-description p{margin:0;color:var(--text-color, #333);line-height:1.6;white-space:pre-wrap}.ticket-attachments{margin-top:16px}.ticket-attachments h5{margin:0 0 12px;color:var(--text-muted, #666);font-size:.9rem}.attachments-grid{display:flex;flex-wrap:wrap;gap:12px}.ticket-attachment{max-width:200px}.attachment-preview{max-width:100%;max-height:150px;border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.attachment-link{display:inline-block;padding:8px 12px;background:var(--bg-color, #f5f5f5);border-radius:6px;text-decoration:none;color:var(--text-color, #333);transition:background-color .2s ease}.attachment-link:hover{background:var(--hover-bg, #e8e8e8)}.ticket-comments-section{border-top:1px solid var(--border-color, #e0e0e0);padding-top:24px}.ticket-comments-section h4{margin:0 0 16px;color:var(--text-color, #333)}.comments-list{max-height:400px;overflow-y:auto;margin-bottom:20px;padding-right:8px}.comment-item{margin-bottom:16px;padding:16px;border-radius:12px;max-width:85%}.comment-item.user-reply{background:var(--bg-color, #f5f5f5);margin-left:0;border:1px solid var(--border-color, #e0e0e0)}.comment-item.admin-reply{background:linear-gradient(135deg,#4a90a41a,#357a8c1a);margin-left:auto;border:1px solid rgba(74,144,164,.3)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem}.comment-author{font-weight:600;color:var(--text-color, #333)}.comment-date{color:var(--text-muted, #666)}.comment-body p{margin:0;color:var(--text-color, #333);line-height:1.5;white-space:pre-wrap}.comment-attachments{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.no-comments{text-align:center;padding:20px;color:var(--text-muted, #666);font-style:italic}.add-comment-form{background:var(--bg-color, #f8f9fa);padding:16px;border-radius:8px}.add-comment-form h5{margin:0 0 12px;color:var(--text-color, #333)}.add-comment-form textarea{width:100%;padding:12px;border:1px solid var(--border-color, #ddd);border-radius:8px;font-size:.95rem;resize:vertical;background:var(--input-bg, white);color:var(--text-color, #333);box-sizing:border-box}.add-comment-form textarea:focus{outline:none;border-color:#4a90a4;box-shadow:0 0 0 3px #4a90a426}.comment-attachments-upload{margin-top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.send-comment-button{margin-top:12px;padding:10px 20px;background:linear-gradient(135deg,#4a90a4,#357a8c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;transition:all .2s ease}.send-comment-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4a90a466}.send-comment-button:disabled{opacity:.6;cursor:not-allowed}.archived-notice{text-align:center;padding:16px;background:var(--bg-color, #f5f5f5);border-radius:8px;color:var(--text-muted, #666);font-style:italic}.status-controls{display:flex;gap:8px}.status-select{padding:8px 12px;border:2px solid;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;background:var(--input-bg, white);color:var(--text-color, #333)}.status-select:focus{outline:none;box-shadow:0 0 0 3px #4a90a433}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--card-bg, white);border-radius:12px;max-width:400px;width:90%;box-shadow:0 8px 32px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #e0e0e0)}.modal-header h3{margin:0;color:var(--text-color, #333)}.modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted, #666);padding:4px}.modal-close:hover{color:var(--text-color, #333)}.modal-body{padding:20px;text-align:center}.new-tickets-count{font-size:1.1rem;color:var(--text-color, #333)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color, #e0e0e0)}.primary-button,.secondary-button{padding:10px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.primary-button{background:linear-gradient(135deg,#4a90a4,#357a8c);border:none;color:#fff}.primary-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a90a466}.secondary-button{background:var(--bg-color, #f5f5f5);border:1px solid var(--border-color, #ddd);color:var(--text-color, #333)}.secondary-button:hover{background:var(--hover-bg, #e8e8e8)}.ticket-toast{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1001;animation:slideIn .3s ease;box-shadow:0 4px 16px #0003}.ticket-toast.success{background:linear-gradient(135deg,#28a745,#1e7e34)}.ticket-toast.error{background:linear-gradient(135deg,#dc3545,#bd2130)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-tickets .admin-filters{background:var(--card-bg, white)}.admin-tickets .admin-reply-form{background:linear-gradient(135deg,#4a90a414,#357a8c14);border:1px solid rgba(74,144,164,.2)}@media (max-width: 768px){.tickets-container{padding:12px}.tickets-header{flex-direction:column;align-items:stretch}.tickets-stats{flex-wrap:wrap;justify-content:center}.stat-card{flex:1 1 45%;min-width:80px;padding:12px 16px}.stat-card .stat-value{font-size:1.5rem}.filters-row{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column;align-items:stretch;gap:4px}.filter-group select,.filter-group input[type=text]{width:100%}.search-input{min-width:auto}.tickets-table{font-size:.8rem}.tickets-table th,.tickets-table td{padding:8px 10px}.ticket-detail-info .info-row strong{display:block;min-width:auto;margin-bottom:4px}.comment-item{max-width:95%}.form-actions{flex-direction:column}.form-actions button{width:100%}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;padding:40px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-header h1{margin:0 0 8px;font-size:28px;color:#1a1a1a;font-weight:700}.login-header p{margin:0;color:#666;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .2s;font-family:inherit}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-button{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#999;font-size:14px}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.login-divider span{padding:0 16px}.toggle-mode{text-align:center;margin-top:16px}.toggle-link{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;text-decoration:underline;padding:8px;transition:color .2s}.toggle-link:hover:not(:disabled){color:#764ba2}.toggle-link:disabled{opacity:.5;cursor:not-allowed}.health-status{display:flex;align-items:center;gap:8px;padding:0;font-size:13px;background:transparent;border:none}.health-status .health-icon{font-size:14px;animation:pulse 2s ease-in-out infinite}.health-info{display:flex;flex-direction:column;gap:2px}.health-text{font-weight:600;font-size:13px;text-shadow:0 1px 0 rgba(255,255,255,.5),0 -1px 0 rgba(0,0,0,.2)}.health-status.online .health-text{color:#2e7d32}.health-status.error .health-text{color:#c62828}.health-status.loading .health-text{color:#e65100}.health-detail{font-size:11px;color:#5a6c7d;text-shadow:0 1px 0 rgba(255,255,255,.5),0 -1px 0 rgba(0,0,0,.15);opacity:.9}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.health-status{font-size:13px;padding:8px 12px}.health-detail{font-size:11px}}.user-pages-dropdown{display:flex;flex-direction:column;position:relative}.user-dropdown-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#e8ecef;border:none;border-radius:14px;font-size:14px;font-weight:600;color:#5a6c7d;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.25,.46,.45,.94),color .2s ease,background .3s ease;box-shadow:5px 5px 10px #a3b1c680,-5px -5px 10px #ffffffe6;min-width:200px}.user-dropdown-header:hover{color:#1877f2;transform:scale(1.02) translateY(-1px);box-shadow:8px 8px 16px #a3b1c699,-8px -8px 16px #fff,inset 2px 2px 4px #a3b1c633}.user-dropdown-header.open{color:#1877f2;transform:scale(.98);box-shadow:inset 4px 4px 8px #a3b1c680,inset -4px -4px 8px #ffffffe6;background:linear-gradient(145deg,#d5dde4,#e8ecef)}.user-dropdown-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.user-dropdown-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;flex:1}.user-dropdown-name{font-size:13px;font-weight:600;color:inherit;line-height:1.2}.user-dropdown-email{font-size:11px;font-weight:400;color:#8a9aaa;line-height:1.2}.user-dropdown-header.open .user-dropdown-email{color:#5a8bc7}.user-dropdown-arrow{font-size:10px;color:#8a9aaa;transition:transform .3s ease;margin-left:4px}.user-dropdown-header.open .user-dropdown-arrow{transform:rotate(90deg)}.user-dropdown-pages{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:8px;background:#f8f9fa;border-radius:12px;box-shadow:inset 2px 2px 6px #a3b1c666;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-size:13px;font-weight:500;color:#5a6c7d;cursor:pointer;transition:all .2s ease;text-align:left}.page-dropdown-item:hover{border-color:#1877f2;background:#f0f8ff;transform:translate(4px);box-shadow:0 2px 6px #1877f233}.page-dropdown-item.active{border-color:#1877f2;background:linear-gradient(135deg,#e3f2fd,#fff);color:#1877f2;font-weight:600;box-shadow:0 2px 8px #1877f24d}.page-dropdown-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #fff;box-shadow:0 1px 3px #0000001a}.page-dropdown-info{display:flex;flex-direction:column;gap:2px;flex:1}.page-dropdown-name{font-size:13px;font-weight:600;color:inherit;line-height:1.2}.page-dropdown-id{font-size:10px;font-weight:400;color:#8a9aaa;line-height:1.2}.page-dropdown-item.active .page-dropdown-id{color:#5a8bc7}@media (max-width: 768px){.user-dropdown-header{min-width:160px;padding:8px 12px}.user-dropdown-name{font-size:12px}.user-dropdown-email{font-size:10px}.page-dropdown-name{font-size:12px}.page-dropdown-id{font-size:9px}}.app{min-height:100vh;display:flex;flex-direction:column}.nav-tabs{display:flex;gap:16px;background:#e8ecef;padding:20px 24px;max-width:1400px;margin:20px auto 0;width:100%;border-radius:20px;box-shadow:8px 8px 16px #a3b1c699,-8px -8px 16px #ffffffe6}.nav-tabs-admin{margin-bottom:0;border-radius:20px}.nav-tabs-pages{margin-top:8px;border-radius:20px}.nav-tabs-admin+.nav-tabs-pages{border-top:3px solid #d0d7de;margin-top:0;padding-top:24px}.nav-tabs button{padding:14px 28px;background:#e8ecef;border:none;border-radius:14px;font-size:15px;font-weight:600;color:#5a6c7d;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.25,.46,.45,.94),color .2s ease,background .3s ease;box-shadow:5px 5px 10px #a3b1c680,-5px -5px 10px #ffffffe6;position:relative;transform:scale(1);overflow:hidden}.nav-tabs button:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#1877f2 50%,transparent 100%);opacity:0;transition:opacity .3s}.nav-tabs button:hover:not(.active){color:#1877f2;transform:scale(1.02) translateY(-1px);box-shadow:8px 8px 16px #a3b1c699,-8px -8px 16px #fff,inset 2px 2px 4px #a3b1c633}.nav-tabs button:hover:not(.active):before{opacity:1}.nav-tabs button:active:not(.active){transform:scale(.98);transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .1s ease;box-shadow:inset 3px 3px 6px #a3b1c666,inset -3px -3px 6px #fffc}.nav-tabs button.active{color:#1877f2;font-weight:700;transform:scale(.98);box-shadow:inset 4px 4px 8px #a3b1c680,inset -4px -4px 8px #ffffffe6;background:linear-gradient(145deg,#d5dde4,#e8ecef);cursor:default}.nav-tabs button.active:before{opacity:0}.nav-tabs button.nav-tab{display:flex;align-items:center;gap:12px;padding:10px 20px;min-height:60px}.nav-tabs button.nav-tab .page-tab-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.nav-tabs button.nav-tab .page-tab-name{font-size:14px;font-weight:600;color:inherit;line-height:1.2}.nav-tabs button.page-tab{display:flex;align-items:center;gap:12px;padding:10px 20px;min-height:60px}.nav-tabs button.page-tab .page-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.nav-tabs button.page-tab .page-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;margin-top:0;padding-top:0;border-top:none}.nav-tabs button.page-tab .page-name{font-size:14px;font-weight:600;color:inherit;line-height:1.2}.nav-tabs button.page-tab .page-id{font-size:11px;font-weight:400;color:#8a9aaa;line-height:1.2}.nav-tabs button.page-tab.active .page-id{color:#5a8bc7}.nav-tabs button.config-gear-tab{background:linear-gradient(135deg,#b8b8b8,#7f7f7f,#6a6a6a);color:#fff;border:none;border-radius:6px;width:36px;height:36px;padding:0;margin:8px 8px 8px 0;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003,inset 0 1px #ffffff4d;transition:all .2s}.nav-tabs button.config-gear-tab:before{display:none}.nav-tabs button.config-gear-tab:hover{background:linear-gradient(135deg,#c9c9c9,#8f8f8f,#7a7a7a);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d,inset 0 1px #fff6}.nav-tabs button.config-gear-tab:active{transform:translateY(0);box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.nav-tabs button.refresh-button{background:transparent;color:#333;border-radius:6px;padding:8px;margin:8px;min-width:36px;display:flex;align-items:center;justify-content:center;font-size:16px;border-bottom:none}.nav-tabs button.refresh-button:hover{background:#e0e0e0;box-shadow:0 3px 6px #00000040}.action-bar{margin:20px 0;padding:12px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;gap:12px;align-items:center}.action-bar .config-button{padding:10px 20px;background:transparent;color:#6c757d;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.action-bar .config-button:hover:not(:disabled){background:#6c757d;color:#fff;box-shadow:0 3px 8px #6c757d4d}.action-bar .config-button:active{transform:scale(.98)}.action-bar .refresh-button{padding:10px 20px;background:transparent;color:#1877f2;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.action-bar .refresh-button:hover:not(:disabled){background:#1877f2;color:#fff;box-shadow:0 3px 8px #1877f24d}.action-bar .refresh-button:active{transform:scale(.98)}.btn-delete-db{padding:10px 20px;background:transparent;color:#dc3545;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-delete-db .delete-icon{font-size:12px}.btn-delete-db:hover:not(:disabled){background:#dc3545;color:#fff;box-shadow:0 3px 8px #dc35454d}.btn-delete-db:active{transform:scale(.98)}.btn-delete-db:disabled{opacity:.5;cursor:not-allowed}.btn-delete-db.btn-delete-confirm{background:#dc3545;color:#fff}.btn-delete-db.btn-delete-confirm:hover:not(:disabled){background:#c82333}.btn-delete-db.btn-delete-db-confirm{background:#ff9800;color:#fff;animation:pulse .5s ease-in-out}.btn-delete-db.btn-delete-db-confirm:hover:not(:disabled){background:#f57c00}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-cancel-selection{padding:10px 20px;background:transparent;color:#666;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel-selection:hover{background:#f5f5f5;color:#333}.btn-select-all{padding:10px 20px;background:transparent;color:#1877f2;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-select-all:hover:not(:disabled){background:#1877f2;color:#fff;box-shadow:0 3px 8px #1877f24d}.btn-select-all:active{transform:scale(.98)}.btn-select-all:disabled{opacity:.5;cursor:not-allowed}.main-content{max-width:1400px;margin:0 auto;padding:20px;width:100%}.filters{display:flex;gap:15px;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.filters select{padding:10px 15px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;min-width:200px}.filters>button{padding:10px 20px;background:#1877f2;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s}.filters>button:hover{background:#166fe5}.unprocessed-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;min-width:20px;text-align:center;box-shadow:0 2px 8px #ff6b6b66;animation:pulse-badge 2s ease-in-out infinite;z-index:10;pointer-events:none}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff6b6b66}50%{transform:scale(1.1);box-shadow:0 4px 12px #ff6b6b99}}.nav-tab,.page-dropdown-item{position:relative;overflow:visible!important}.facebook-callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.callback-container{background:#fff;border-radius:12px;padding:40px;max-width:500px;width:100%;box-shadow:0 10px 40px #0003;text-align:center}.callback-processing{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner-large{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.callback-processing h2{color:#333;margin:0;font-size:24px}.callback-processing p{color:#666;margin:0;font-size:16px}.callback-success{display:flex;flex-direction:column;align-items:center;gap:20px}.success-icon{width:80px;height:80px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;animation:scaleIn .5s ease-out}.callback-success h2{color:#10b981;margin:0;font-size:28px}.callback-success p{color:#666;margin:0;font-size:16px}.sync-info{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:15px;width:100%}.sync-info p{margin:5px 0;color:#1e40af}.sync-redirect{font-weight:600;color:#3b82f6!important}.dashboard-redirect{font-weight:600;color:#3b82f6}.callback-error{display:flex;flex-direction:column;align-items:center;gap:20px}.error-icon{width:80px;height:80px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;animation:shake .5s ease-out}.callback-error h2{color:#ef4444;margin:0;font-size:28px}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:15px;color:#991b1b;font-size:14px;width:100%;margin:0}.error-actions{display:flex;gap:10px;width:100%;margin-top:10px}.error-actions button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.error-help{font-size:13px;color:#6b7280;margin:0;font-style:italic}@media (max-width: 600px){.callback-container{padding:30px 20px}.callback-processing h2,.callback-success h2,.callback-error h2{font-size:22px}.error-actions{flex-direction:column}.error-actions button{width:100%}}.facebook-sync-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.sync-container{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px #0003}.sync-header{text-align:center;margin-bottom:40px}.sync-header h1{color:#1f2937;font-size:32px;margin:0 0 10px}.sync-header p{color:#6b7280;font-size:16px;margin:0}.sync-idle{text-align:center;padding:20px}.pages-count{font-size:18px;color:#374151;margin-bottom:30px}.pages-count strong{color:#667eea;font-size:24px}.sync-idle button{padding:14px 30px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin:10px}.btn-primary.btn-large{background:#667eea;color:#fff;padding:16px 40px;font-size:18px}.btn-primary.btn-large:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sync-loading{display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 20px}.sync-loading h2{color:#1f2937;font-size:24px;margin:0}.sync-loading p{color:#6b7280;margin:0;font-size:16px}.sync-note{font-size:14px!important;color:#9ca3af!important;font-style:italic}.sync-success{text-align:center}.success-icon-large{width:100px;height:100px;background:#10b981;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:60px;font-weight:700;margin-bottom:20px;animation:scaleIn .5s ease-out}.sync-success h2{color:#10b981;font-size:28px;margin:0 0 30px}.synced-pages-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:20px;margin-bottom:30px}.synced-pages-summary p{margin:5px 0;color:#166534;font-size:16px}.synced-pages-summary strong{color:#15803d;font-size:20px}.sync-warnings{color:#d97706!important;font-size:14px!important;margin-top:10px!important}.synced-pages-list{text-align:left;margin-bottom:30px}.synced-pages-list h3{color:#1f2937;font-size:20px;margin:0 0 20px}.page-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px;transition:all .3s ease}.page-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.page-card-header{display:flex;gap:16px;align-items:center;margin-bottom:12px}.page-picture{width:60px;height:60px;border-radius:8px;object-fit:cover;border:2px solid #e5e7eb}.page-info{flex:1}.page-info h4{margin:0 0 5px;color:#1f2937;font-size:18px}.page-id{font-size:12px;color:#9ca3af;margin:2px 0;font-family:monospace}.page-category{font-size:14px;color:#6b7280;margin:2px 0}.page-card-footer{display:flex;gap:10px;flex-wrap:wrap}.token-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.token-badge.permanent{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.roles-badge{display:inline-flex;padding:6px 12px;background:#e0e7ff;color:#4338ca;border-radius:6px;font-size:12px;font-weight:500;border:1px solid #c7d2fe}.sync-error{text-align:center}.error-icon-large{width:100px;height:100px;background:#ef4444;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:60px;font-weight:700;margin-bottom:20px;animation:shake .5s ease-out}.sync-error h2{color:#ef4444;font-size:28px;margin:0 0 20px}.error-messages{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:20px;margin-bottom:30px;text-align:left}.error-message{color:#991b1b;font-size:14px;margin:8px 0}.error-actions{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.error-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-help{font-size:13px;color:#6b7280;font-style:italic}.sync-errors{text-align:left;margin-top:30px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:20px}.sync-errors h3{color:#92400e;font-size:18px;margin:0 0 15px}.error-item{background:#fffbeb;border-left:3px solid #f59e0b;padding:10px 15px;margin-bottom:10px;font-size:14px;color:#78350f}.error-item strong{color:#92400e}@media (max-width: 768px){.sync-container{padding:30px 20px}.sync-header h1{font-size:26px}.page-card-header{flex-direction:column;align-items:flex-start}.page-picture{width:80px;height:80px}.error-actions{flex-direction:column}.error-actions button{width:100%}.sync-idle button{width:100%;margin:10px 0}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}