*{box-sizing:border-box;padding:0}*,body{margin:0}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}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#f0f8ff;color:#333;padding:15px 30px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.app-title{margin:0;font-size:24px;font-weight:700}.app-container{display:flex;flex:1 1}.app-sidebar{width:250px;background:#fff;border-right:1px solid #e0e0e0;padding:20px 0;box-shadow:2px 0 4px rgba(0,0,0,.05)}.sidebar-nav{display:flex;flex-direction:column}.sidebar-item{padding:12px 30px;color:#333;text-decoration:none;transition:background-color .2s;border-left:3px solid transparent}.sidebar-item:hover{background-color:#f5f5f5}.sidebar-item.active{background-color:#f0f8ff;border-left-color:#666;color:#333;font-weight:500}.app-main{flex:1 1;padding:30px;overflow-y:auto}.page-content{max-width:1200px;margin:0 auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}h1{margin-bottom:30px}h1,h2{color:#333}h2{margin-top:30px;margin-bottom:15px}.home-content ul{list-style:none;padding:0}.home-content li{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:4px;border-left:4px solid #0070f3}.home-content li strong{display:block;font-size:18px;margin-bottom:10px;color:#0070f3}.home-content li p{margin:0;color:#666}.staff-input{gap:15px;margin-bottom:30px;padding:15px;background:#f9f9f9;border-radius:4px;flex-wrap:wrap}.filter-row,.staff-input{display:flex;align-items:center}.filter-row{gap:8px}.filter-row label{font-weight:700;white-space:nowrap}.staff-input input,.staff-input select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px}.staff-input button{padding:8px 20px;background:#0070f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.staff-input button:disabled{background:#ccc;cursor:not-allowed}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:4px}.stop-button{padding:10px 24px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700}.stop-button:disabled{background:#ccc;cursor:not-allowed}.stop-button:hover:not(:disabled){background:#c82333}.cancel-button{background:#ffc107;color:#333;font-size:16px;font-weight:700;margin-left:10px}.cancel-button:hover{background:#e0a800}.selected-counts{color:#666;font-size:14px}.campaign-tree{margin-top:20px}.campaign-node{margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:4px;background:#fafafa}.campaign-node.all-stopped{background:#e0e0e0}.campaign-node.updated{background:#ff0!important}.campaign-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.campaign-label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;flex:1 1}.campaign-label input[type=checkbox]{flex-shrink:0;pointer-events:auto}.campaign-name{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1 1;pointer-events:auto;display:flex;flex-direction:column}.campaign-name:hover{color:#0070f3}.campaign-name:hover .account-name,.campaign-name:hover .campaign-name-text{text-decoration:underline}.account-name{font-size:12px;color:#666;margin-bottom:2px;line-height:1.2}.campaign-name-text{font-size:16px;color:#333;line-height:1.4}.expand-button{background:none;border:none;font-size:14px;cursor:pointer;padding:4px 8px;color:#666;-webkit-user-select:none;-moz-user-select:none;user-select:none}.expand-button:hover{color:#333}.adset-list{margin-left:30px;margin-top:10px}.adset-node{margin-bottom:10px;padding:10px;background:#fff;border:1px solid #eee;border-radius:4px}.adset-header{justify-content:space-between;margin-bottom:8px}.adset-header,.adset-label{display:flex;align-items:center}.adset-label{gap:8px;font-weight:500;font-size:14px;flex:1 1}.adset-label input[type=checkbox]{flex-shrink:0;pointer-events:auto}.adset-name{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1 1;pointer-events:auto}.adset-name:hover{color:#0070f3;text-decoration:underline}.ad-list{margin-left:30px;margin-top:8px}.ad-node{margin-bottom:5px;padding:8px;background:#f9f9f9;border-radius:4px}.ad-label{display:flex;align-items:center;gap:8px;font-size:13px}input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:8px;max-width:500px;width:90%}.modal-content h2{margin-bottom:20px;color:#333}.confirm-counts{margin-bottom:25px}.confirm-counts p{margin-bottom:8px;font-size:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-button{padding:10px 24px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.confirm-button:hover{background:#c82333}.cancel-button{padding:10px 24px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.cancel-button:hover{background:#5a6268}.job-progress{margin-top:30px;padding:20px;background:#f9f9f9;border-radius:4px}.job-progress h3{margin-bottom:15px;color:#333}.progress-bar{width:100%;height:24px;background:#e9ecef;border-radius:12px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:#0070f3;transition:width .3s ease}.status{margin-top:10px;font-weight:700;color:#666}.message{margin-top:5px;color:#28a745}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:15px;background:#f9f9f9;border-radius:4px}.pagination-info{color:#666;font-size:14px}.pagination-options{display:flex;align-items:center;gap:8px}.pagination-options label{color:#666;font-size:14px}.items-per-page-select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.items-per-page-select:hover{border-color:#0070f3}.items-per-page-select:focus{outline:none;border-color:#0070f3;box-shadow:0 0 0 2px rgba(0,112,243,.1)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:30px 0;padding:15px}.pagination-button{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;cursor:pointer;font-size:14px;transition:all .2s}.pagination-button:hover:not(:disabled){background:#f5f5f5;border-color:#0070f3;color:#0070f3}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:4px;align-items:center}.pagination-page-button{min-width:36px;height:36px;padding:0 12px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;cursor:pointer;font-size:14px;transition:all .2s}.pagination-page-button:hover{background:#f5f5f5;border-color:#0070f3;color:#0070f3}.pagination-page-button.active{background:#0070f3;border-color:#0070f3;color:#fff;font-weight:700}.pagination-page-button.active:hover{background:#0056b3;border-color:#0056b3}.pagination-ellipsis{padding:0 8px;color:#666;font-size:14px}