:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.layout-container{display:flex;min-height:100vh;width:100vw;overflow-x:hidden}.sidebar{width:320px!important;min-width:320px!important;max-width:320px!important;background:#15172b!important;color:#fff;padding:24px 0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;z-index:10}.logo{margin-bottom:32px;font-size:1.5rem;font-weight:700;letter-spacing:1px}.sidebar nav{width:100%}.sidebar a{display:block;color:#fff;padding:12px 24px;text-decoration:none;margin-bottom:4px;border-radius:6px;transition:background .2s}.sidebar a.active,.sidebar a:hover{background:#232554}.main-content{flex-grow:1;display:flex;flex-direction:column;min-width:0}.header{background:#f5f6fa;padding:16px 24px;border-bottom:1px solid #e0e1e7;font-size:1rem}.content{flex-grow:1;padding:32px 40px;box-sizing:border-box;background:#fafbff;width:100%;min-width:0;overflow-x:auto}select{width:100%;padding:8px 10px;border-radius:6px;border:none;background-color:#232554;color:#fff;font-weight:600;margin-bottom:24px}th:nth-child(1),td:nth-child(1){width:30%;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th:nth-child(2),td:nth-child(2){width:20%;min-width:120px;white-space:normal}th:nth-child(3),td:nth-child(3){width:20%;max-width:120px;white-space:nowrap;text-align:center}th:nth-child(4),td:nth-child(4){width:30%;max-width:220px;white-space:nowrap;text-align:center}.modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-form{background:#fff;padding:24px;border-radius:8px;width:320px;max-width:90%;box-sizing:border-box}.modal-form input[type=text]{width:100%;padding:8px 10px;margin-bottom:12px;border:1px solid #ccc;border-radius:5px;font-size:1rem;box-sizing:border-box}.modal-form input[type=text],.modal-form input[type=password]{width:100%;padding:8px 10px;margin-bottom:12px;border:1px solid #ccc;border-radius:5px;font-size:1rem;box-sizing:border-box}.modal-form select{width:100%;padding:8px 10px;margin-bottom:12px;border:1px solid #ccc;border-radius:5px;font-size:1rem;box-sizing:border-box;background:#232249;color:#fff}.table-responsive{width:100%;overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{padding:8px 12px;border:1px solid #ddd;vertical-align:top;word-break:break-word;overflow-wrap:break-word}th{background-color:#f5f6fa;text-align:left}th:nth-child(1),td:nth-child(1){width:25%;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th:nth-child(2),td:nth-child(2){width:55%;min-width:320px}th:nth-child(3),td:nth-child(3){width:20%;max-width:220px;white-space:nowrap;text-align:center}.btn-action{background-color:#15172b;color:#fff;border:none;padding:6px 12px;margin:0 4px;border-radius:5px;cursor:pointer;transition:background-color .2s}.btn-action:hover{background-color:#232554}.btn-main{background-color:#15172b;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:1rem;margin-bottom:16px}.btn-main:hover{background-color:#232554}.modal-bg{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-form{background:#fff;padding:24px;border-radius:8px;width:420px;max-width:92%;box-sizing:border-box}.modal-form h3{margin:0 0 16px}.modal-form input[type=text],.modal-form input[type=password],.modal-form select,.modal-form textarea{width:100%;padding:8px 10px;margin-bottom:12px;border:1px solid #ccc;border-radius:5px;font-size:1rem;box-sizing:border-box}.settings-textarea{width:100%;min-height:120px;resize:vertical;font-family:inherit;font-size:14px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.form-actions{display:flex;justify-content:center;gap:16px}.form-actions button{min-width:120px;height:48px}.form-error{color:#b32020;margin-bottom:12px}.loader{display:inline-block;width:24px;height:24px;border:3px solid #ccc;border-top:3px solid #15172b;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}.modal-form{background:#fff;padding:24px;border-radius:8px;width:900px;box-sizing:border-box}.readonly-info{background:#f4f4f4;color:#555;border-radius:5px;padding:10px 14px;margin-bottom:10px;font-size:1.05rem}.loader{width:18px;height:18px;border:2px solid #ccc;border-top:2px solid #1aa84b;border-radius:50%;display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-upload-container{width:100%;max-width:900px;margin:32px auto;padding:32px 48px;background:#fff;border-radius:12px;box-shadow:0 2px 16px #0001}.image-upload-container h2,.instructions{margin-bottom:12px}.presets{margin-bottom:16px}.preset-list{display:flex;gap:12px}.preset-item{border:1px solid #eee;padding:8px;background:#fafafa;border-radius:8px;width:120px;text-align:center;cursor:pointer}.preset-item.selected{border-color:#1aa84b;box-shadow:0 2px 8px #0001}.preset-item img{width:80px;height:80px;object-fit:cover;display:block;margin:0 auto 8px}.upload-area input[type=file]{display:block}.preview img{width:200px;height:200px;object-fit:cover;border-radius:8px;border:1px solid #eee}.form-error{color:#b32020;margin-top:12px;font-weight:500}.form-success{color:#1aa84b;margin-top:12px;font-weight:500}.btn-main{background:#1aa84b;color:#fff;padding:10px 12px;border-radius:6px;border:none;cursor:pointer}.btn-main:disabled{background:#ccc;cursor:not-allowed}.login-input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #ccc;font-size:16px;box-sizing:border-box;appearance:none;background-color:#eef4ff;line-height:normal;height:42px}