:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#212b36;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}*{box-sizing:border-box}a{font-weight:500;color:#667eea;text-decoration:none;transition:color .3s ease}a:hover{color:#764ba2;text-decoration:underline}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}*{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}.admin-layout{display:flex;flex-direction:column;height:100vh}.admin-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:1rem;box-shadow:0 2px 4px #0000001a}.admin-container{display:flex;flex:1;overflow:hidden}.admin-sidebar{width:250px;background-color:#fff;border-right:1px solid #e0e0e0;overflow-y:auto}.admin-main{flex:1;overflow-y:auto;padding:2rem}.login-container{display:flex;width:100%;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.login-left{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem}.login-illustration{text-align:center;max-width:500px}.login-illustration h1{font-size:2.5rem;margin-bottom:2rem;font-weight:700;letter-spacing:-1px}.illustration-placeholder{background:#ffffff1a;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:350px;width:350px;display:flex;align-items:center;justify-content:center}.admin-image{max-width:300px;max-height:300px;width:100%;height:auto;object-fit:contain;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff}.login-form-wrapper{width:100%;max-width:420px}.login-form-wrapper h2{font-size:2rem;margin-bottom:2rem;color:#212b36;font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#454f5b;margin-bottom:.5rem}.form-group input{width:100%;padding:.875rem 1rem;border:1px solid #dfe3e8;border-radius:8px;font-size:.95rem;transition:all .3s ease;font-family:inherit;background-color:#fff;color:#212b36}.form-group input::placeholder{color:#b5bcc6}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafc}.form-group input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;-webkit-text-fill-color:#212b36!important}.login-button{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#ffe7e7;border:1px solid #ffb3b3;color:#c00;padding:.875rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.info-box{background-color:#d4f5ff;border:1px solid #a8e0ff;border-left:4px solid #0099cc;padding:1rem;border-radius:8px;font-size:.875rem;color:#046;line-height:1.6}.info-box p{margin:0}.info-box strong{display:block;margin-bottom:.5rem}.login-button.loading{opacity:.7}@media(max-width:768px){.login-container{flex-direction:column}.login-left{display:none;min-height:0}.login-right{flex:1;padding:2rem 1rem 1rem;justify-content:flex-start}.login-form-wrapper{max-width:100%}.login-form-wrapper h2,.login-illustration h1{font-size:1.5rem}}@media(max-width:480px){.login-right{padding:1rem}.login-form-wrapper{padding:0}.login-form-wrapper h2{font-size:1.25rem;margin-bottom:1.5rem}.form-group input{padding:.75rem .875rem;font-size:16px}.login-button{padding:.75rem 1rem}}.dashboard{width:100%}.welcome-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem}.welcome-card h2{font-size:1.5rem;margin:0 0 .5rem;font-weight:700}.welcome-card p{margin:.5rem 0;font-size:.95rem;opacity:.95}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.card h3{font-size:1.1rem;color:#212b36;margin:0 0 1rem;font-weight:600}.card p{color:#637381;margin:0;font-size:.95rem;line-height:1.5}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-header h1{font-size:1.75rem;color:#212b36;margin:0;font-weight:700}.logout-button{padding:.5rem 1.5rem;background-color:#f04040;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease}.logout-button:hover{background-color:#d93030;transform:translateY(-2px);box-shadow:0 4px 12px #f040404d}.settings-container{max-width:800px;margin:0 auto}.settings-header{margin-bottom:2rem}.settings-header h2{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.settings-subtitle{color:#9ca3af;font-size:.95rem;margin:0}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:1.5rem}.settings-section-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 1.25rem;padding-bottom:1rem;border-bottom:1px solid #eef0f3}.settings-field{margin-bottom:1.5rem}.settings-field:last-child{margin-bottom:0}.settings-label{display:block;font-size:.9rem;font-weight:600;color:#4b5563;margin-bottom:.5rem}.settings-input,.settings-select{width:100%;padding:.75rem 1rem;border:1px solid #dae0e6;border-radius:8px;font-size:.95rem;color:#1f2937;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.settings-input:focus,.settings-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.settings-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.settings-select{cursor:pointer}.settings-select option{background-color:#fff;color:#1f2937}.settings-password-input-wrapper{position:relative;display:flex;align-items:center}.settings-password-input-wrapper .settings-input{width:100%;padding-right:2.75rem}.settings-password-toggle{position:absolute;right:12px;background:none;border:none;color:#9ca3af;font-size:.8rem;cursor:pointer;padding:.5rem;transition:color .3s ease}.settings-password-toggle:hover{color:#667eea}.settings-hint{font-size:.8rem;color:#9ca3af;margin-top:.5rem;margin-bottom:0}.settings-success{font-size:.8rem;color:#10b981;margin-top:.5rem;margin-bottom:0}.settings-error{font-size:.8rem;color:#ef4444;margin-top:.5rem;margin-bottom:0}.settings-save-button{width:100%;padding:.75rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.settings-save-button:hover:not(:disabled){background-color:#111827;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.settings-save-button:disabled{opacity:.6;cursor:not-allowed}.settings-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-modal-header{padding:1.5rem;font-weight:700;font-size:1.1rem;border-bottom:2px solid}.settings-modal-header.success{background-color:#10b9811a;color:#10b981;border-bottom-color:#10b981}.settings-modal-header.error{background-color:#ef44441a;color:#ef4444;border-bottom-color:#ef4444}.settings-modal-body{padding:1.5rem;color:#4b5563;font-size:.95rem}.settings-modal-body p{margin:0}.settings-modal-footer{padding:1rem 1.5rem;background-color:#f9fafb;display:flex;gap:.75rem}.settings-modal-button{flex:1;padding:.75rem 1rem;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.settings-modal-button:hover{background-color:#5568d3;transform:translateY(-2px)}@media(max-width:768px){.settings-container{padding:0 1rem}.settings-header h2{font-size:1.5rem}.settings-section{padding:1rem}.settings-modal{width:95%}}.subscriber-list-container{display:flex;flex-direction:column;gap:1.5rem;max-width:1100px;width:100%;margin:0 auto}.subscriber-tabs{display:flex;gap:1rem;border-bottom:1px solid #eef0f3;padding-bottom:1rem}.subscriber-tab{background:none;border:none;padding:.5rem 0;font-size:.95rem;font-weight:500;color:#9ca3af;cursor:pointer;position:relative;transition:color .3s ease;display:flex;align-items:center;gap:.5rem;outline:none;box-shadow:none}.subscriber-tab:hover{color:#4f46e5}.subscriber-tab.active{color:#1f2937}.subscriber-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-.9rem;height:3px;background-color:#4f46e5;border-radius:999px}.subscriber-tab-count{background-color:#e5e7eb;color:#1f2937;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700;min-width:28px;text-align:center}.subscriber-tab-count.count-all{background-color:#eef2ff;color:#4f46e5}.subscriber-tab-count.count-active{background-color:#e6f7ef;color:#1e8e5a}.subscriber-tab-count.count-deleted{background-color:#fde8e8;color:#d32f2f}.subscriber-tab:focus,.subscriber-tab:focus-visible{outline:none;box-shadow:none}.subscriber-controls{display:flex;align-items:center;gap:1rem}.subscriber-search{flex:1;display:flex;align-items:center;gap:.75rem}.subscriber-search-select-wrapper{position:relative}.subscriber-search-select-trigger{padding:.45rem .7rem .45rem .8rem;border:1px solid #e5e7eb;border-radius:12px;font-size:.9rem;font-weight:600;color:#1f2937;background:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;box-shadow:0 1px 2px #1018280f;white-space:nowrap}.subscriber-search-select-arrow{display:inline-flex;align-items:center;justify-content:center;color:#6b7280;transition:transform .2s ease;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px 7px}.subscriber-search-select-arrow.open{transform:rotate(180deg)}.subscriber-search-select-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:16px;padding:8px;box-shadow:0 12px 30px #1018281f;min-width:140px;z-index:20;border:1px solid #eef0f3}.subscriber-search-select-item{width:100%;background:transparent;border:none;color:#1f2937;font-size:.95rem;font-weight:600;padding:8px 10px;border-radius:12px;display:flex;align-items:center;gap:6px;cursor:pointer}.subscriber-search-select-item:hover{background:#f3f4f6}.subscriber-search-select-item.active{background:#eef2ff;color:#4f46e5}.subscriber-search-select-check{font-size:.95rem;line-height:1;min-width:16px;display:inline-block;color:#4f46e5;font-weight:700}.subscriber-search-select-item:not(.active) .subscriber-search-select-check{display:none}.subscriber-search-input{width:100%;padding:.75rem 1rem;border:1px solid #dae0e6;border-radius:8px;font-size:.95rem;color:#1f2937;background:#fff;transition:all .3s ease}.subscriber-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.subscriber-table-wrapper{background:#fff;border:1px solid #eef0f3;border-radius:12px;overflow:hidden;padding:0}.subscriber-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed}.subscriber-table thead{background-color:#f9fafb;border-bottom:1px solid #eef0f3}.subscriber-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:#4b5563;-webkit-user-select:none;user-select:none}.subscriber-table th:first-child,.subscriber-table td:first-child{padding-left:1.5rem}.subscriber-table th:last-child,.subscriber-table td:last-child{padding-right:1.5rem}.subscriber-table th:nth-child(1),.subscriber-table td:nth-child(1){width:180px}.subscriber-table th:nth-child(2),.subscriber-table td:nth-child(2){width:260px}.subscriber-table th:nth-child(3),.subscriber-table td:nth-child(3){width:140px}.subscriber-table th:nth-child(4),.subscriber-table td:nth-child(4){width:160px}.subscriber-table th:nth-child(5),.subscriber-table td:nth-child(5){width:72px}.subscriber-table th.sortable{cursor:pointer;transition:color .3s ease}.subscriber-table th.sortable:hover{color:#667eea}.subscriber-table td{padding:1rem 1.5rem;border-bottom:1px solid #eef0f3;color:#1f2937}.subscriber-table tbody tr:hover{background-color:#f9fafb}.subscriber-table tbody tr:last-child td{border-bottom:none}.subscriber-info{display:flex;align-items:center;gap:.75rem}.subscriber-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.subscriber-details{min-width:0}.subscriber-nickname{font-weight:600;color:#1f2937;margin-bottom:.25rem}.subscriber-nickname-only{font-weight:600;color:#1f2937}.subscriber-email{font-size:.85rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscriber-status-badge{display:inline-block;padding:.4rem .75rem;border-radius:16px;color:#111827;font-weight:700;font-size:.85rem;min-width:96px;text-align:center}.subscriber-status-badge.status-active{background-color:#e6f7ef;color:#1e8e5a}.subscriber-status-badge.status-deleted{background-color:#fde8e8;color:#d32f2f}.subscriber-actions{display:flex;align-items:center;gap:.5rem}.subscriber-action-btn{background:none;border:none;color:#9ca3af;font-size:1rem;cursor:pointer;padding:.4rem;transition:color .3s ease;border-radius:4px}.subscriber-action-btn.menu{font-size:1.25rem;line-height:1}.subscriber-action-btn:hover{color:#667eea;background-color:#667eea1a}.subscriber-action-btn.edit:hover{color:#3b82f6}.subscriber-menu-wrapper{position:static}.subscriber-action-btn.menu{position:relative}.subscriber-menu{position:fixed;background:#fff;border:1px solid #eef0f3;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:99999;min-width:120px}.subscriber-menu button{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;color:#1f2937;font-size:.9rem;cursor:pointer;transition:all .3s ease}.subscriber-menu button:hover{background-color:#667eea1a;color:#3b82f6}.subscriber-menu button.danger{color:#ef4444}.subscriber-menu button.danger:hover{background-color:#ef44441a;color:#ef4444}.subscriber-menu button.status-change{color:#f59e0b}.subscriber-menu button.status-change:hover{background-color:#f59e0b1a;color:#f59e0b}.subscriber-menu button.edit:hover{background-color:#3b82f61a;color:#3b82f6}.subscriber-loading,.subscriber-empty{text-align:center;padding:2rem!important;color:#9ca3af;font-size:.95rem}.subscriber-pagination{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;padding:1rem 0;font-size:.9rem;color:#4b5563}.subscriber-pagination-info{display:flex;align-items:center;gap:.75rem}.subscriber-page-size-wrapper{position:relative}.subscriber-page-size-trigger{padding:.45rem .7rem .45rem .8rem;border:1px solid #e5e7eb;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;background:#fff;color:#1f2937;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 1px 2px #1018280f}.subscriber-page-size-arrow{display:inline-flex;align-items:center;justify-content:center;color:#6b7280;transition:transform .2s ease;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px 7px}.subscriber-page-size-arrow.open{transform:rotate(180deg)}.subscriber-page-size-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:16px;padding:8px;box-shadow:0 12px 30px #1018281f;min-width:110px;z-index:20;border:1px solid #eef0f3}.subscriber-page-size-item{width:100%;background:transparent;border:none;color:#1f2937;font-size:.95rem;font-weight:600;padding:8px 10px;border-radius:12px;display:flex;align-items:center;gap:6px;cursor:pointer}.subscriber-page-size-item:hover{background:#f3f4f6}.subscriber-page-size-item.active{background:#eef2ff;color:#4f46e5}.subscriber-page-size-check{font-size:.95rem;line-height:1;min-width:16px;display:inline-block;color:#4f46e5;font-weight:700}.subscriber-page-size-item:not(.active) .subscriber-page-size-check{display:none}.subscriber-pagination-text{margin-left:1rem;font-weight:500}.subscriber-pagination-buttons{display:flex;gap:.5rem}.subscriber-pagination-btn{width:32px;height:32px;padding:0;border:1px solid #dae0e6;border-radius:6px;background:#fff;color:#1f2937;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.subscriber-pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea;background-color:#667eea0d}.subscriber-pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.subscriber-table{font-size:.85rem}.subscriber-table th,.subscriber-table td{padding:.75rem}.subscriber-avatar{width:36px;height:36px;font-size:.9rem}}@media(max-width:768px){.subscriber-tabs{flex-wrap:wrap;gap:.5rem}.subscriber-tab{font-size:.85rem}.subscriber-table-wrapper{overflow-x:auto}.subscriber-table{font-size:.8rem;min-width:800px}.subscriber-table th,.subscriber-table td{padding:.5rem}.subscriber-pagination{flex-direction:column;gap:1rem;align-items:flex-start}.subscriber-pagination-buttons{width:100%;justify-content:flex-start}}.subscriber-edit-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.subscriber-edit-modal{background:#fff;border-radius:16px;box-shadow:0 20px 48px #00000029;max-width:600px;width:90%;max-height:100vh;overflow-y:auto;padding:3.5rem}.subscriber-edit-modal-title{font-size:1.375rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;margin-top:0}.subscriber-edit-modal-content{margin-bottom:2rem}.subscriber-edit-field{margin-bottom:1.5rem}.subscriber-edit-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.subscriber-edit-field label{display:block;font-size:.875rem;font-weight:600;color:#4b5563;margin-bottom:.5rem}.subscriber-edit-input,.subscriber-edit-select{width:100%;padding:.75rem;border:1px solid #dae0e6;border-radius:8px;font-size:.95rem;color:#1f2937;background:#fff;transition:all .3s ease;font-family:inherit}.subscriber-edit-input:focus,.subscriber-edit-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.subscriber-edit-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 7px;padding-right:2.5rem}.subscriber-edit-modal-footer{display:flex;gap:1rem;justify-content:flex-end}.subscriber-edit-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.subscriber-edit-btn.cancel{background:#fff;color:#1f2937;border:1px solid #dae0e6}.subscriber-edit-btn.cancel:hover{background:#f9fafb;border-color:#667eea}.subscriber-edit-btn.update{background:#1f2937;color:#fff}.subscriber-edit-btn.update:hover{background:#374151}.subscriber-edit-list{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:8px;border:1px solid #dae0e6;min-height:2.5rem}.subscriber-edit-list-item{background:#eef2ff;color:#4f46e5;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.subscriber-edit-list-empty{color:#9ca3af;font-size:.9rem;padding:.25rem 0}.subscriber-edit-company-list{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem;background:#f9fafb;border-radius:8px;border:1px solid #dae0e6;min-height:2.5rem}.subscriber-edit-company-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #dae0e6;border-radius:6px;font-size:.875rem}.subscriber-edit-company-logo{width:24px;height:24px;object-fit:contain}.subscriber-edit-company-name{color:#1f2937;font-weight:600}.subscriber-edit-dropdown{position:relative;margin-bottom:.75rem}.subscriber-edit-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid #dae0e6;border-radius:8px;padding:.75rem;background:#fff;color:#1f2937;font-weight:600;cursor:pointer;transition:all .2s ease}.subscriber-edit-dropdown-trigger:hover{border-color:#667eea;background:#fafaff}.subscriber-edit-arrow{color:#6b7280;transition:transform .2s ease}.subscriber-edit-arrow.open{transform:rotate(180deg)}.subscriber-edit-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e6e5f2;border-radius:8px;box-shadow:0 10px 24px #0000001a;padding:8px;z-index:100;max-height:240px;overflow-y:auto}.subscriber-edit-checkbox{margin-right:.5rem;cursor:pointer}.subscriber-edit-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:6px;cursor:pointer;transition:background .2s ease;font-size:.9rem;border:none;background:none;width:100%;text-align:left}.subscriber-edit-option:hover{background:#f3f4f6}.subscriber-edit-option.selected{background:#eef2ff;color:#4f46e5}.subscriber-edit-option-check{color:#4f46e5;font-weight:700;margin-left:auto}.subscriber-edit-option-all{background:#fbfaff;border:1px solid rgba(118,82,201,.1);margin-bottom:.5rem}.subscriber-edit-option-all:hover{background:#f2efff}.subscriber-edit-divider{height:1px;background:#efeff7;margin:.5rem 0}.subscriber-edit-option-logo{width:18px;height:18px;border-radius:4px;object-fit:contain;margin-right:.5rem}.subscriber-edit-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:#f9fafb;border-radius:8px;border:1px solid #dae0e6;min-height:2.5rem}.subscriber-edit-chips-placeholder{color:#9ca3af;font-size:.9rem}.subscriber-edit-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #dae0e6;border-radius:999px;font-size:.875rem}.subscriber-edit-chip-logo{width:16px;height:16px;border-radius:3px;object-fit:contain}.subscriber-edit-chip-x{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;margin-left:.25rem;transition:color .2s ease}.subscriber-edit-chip-x:hover{color:#ef4444}.subscriber-status-info{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#f9fafb;border-radius:8px}.subscriber-status-info strong{font-size:1rem;color:#1f2937}.subscriber-status-info span{font-size:.875rem;color:#6b7280}.subscriber-status-current{padding:.5rem}.sidebar-logo{padding:.3rem 1.5rem;border-bottom:1px solid #2d2d4f;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;display:flex;flex-direction:row;align-items:center;gap:.6rem;justify-content:center;transition:padding .3s ease}.sidebar-logo h2{margin:0;font-size:1.1rem;font-weight:700;color:#fff;white-space:nowrap}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:0;display:flex;align-items:center;justify-content:center}.sidebar-nav{flex:1;padding:.25rem 0;overflow-y:auto;background-color:#fff;transition:padding .3s ease}.menu-section-title{padding:.75rem 1.5rem;margin:.4rem 0 .3rem;font-size:.65rem;font-weight:700;text-transform:uppercase;color:#999;letter-spacing:.5px}.menu-link,.submenu-link{width:100%;padding:.75rem 1.5rem;background:none;border:none;color:#333;font-size:.95rem;text-align:left;cursor:pointer;transition:all .3s ease;font-family:inherit;font-weight:500;display:flex;align-items:center;gap:.75rem;height:52px}.menu-link:focus,.submenu-link:focus,.menu-link:focus-visible,.submenu-link:focus-visible{outline:none;box-shadow:none}.menu-link.active{background:linear-gradient(90deg,rgba(102,126,234,.2) 0%,transparent 100%);color:#667eea;font-weight:700}.sidebar.collapsed .menu-link.active .menu-arrow{color:#667eea}.sidebar.collapsed .menu-label,.sidebar.collapsed .menu-arrow{display:block;position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:.85rem;color:#9aa4b2}.sidebar.collapsed .submenu{display:none;max-height:none;overflow:visible}.sidebar.collapsed .menu-item,.sidebar.collapsed .menu-link{position:relative}.sidebar.collapsed .menu-arrow{display:block;position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.85rem;color:#9aa4b2}.sidebar.collapsed .submenu.submenu-popup{position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);min-width:200px;max-height:none;height:auto;padding:.75rem 0;background:#fff;border:1px solid #eef0f3;border-radius:14px;box-shadow:0 12px 30px #1018281f;display:none;overflow:visible;z-index:240}.sidebar.collapsed .menu-item:hover .submenu.submenu-popup,.sidebar.collapsed .submenu.submenu-popup.popup-open{display:block}.sidebar.collapsed .submenu.submenu-popup .submenu-link{padding:.6rem 1.25rem}.submenu-link{padding:.6rem 1.5rem .6rem 2.5rem;font-size:.9rem;color:#b0b0b0;position:relative}.submenu-link.active{background:transparent;color:#667eea;font-weight:700}.sidebar{width:280px;background-color:#fff;color:#333;height:100vh;overflow-y:auto;box-shadow:2px 0 8px #00000026;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:width .3s ease}.sidebar-logo{padding:1rem 1.5rem;border-bottom:1px solid #2d2d4f;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:visible;display:flex;align-items:center;gap:.75rem;justify-content:center;transition:padding .3s ease}.sidebar.collapsed .sidebar-logo{padding:1rem .5rem}.sidebar-logo .logo-image{width:32px;height:32px;object-fit:contain;flex-shrink:0}.sidebar-logo h2{margin:0;font-size:1.1rem;font-weight:700;color:#fff;white-space:nowrap;transition:opacity .3s ease}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.sidebar-nav{flex:1;padding:0 0 1rem;overflow-y:auto;background-color:#fff;transition:padding .3s ease}.sidebar.collapsed .sidebar-nav{padding:1rem .25rem}.menu-section-title{padding:.75rem 1.5rem;margin:1rem 0 .5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;color:#999;letter-spacing:.5px;transition:opacity .3s ease}.sidebar.collapsed .menu-section-title{display:none}.menu-link,.submenu-link{flex:1;padding:.75rem 1.5rem;background:none;border:none;color:#333;font-size:.95rem;text-align:left;cursor:pointer;transition:all .3s ease;font-family:inherit;font-weight:500;display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.sidebar.collapsed .menu-label,.sidebar.collapsed .submenu-link{display:none;gap:.5rem;width:100%;height:52px}.sidebar.collapsed{width:90px}.sidebar.collapsed .sidebar-logo h2{display:none}.sidebar-logo{padding:1.5rem;border-bottom:1px solid #2d2d4f;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sidebar-toggle{width:32px;height:32px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}.sidebar-toggle:hover{background:#ffffff4d}.menu-item{margin:0;padding:0}.menu-link,.submenu-link{flex:1;padding:.75rem 1.5rem;background:none;border:none;color:#333;font-size:.95rem;text-align:left;cursor:pointer;transition:all .3s ease;font-family:inherit;font-weight:500;display:flex;align-items:center;gap:.5rem;width:100%;height:52px}.menu-link:focus,.submenu-link:focus,.menu-expand-btn:focus{outline:none;box-shadow:none}.menu-link:focus-visible,.submenu-link:focus-visible,.menu-expand-btn:focus-visible{outline:none;box-shadow:none}.menu-arrow{margin-left:auto;font-size:.9rem;color:#666;transition:transform .3s ease,color .3s ease}.menu-link:hover .menu-arrow{color:#667eea}.menu-arrow.expanded{transform:rotate(90deg)}.submenu-link{padding:.6rem 1.5rem .6rem 2.5rem;font-size:.9rem;color:#b0b0b0;position:relative;width:100%}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-logo h2,.sidebar.collapsed .menu-section-title,.sidebar.collapsed .menu-label,.sidebar.collapsed .menu-arrow{display:none}.sidebar.collapsed .menu-link{justify-content:center;padding:.75rem 0}.sidebar.collapsed .menu-item{position:relative}.sidebar.collapsed .submenu{display:block;position:absolute;left:100%;top:0;min-width:200px;background:#fff;box-shadow:0 8px 24px #0000001f;border-radius:12px;padding:.5rem 0;max-height:0;overflow:hidden;z-index:10}.sidebar.collapsed .menu-item:hover .submenu{max-height:500px}@media(max-width:768px){.sidebar{width:250px}.menu-link,.submenu-link{padding:.6rem 1rem;font-size:.9rem}.submenu-link{padding:.5rem 1rem .5rem 1.8rem;font-size:.8rem}.menu-section-title{padding:.5rem 1rem;font-size:.7rem}}.sidebar{width:280px;background-color:#fff;color:#333;height:100%;overflow-y:auto;box-shadow:2px 0 8px #00000026;display:flex;flex-direction:column}.sidebar-logo{padding:1.5rem;border-bottom:1px solid #2d2d4f;background:linear-gradient(135deg,#667eea,#764ba2)}.sidebar-logo h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.sidebar-nav{flex:1;padding:0 0 1rem;overflow-y:auto;background-color:#fff}.menu-section{margin-bottom:0}.menu-section-title{padding:.75rem 1.5rem;margin:1rem 0 .5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;color:#999;letter-spacing:.5px}.menu-list{list-style:none;padding:0;margin:0}.menu-item{margin:0;padding:0;list-style:none}.menu-link{display:flex;align-items:center;width:100%;padding:.75rem 1.5rem;background:none;border:none;color:#333;font-size:.95rem;text-align:left;cursor:pointer;transition:all .3s ease;font-family:inherit;font-weight:500;gap:.5rem;height:52px}.menu-icon{width:24px;height:24px;flex-shrink:0;opacity:.8;filter:grayscale(100%);transition:filter .3s ease}.menu-label{flex:1}.menu-arrow{font-size:.65rem;flex-shrink:0;transition:transform .3s ease,color .3s ease;color:#666}.menu-arrow.expanded{transform:rotate(90deg);color:#667eea}.menu-link:focus,.submenu-link:focus{outline:none;box-shadow:none}.menu-link:focus-visible,.submenu-link:focus-visible{outline:none;box-shadow:none}.menu-link:hover{background-color:#667eea1a;color:#667eea}.menu-link.active{background:linear-gradient(90deg,rgba(102,126,234,.2) 0%,transparent 100%);color:#667eea;border-left:3px solid #667eea;padding-left:1.5rem;font-weight:700}.menu-link.active .menu-icon{filter:grayscale(0%)}.submenu{list-style:none;padding:.5rem 0;margin:0;max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:transparent}.submenu.open{max-height:500px}.submenu-item{margin:0;padding:0;list-style:none}.submenu-link{padding:.6rem 1.5rem .6rem 2.5rem;font-size:.85rem;color:#b0b0b0;position:relative;width:100%;background:none;border:none;text-align:left;cursor:pointer;transition:all .3s ease;font-family:inherit;display:block}.submenu-link:before{content:"";position:absolute;left:1.5rem;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background-color:#b5b5b5;transition:background-color .3s ease}.submenu-link:hover{background-color:#667eea1a;color:#667eea}.submenu-link:hover:before{background-color:#667eea}.submenu-link.active{background-color:transparent;color:#667eea;font-weight:700}.submenu-link.active:before{background-color:#667eea}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.sidebar{width:250px}.menu-link,.submenu-link{padding:.6rem 1rem}}.sidebar{position:fixed;overflow:visible;z-index:200}.sidebar-toggle{position:absolute;top:5%;right:-16px;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;color:#1f2937;border:1px solid #e5e7eb;box-shadow:0 8px 20px #0000001f;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;z-index:220}.sidebar-toggle:focus,.sidebar-toggle:focus-visible{outline:none;box-shadow:0 8px 20px #0000001f}.sidebar-toggle:hover,.sidebar-toggle:active{background:#fff;color:#1f2937;border-color:#e5e7eb;box-shadow:0 8px 20px #0000001f}.sidebar.collapsed .sidebar-toggle{right:-16px}.sidebar .sidebar-logo{width:100%;justify-content:center;align-items:center;gap:.6rem}.sidebar .sidebar-logo h2{text-align:center}.sidebar.collapsed .menu-link{position:relative;flex-direction:column;justify-content:center;gap:.4rem;height:76px;padding:.7rem .4rem .8rem;align-items:center;text-align:center}.sidebar.collapsed .menu-label{display:none}.sidebar.collapsed .menu-icon{margin:0 auto;display:block;width:24px;height:24px}.sidebar.collapsed .menu-arrow{display:block;position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#9aa4b2}.sidebar.collapsed .submenu{display:none!important;max-height:none!important;overflow:visible!important}.sidebar.collapsed .submenu.submenu-popup{display:none!important;position:absolute!important;top:50%!important;left:calc(100% + 12px)!important;transform:translateY(-50%)!important;min-width:200px!important;padding:.75rem 0!important;background:#fff!important;border:1px solid #eef0f3!important;border-radius:14px!important;box-shadow:0 12px 30px #1018281f!important;z-index:240!important}.sidebar.collapsed .menu-item:hover .submenu.submenu-popup{display:block!important}.admin-header{background:#fff;border-bottom:none;padding:0 2rem;height:70px;display:flex;align-items:center;box-shadow:none;flex-shrink:0}.header-content{width:100%;display:flex;align-items:center;justify-content:flex-end}.header-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.header-profile{position:relative}.profile-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.profile-button:hover{background-color:#667eea1a}.profile-icon{width:40px;height:40px;border-radius:50%;background-color:#d1d5db;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#6b7280;font-weight:600}.profile-popup{position:absolute;top:calc(100% + 12px);right:0;min-width:280px;background:#fff;border:1px solid #eef0f3;border-radius:12px;box-shadow:0 12px 30px #1018281f;z-index:1000;padding:1rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-popup-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.profile-popup-avatar{width:48px;height:48px;border-radius:50%;background-color:#d1d5db;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#6b7280;font-weight:600;flex-shrink:0}.profile-popup-info{flex:1;min-width:0}.profile-popup-name{font-size:.95rem;font-weight:700;color:#1f2937;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-popup-email{font-size:.85rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-popup-divider{height:1px;background-color:#eef0f3;margin:.75rem 0}.profile-popup-actions{display:flex;flex-direction:column;gap:.5rem}.profile-popup-btn{width:100%;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left}.settings-btn{background-color:#667eea1a;color:#667eea}.settings-btn:hover{background-color:#667eea33;transform:translate(4px)}.logout-btn{background-color:#ef44441a;color:#ef4444}.logout-btn:hover{background-color:#ef444433;transform:translate(4px)}.sidebar.collapsed~.admin-content .admin-header{left:80px}@media(max-width:768px){.admin-header{padding:0 1.5rem;height:60px}.header-title{font-size:1.25rem}.profile-popup{min-width:240px}}:root{--sidebar-width: 280px}.admin-layout{display:flex;width:100%;height:100vh;background-color:#fff;overflow:hidden}.admin-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:var(--sidebar-width);transition:margin-left .3s ease}.admin-header{margin-left:calc(var(--sidebar-width) * -1);width:calc(100% + var(--sidebar-width))}.admin-main{flex:1;overflow-y:auto;padding:2rem;width:100%}@media(max-width:768px){.admin-layout{flex-direction:column;height:auto}.admin-content{margin-left:0}.admin-header{margin-left:0;width:100%;padding:1rem;min-height:auto}.admin-header h1{font-size:1.25rem}.admin-main{padding:1rem}}.article-list-container{display:flex;flex-direction:column;gap:1.5rem;max-width:100%;width:100%;margin:0 auto;padding:2rem}.article-list-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:2px solid #667eea}.article-list-header h1{margin:0;font-size:1.75rem;font-weight:700;color:#1f2937}.article-list-add-btn{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.article-list-add-btn:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.article-list-add-btn:active{transform:translateY(0)}.article-controls{display:flex;gap:1rem;align-items:center;padding:1rem;background:#fff;border:1px solid #eef0f3;border-radius:12px}.article-filters{display:flex;gap:.75rem;align-items:center}.article-filter-wrapper{position:relative}.article-filter-trigger{padding:.625rem .875rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;font-weight:500;color:#1f2937;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.article-filter-trigger:hover{background:#f9fafb;border-color:#d1d5db}.article-filter-arrow{font-size:.75rem;transition:transform .3s ease}.article-filter-arrow.open{transform:rotate(180deg)}.article-filter-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:10;min-width:160px;margin-top:.5rem;max-height:300px;overflow-y:auto}.article-filter-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;color:#1f2937;font-size:.9rem;cursor:pointer;transition:all .3s ease}.article-filter-item:hover{background:#f9fafb;color:#667eea}.article-filter-item.active{background:#667eea1a;color:#667eea;font-weight:600}.article-filter-check{min-width:1.2rem}.article-search{flex:1;min-width:200px}.article-search-input{width:100%;padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;transition:all .3s ease}.article-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.article-table-wrapper{background:#fff;border:1px solid #eef0f3;border-radius:12px;overflow:hidden;padding:0}.article-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed}.article-table thead{background-color:#f9fafb;border-bottom:1px solid #eef0f3}.article-table th{padding:1rem;text-align:center;font-weight:600;color:#4b5563;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-table th:first-child{padding-left:1.5rem}.article-table th:last-child{padding-right:1.5rem}.article-table th:nth-child(1),.article-table td:nth-child(1){width:180px}.article-table th:nth-child(2),.article-table td:nth-child(2){width:120px}.article-table th:nth-child(3),.article-table td:nth-child(3){width:150px}.article-table th:nth-child(4),.article-table td:nth-child(4){width:100px}.article-table th:nth-child(5),.article-table td:nth-child(5){width:100px}.article-table th:nth-child(6),.article-table td:nth-child(6){width:150px}.article-table th:nth-child(7),.article-table td:nth-child(7){width:110px}.article-table th:nth-child(8),.article-table td:nth-child(8){width:60px}.article-table th.sortable{cursor:pointer;transition:color .3s ease}.article-table th.sortable:hover{color:#667eea}.sort-arrow{margin-left:.25rem;font-size:.8rem;color:#667eea}.article-table td{padding:1rem;border-bottom:1px solid #eef0f3;color:#1f2937;text-align:center}.article-table td:first-child{padding-left:1.5rem}.article-table td:last-child{padding-right:1.5rem}.article-table tbody tr:hover{background-color:#f9fafb}.article-table tbody tr:last-child td{border-bottom:none}.article-company{display:flex;align-items:center;gap:.75rem;height:2rem}.article-company-logo{width:2rem;height:2rem;border-radius:4px;object-fit:cover;flex-shrink:0}.article-company span{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.article-category{color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-title{font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-link{text-align:center}.article-link-text{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.article-link-text:hover{color:#5568d3;text-decoration:underline}.article-image{text-align:center}.article-image-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.article-image-link:hover{color:#5568d3;text-decoration:underline}.article-description{font-size:.85rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-actions{display:flex;align-items:center;gap:.5rem;justify-content:center}.article-action-btn{background:none;border:none;color:#9ca3af;font-size:1rem;cursor:pointer;padding:.4rem;transition:color .3s ease;border-radius:4px}.article-action-btn.menu{font-size:1.25rem;line-height:1}.article-action-btn:hover{color:#667eea;background-color:#667eea1a}.article-action-btn.edit:hover{color:#3b82f6}.article-menu-wrapper{position:static}.article-action-btn.menu{position:relative}.article-menu{position:fixed;background:#fff;border:1px solid #eef0f3;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:99999;min-width:120px}.article-menu button{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;color:#1f2937;font-size:.9rem;cursor:pointer;transition:all .3s ease}.article-menu button:hover{background-color:#667eea1a;color:#3b82f6}.article-menu button:first-child{border-radius:7px 7px 0 0}.article-menu button:last-child{border-radius:0 0 7px 7px}.article-menu button.danger{color:#ef4444}.article-menu button.danger:hover{background-color:#ef44441a;color:#ef4444}.article-pagination{display:flex;justify-content:flex-end;align-items:center;gap:2rem;padding:1.5rem 0;border-top:1px solid #eef0f3}.article-pagination-info{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:#6b7280}.article-page-size-wrapper{position:relative}.article-page-size-trigger{background:#fff;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:6px;color:#1f2937;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.article-page-size-trigger:hover{background:#f9fafb;border-color:#d1d5db}.article-page-size-arrow{font-size:.8rem;transition:transform .3s ease}.article-page-size-arrow.open{transform:rotate(180deg)}.article-page-size-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:10;min-width:80px;margin-top:.5rem}.article-page-size-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;color:#1f2937;font-size:.9rem;cursor:pointer;transition:all .3s ease}.article-page-size-item:hover{background:#f9fafb;color:#667eea}.article-page-size-item.active{background:#667eea1a;color:#667eea;font-weight:600}.article-page-size-check{min-width:1.2rem}.article-pagination-text{min-width:120px;text-align:center}.article-pagination-controls{display:flex;gap:.5rem}.article-pagination-btn{padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-weight:600;cursor:pointer;transition:all .3s ease}.article-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.article-pagination-btn:disabled{color:#d1d5db;cursor:not-allowed}.article-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.article-modal{background:#fff;border-radius:12px;max-height:100vh;padding:3.5rem;max-width:600px;width:90%;box-shadow:0 20px 25px -5px #0000001a;overflow-y:auto}.article-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eef0f3}.article-modal-header h2{margin:0;font-size:1.25rem;color:#1f2937}.article-modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;transition:color .3s ease}.article-modal-close:hover{color:#1f2937}.article-modal-body{margin-bottom:1.5rem}.article-form-group{margin-bottom:1.25rem}.article-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#1f2937;font-size:.9rem}.article-form-input,.article-form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.article-form-textarea{resize:vertical;min-height:100px}.article-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #eef0f3}.article-btn-cancel,.article-btn-submit{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.article-btn-cancel{background:#f3f4f6;color:#1f2937}.article-btn-cancel:hover{background:#e5e7eb}.article-btn-submit:disabled{opacity:.6;cursor:not-allowed}.article-edit-dropdown-wrapper{position:relative;width:100%}.article-edit-dropdown-trigger{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;color:#1f2937;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;text-align:left}.article-edit-dropdown-trigger:hover{border-color:#667eea}.article-edit-dropdown-arrow{font-size:.7rem;transition:transform .3s ease;color:#9ca3af}.article-edit-dropdown-arrow.open{transform:rotate(180deg)}.article-edit-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:20;max-height:250px;overflow-y:auto}.article-edit-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;color:#1f2937;font-size:.9rem;cursor:pointer;transition:all .3s ease}.article-edit-dropdown-item:hover{background:#f9fafb;color:#667eea}.article-edit-dropdown-item.active{background:#667eea1a;color:#667eea;font-weight:600}.article-edit-dropdown-check{min-width:1.2rem}.article-create-container{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto;padding:2rem}.article-create-header{padding-bottom:1rem;border-bottom:2px solid #667eea}.article-create-header h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:#1f2937}.article-create-header p{margin:0;font-size:.95rem;color:#9ca3af}.article-create-content{background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:2rem}.article-form-group{margin-bottom:1.75rem}.article-form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:#1f2937;font-size:.95rem}.article-form-input,.article-form-textarea{width:100%;padding:.875rem 1rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;font-family:inherit;transition:all .3s ease;box-sizing:border-box;color:#1f2937}.article-form-input::placeholder,.article-form-textarea::placeholder{color:#d1d5db}.article-form-input:focus,.article-form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.article-form-textarea{resize:vertical;min-height:120px}.article-create-dropdown-wrapper{position:relative;width:100%}.article-create-dropdown-trigger{width:100%;padding:.875rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;color:#1f2937;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:500}.article-create-dropdown-trigger:hover{border-color:#667eea}.article-create-dropdown-arrow{font-size:.75rem;transition:transform .3s ease;color:#9ca3af}.article-create-dropdown-arrow.open{transform:rotate(180deg)}.article-create-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:20;max-height:300px;overflow-y:auto}.article-create-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:none;border:none;text-align:left;color:#1f2937;font-size:.95rem;cursor:pointer;transition:all .3s ease}.article-create-dropdown-item:hover{background:#f9fafb;color:#667eea}.article-create-dropdown-item.active{background:#667eea1a;color:#667eea;font-weight:600}.article-create-dropdown-check{min-width:1.2rem}.article-filter-company{display:flex;align-items:center;gap:.5rem}.article-filter-company-logo{width:1.5rem;height:1.5rem;object-fit:contain;border-radius:4px}.article-create-footer{display:flex;gap:.875rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #eef0f3;background:#f9fafb;margin:-2rem;padding:1.5rem 2rem;border-radius:0 0 12px 12px}.article-btn-cancel,.article-btn-submit{padding:.875rem 1.75rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.article-btn-cancel{background:#fff;color:#1f2937;border:1px solid #e5e7eb}.article-btn-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.article-btn-submit{background:#667eea;color:#fff}.article-btn-submit:hover:not(:disabled){background:#5568d3}.article-btn-cancel:disabled,.article-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.article-create-container{padding:1rem;gap:1.5rem}.article-create-content{padding:1.5rem}.article-create-header h1{font-size:1.5rem}.article-create-footer{flex-direction:column-reverse}.article-btn-cancel,.article-btn-submit{width:100%}}#root{width:100%;height:100%;margin:0;padding:0}