.system-settings-page{max-width:1120px;margin:0 auto;padding:28px}.settings-hero{display:flex;align-items:center;justify-content:space-between;padding:28px 30px;border:1px solid #3b3d42;border-radius:22px;background:linear-gradient(120deg,#292526,#1d2022)}.settings-hero small,.settings-panel header small{color:#ff6b68;font-size:11px;font-weight:800;letter-spacing:.14em}.settings-hero h1{margin:7px 0;font-size:30px}.settings-hero p,.settings-panel p{margin:0;color:#aeb0b5;font-size:14px}.settings-hero>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#58302f;color:#ff7772;font-size:25px}.settings-tabs{display:flex;gap:8px;margin:24px 0 12px}.settings-tabs button{padding:11px 18px;border:1px solid #373a3e;border-radius:12px;background:#232527;color:#aeb1b6;font-weight:700}.settings-tabs button.is-active{background:#f3f1ef;color:#1d1d1f}.settings-panel{display:none;border:1px solid #393c40;border-radius:20px;background:#202224;overflow:hidden}.settings-panel.is-active{display:block}.settings-panel>header{display:flex;gap:16px;align-items:center;padding:24px 26px;border-bottom:1px solid #35383b}.settings-panel>header>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#343039;color:#ad8cff;font-size:20px}.settings-panel h2{margin:4px 0;font-size:20px}.settings-audio-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:26px}.settings-audio-row label,.settings-grid label{display:grid;gap:8px;color:#b8bbc0;font-size:12px}.settings-audio-row select,.settings-grid input,.settings-upload input{height:48px;padding:0 14px;border:1px solid #41454a;border-radius:12px;background:#292c2f;color:#fff;font-size:14px}.settings-audio-row button,.settings-upload button,.settings-footer button,.settings-event-row button{align-self:end;height:48px;padding:0 20px;border:0;border-radius:12px;background:#ff6865;color:#fff;font-weight:800}.settings-upload{display:grid;grid-template-columns:1fr 180px 150px auto;gap:12px;align-items:end;margin:0 26px 26px;padding:18px;border:1px dashed #4b4e53;border-radius:16px;background:#252729}.settings-upload p{font-size:12px}.settings-upload label{height:48px;display:grid;place-items:center;border:1px solid #45494e;border-radius:12px;color:#ddd;cursor:pointer}.settings-upload label input{display:none}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:26px}.settings-toggle{display:flex;gap:14px;align-items:center;margin:0 26px 26px;padding:16px;border:1px solid #3b3f43;border-radius:14px}.settings-toggle input{accent-color:#ff6865}.settings-toggle span{display:grid;gap:4px}.settings-toggle small,.settings-footer{color:#95999f}.settings-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:18px 22px;border:1px solid #393c40;border-radius:16px;background:#202224;font-size:12px}.settings-footer span{display:grid;gap:3px}.settings-footer b{color:#ddd}.settings-event-list{padding:0 26px 22px}.settings-event-list>label{display:block;margin:4px 0 10px}.settings-event-list>label span{color:#b8bbc0;font-size:12px}.settings-event-sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.settings-event-row{display:grid;grid-template-columns:1fr auto;gap:10px}.settings-event-row label{display:grid;gap:8px;color:#b8bbc0;font-size:12px}.settings-event-row select{height:44px;padding:0 14px;border:1px solid #41454a;border-radius:12px;background:#292c2f;color:#fff;font-size:14px}.settings-event-row button{height:44px}.settings-event-row:last-of-type{margin-bottom:4px}@media(max-width:760px){.system-settings-page{padding:16px}.settings-audio-row,.settings-grid,.settings-upload,.settings-event-sound-grid{grid-template-columns:1fr}.settings-footer{align-items:stretch;gap:15px;flex-direction:column}.settings-footer button{width:100%}}

.settings-event-row{padding:16px;border:1px solid #3b3f44;border-radius:16px;background:linear-gradient(145deg,#272a2d,#222426)}.settings-event-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px}.settings-event-heading>div{display:grid;gap:5px}.settings-event-heading strong{color:#f4f5f6;font-size:14px}.settings-event-heading small{color:#aeb3ba;font-size:12px;line-height:1.45}.settings-event-help{width:30px;height:30px!important;padding:0!important;border:1px solid #555b64!important;border-radius:50%!important;background:#30343a!important;color:#fff!important}.settings-event-dialog{width:min(590px,calc(100vw - 32px));padding:0;border:1px solid #454a51;border-radius:22px;background:#222527;color:#f5f5f5;box-shadow:0 28px 90px #000b}.settings-event-dialog::backdrop{background:#08090bbf;backdrop-filter:blur(5px)}.settings-event-dialog-card header{display:flex;justify-content:space-between;padding:24px 26px;border-bottom:1px solid #3a3e43}.settings-event-dialog-card header small{color:#ff716e;font-size:10px;font-weight:900;letter-spacing:.16em}.settings-event-dialog-card h2{margin:6px 0 0;font-size:23px}.settings-event-dialog-card header button{width:36px;height:36px;border:1px solid #444950;border-radius:11px;background:#2b2e32;color:#fff;font-size:22px}.settings-event-dialog-card>p{margin:0;padding:20px 26px 5px;color:#c6c9ce;font-size:15px}.settings-event-dialog-card dl{display:grid;gap:10px;margin:0;padding:16px 26px 24px}.settings-event-dialog-card dl div{padding:14px 16px;border:1px solid #383d43;border-radius:14px;background:#282b2f}.settings-event-dialog-card dt{margin-bottom:5px;color:#9298a1;font-size:11px;font-weight:800;text-transform:uppercase}.settings-event-dialog-card dd{margin:0;font-size:14px;line-height:1.5}.settings-event-dialog-card footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 26px;border-top:1px solid #3a3e43}.settings-event-dialog-card footer span{color:#969ba3;font-size:12px}.settings-event-dialog-card footer button{padding:11px 18px;border:0;border-radius:11px;background:#ff6865;color:#fff;font-weight:800}@media(max-width:760px){.settings-event-dialog-card footer{align-items:stretch;flex-direction:column}.settings-event-dialog-card footer button{width:100%}}

.settings-event-list-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px}.settings-event-list-title label span{color:#b8bbc0;font-size:12px}.settings-event-list-title strong{padding:5px 9px;border:1px solid #41464c;border-radius:999px;color:#aeb4bc;font-size:11px}.settings-event-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:16px;padding:14px;border:1px solid #393e44;border-radius:15px;background:#25282b}.settings-event-filters label{display:grid;gap:7px}.settings-event-filters label span{color:#aeb3ba;font-size:11px;font-weight:700}.settings-event-filters select{height:43px;padding:0 38px 0 13px;border:1px solid #444950;border-radius:11px;background:#2c3034;color:#f4f5f6;font-size:13px}.settings-event-filters button{height:43px;padding:0 14px;border:1px solid #555b62;border-radius:11px;background:transparent;color:#d7dade;font-weight:700}.settings-event-row[hidden]{display:none!important}.settings-event-filter-empty{grid-column:1/-1;place-items:center;gap:5px;margin-bottom:14px;padding:28px;border:1px dashed #464b51;border-radius:15px;color:#d7dade;text-align:center}.settings-event-filter-empty:not([hidden]){display:grid}.settings-event-filter-empty span{color:#9298a1;font-size:12px}@media(max-width:760px){.settings-event-filters{grid-template-columns:1fr}.settings-event-filters button{width:100%}}