:root{--cyan:#2D5A8E;--cyan-dk:#1E3A5F;--cyan-lt:#EAF0F7;--cyan-bd:#D6E0EC;--bg:#F4F6FB;--card:#fff;--card2:#FAFBFD;--txt:#0F2230;--txt-mid:#5A6E7D;--txt-lt:#94A6B5;--bd:#E7ECF3;--bd2:#D7E0EA;--danger:#DC2626;--dan-bg:#FEF2F2;--dan-bd:#FECACA;--success:#059669;--succ-bg:#ECFDF5;--succ-bd:#A7F3D0;--warn:#D97706;--warn-bg:#FFFBEB;--warn-bd:#FDE68A;--wa:#25D366;--wa-dk:#128C7E;--purple:#7C3AED;--purple-bg:#F5F3FF;--purple-bd:#DDD6FE;--fh:'Barlow Condensed',sans-serif;--fb:'Barlow',sans-serif;--ease:.2s cubic-bezier(.4,0,.2,1);--sh-sm:0 1px 2px rgba(16,35,48,.05),0 1px 3px rgba(16,35,48,.05);--sh-md:0 2px 6px rgba(16,35,48,.05),0 8px 20px rgba(16,35,48,.07);--sh-lg:0 10px 30px rgba(16,35,48,.10),0 22px 60px rgba(16,35,48,.10);--sh-cy:0 6px 18px rgba(30,58,95,.32);--navy:#1E3A5F;--navy2:#2D5A8E;--navy-dk:#16304F;--navy-lt:#EAF0F7;--navy-bd:#D6E0EC;--sh-navy:0 6px 18px rgba(30,58,95,.30);--r-sm:9px;--r-md:13px;--r-lg:18px;--r-xl:22px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--fb);background:var(--bg);background-image:radial-gradient(1200px 500px at 100% -10%,rgba(30,58,95,.06),transparent 60%),linear-gradient(180deg,#F7F9FD,#F1F4FA);color:var(--txt);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.page-hdr{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--bd);padding:18px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 0 rgba(16,35,48,.02);}
.page-hdr-l{display:flex;align-items:center;gap:14px;}
.page-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,var(--navy2),var(--navy));display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;box-shadow:var(--sh-navy),inset 0 1px 0 rgba(255,255,255,.18);}
.page-title{font-family:var(--fh);font-size:24px;font-weight:900;letter-spacing:.01em;line-height:1.1;}
.breadcrumb{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--txt-mid);margin-top:2px;font-weight:500;}
.breadcrumb i{font-size:9px;color:var(--bd2);}
.breadcrumb span:last-child{color:var(--navy);font-weight:700;}
.page-body{padding:28px;max-width:1480px;margin:0 auto;}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px;}
.stat-card{position:relative;background:var(--card);border:1px solid var(--bd);border-radius:var(--r-lg);padding:20px 22px;display:flex;align-items:center;gap:16px;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease);cursor:pointer;box-shadow:var(--sh-sm);overflow:hidden;}
.stat-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background var(--ease);}
.stat-card:hover{box-shadow:var(--sh-md);transform:translateY(-3px);border-color:var(--bd2);}
.stat-card.active{border-color:var(--navy-bd);box-shadow:var(--sh-md),0 0 0 3px rgba(30,58,95,.14);}
.stat-card.active::before{background:linear-gradient(180deg,var(--navy2),var(--navy));}
.stat-ico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(16,35,48,.04);}
.stat-ico.blue{background:linear-gradient(140deg,rgba(30,58,95,.16),rgba(30,58,95,.10));color:var(--navy);}
.stat-ico.green{background:linear-gradient(140deg,rgba(14,163,113,.16),rgba(14,163,113,.08));color:var(--success);}
.stat-ico.amber{background:linear-gradient(140deg,rgba(217,119,6,.16),rgba(217,119,6,.08));color:var(--warn);}
.stat-ico.red{background:linear-gradient(140deg,rgba(225,29,72,.14),rgba(225,29,72,.07));color:var(--danger);}
.stat-val{font-family:var(--fh);font-size:30px;font-weight:900;color:var(--txt);line-height:1;letter-spacing:-.01em;}
.stat-lbl{font-size:11px;color:var(--txt-mid);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;font-family:var(--fh);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;transition:all var(--ease);white-space:nowrap;}
.btn:active:not(:disabled){transform:scale(.98);}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;}
.btn-primary{background:linear-gradient(140deg,var(--navy2),var(--navy));color:#fff;box-shadow:var(--sh-navy),inset 0 1px 0 rgba(255,255,255,.12);}
.btn-primary:hover:not(:disabled){box-shadow:0 9px 26px rgba(30,58,95,.42),inset 0 1px 0 rgba(255,255,255,.12);transform:translateY(-2px);}
.btn-secondary{background:var(--card);border:1px solid var(--bd2);color:var(--txt-mid);box-shadow:var(--sh-sm);}
.btn-secondary:hover:not(:disabled){border-color:var(--navy-bd);background:var(--navy-lt);color:var(--navy);}
.btn-danger{background:var(--dan-bg);border:1px solid var(--dan-bd);color:var(--danger);}
.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;box-shadow:0 6px 16px rgba(225,29,72,.32);}
.btn-success{background:var(--succ-bg);border:1px solid var(--succ-bd);color:var(--success);}
.btn-success:hover:not(:disabled){background:var(--success);color:#fff;box-shadow:0 6px 16px rgba(14,163,113,.3);}
.btn-warn{background:var(--warn-bg);border:1px solid var(--warn-bd);color:var(--warn);}
.btn-warn:hover:not(:disabled){background:var(--warn);color:#fff;box-shadow:0 6px 16px rgba(217,119,6,.3);}
.btn-wa{background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.3);color:var(--wa-dk);}
.btn-wa:hover:not(:disabled){background:var(--wa);color:#fff;box-shadow:0 6px 16px rgba(37,211,102,.32);}
.btn-sm{padding:7px 11px;font-size:11px;border-radius:9px;}
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md);}
.card-head{padding:18px 22px;background:linear-gradient(180deg,#FFFFFF,var(--card2));border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.card-head-l{display:flex;align-items:center;gap:12px;}
.card-ico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:linear-gradient(140deg,var(--navy-lt),#fff);color:var(--navy);border:1px solid var(--navy-bd);box-shadow:var(--sh-sm);}
.card-title{font-family:var(--fh);font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
.card-sub{font-size:11.5px;color:var(--txt-mid);margin-top:2px;}
.pill{padding:5px 13px;border-radius:999px;background:linear-gradient(140deg,var(--navy-lt),#fff);border:1px solid var(--navy-bd);color:var(--navy);font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:.03em;box-shadow:var(--sh-sm);}
.toolbar{display:flex;align-items:center;gap:12px;padding:18px 22px;flex-wrap:wrap;border-bottom:1px solid var(--bd);}
.search-wrap{flex:1;min-width:220px;position:relative;}
.search-wrap i.ico-search{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--txt-lt);font-size:13px;pointer-events:none;}
.search-input{width:100%;padding:11px 38px 11px 38px;border:1px solid var(--bd2);border-radius:12px;font-size:13.5px;font-family:var(--fb);color:var(--txt);background:var(--card2);outline:none;transition:all var(--ease);}
.search-input:focus{border-color:var(--navy2);background:#fff;box-shadow:0 0 0 4px rgba(30,58,95,.12);}
.btn-clr-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:none;background:var(--bd2);color:var(--txt-mid);font-size:10px;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;transition:all var(--ease);}
.btn-clr-search:hover{background:var(--danger);color:#fff;}
.search-input:not(:placeholder-shown)~.btn-clr-search{display:flex;}
.filter-select{padding:11px 32px 11px 14px;border:1px solid var(--bd2);border-radius:12px;font-size:12px;font-family:var(--fh);font-weight:700;letter-spacing:.04em;color:var(--txt-mid);background:var(--card2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238A9DB0'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;text-transform:uppercase;transition:all var(--ease);}
.filter-select:focus{border-color:var(--navy2);background-color:#fff;box-shadow:0 0 0 4px rgba(30,58,95,.12);}
.table-wrap{overflow-x:auto;}
table{width:100%;border-collapse:separate;border-spacing:0;}
thead th{background:var(--card2);padding:13px 16px;text-align:left;font-family:var(--fh);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-lt);border-bottom:1px solid var(--bd);white-space:nowrap;position:sticky;top:0;z-index:3;}
tbody tr{transition:background var(--ease),box-shadow var(--ease);}
tbody tr:hover{background:linear-gradient(90deg,rgba(30,58,95,.05),transparent);box-shadow:inset 3px 0 0 var(--navy2);}
tbody tr.selected{background:var(--navy-lt);box-shadow:inset 3px 0 0 var(--navy);}
td{padding:13px 16px;font-size:13px;color:var(--txt);vertical-align:middle;border-bottom:1px solid #F1F4F8;}
.cell-name{display:flex;align-items:center;gap:12px;}
.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--navy2),var(--navy));display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:14px;font-weight:800;color:#fff;flex:0 0 auto;box-shadow:0 3px 9px rgba(30,58,95,.28),inset 0 1px 0 rgba(255,255,255,.14);}
.avatar.emp{background:linear-gradient(140deg,var(--warn),#E8890C);box-shadow:0 3px 9px rgba(217,119,6,.28),inset 0 1px 0 rgba(255,255,255,.3);}
.name-main{font-weight:700;color:var(--txt);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.name-sub{font-size:11px;color:var(--txt-lt);margin-top:1px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;}
.badge-green{background:var(--succ-bg);border:1px solid var(--succ-bd);color:var(--success);}
.badge-red{background:var(--dan-bg);border:1px solid var(--dan-bd);color:var(--danger);}
.badge-amber{background:var(--warn-bg);border:1px solid var(--warn-bd);color:var(--warn);}
.badge-cyan{background:var(--navy-lt);border:1px solid var(--navy-bd);color:var(--navy);}
.badge-navy{background:#EAF1FA;border:1px solid #C7D9EE;color:#25517F;}
.badge-seg{background:var(--purple-bg);border:1px solid var(--purple-bd);color:var(--purple);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;}
.badge-seg-none{background:#F1F5F9;border:1px solid #E2E8F0;color:#94A3B8;font-style:italic;}
.actions{display:flex;gap:7px;}
.empty{text-align:center;padding:70px 20px;color:var(--txt-mid);}
.empty i{font-size:52px;color:var(--bd2);display:block;margin-bottom:14px;}
.empty-hint{font-size:12px;color:var(--txt-lt);margin-top:6px;}
.toggle-todos{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:12px;border:1px solid var(--bd2);background:var(--card);cursor:pointer;transition:all var(--ease);user-select:none;white-space:nowrap;box-shadow:var(--sh-sm);}
.toggle-todos:hover{border-color:var(--navy-bd);background:var(--navy-lt);}
.toggle-todos.on{border-color:var(--navy-bd);background:var(--navy-lt);color:var(--navy);}
.toggle-todos .sw{width:34px;height:19px;border-radius:999px;background:#CBD5E0;position:relative;transition:background var(--ease);flex-shrink:0;}
.toggle-todos .sw::after{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform var(--ease);box-shadow:0 1px 3px rgba(0,0,0,.2);}
.toggle-todos.on .sw{background:var(--navy);}
.toggle-todos.on .sw::after{transform:translateX(15px);}
.toggle-todos span{font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--txt-mid);}
.toggle-todos.on span{color:var(--navy);}
.ck{width:17px;height:17px;accent-color:var(--navy);cursor:pointer;}
.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-top:1px solid var(--bd);flex-wrap:wrap;gap:10px;background:var(--card2);}
.page-info{font-size:12px;color:var(--txt-mid);font-weight:500;}
.page-btns{display:flex;gap:5px;}
.page-btn{min-width:34px;height:34px;padding:0 6px;border:1px solid var(--bd2);border-radius:10px;background:var(--card);color:var(--txt-mid);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--ease);font-family:var(--fh);}
.page-btn:hover:not(:disabled):not(.active){background:var(--navy-lt);border-color:var(--navy-bd);color:var(--navy);}
.page-btn.active{background:linear-gradient(140deg,var(--navy2),var(--navy));color:#fff;border-color:transparent;box-shadow:var(--sh-navy);}
.page-btn:disabled{opacity:.4;cursor:not-allowed;}
.per-page{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--txt-mid);}
.per-page select{padding:6px 10px;border:1px solid var(--bd2);border-radius:9px;font-size:12px;font-family:var(--fb);color:var(--txt);background:var(--card);outline:none;cursor:pointer;}
.sel-bar{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(90px);background:linear-gradient(140deg,#162A38,#0C1B26);color:#fff;border-radius:16px;padding:12px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 18px 50px rgba(12,27,38,.45),inset 0 1px 0 rgba(255,255,255,.08);z-index:3000;transition:transform .3s cubic-bezier(.34,1.3,.64,1);font-family:var(--fh);font-size:13px;font-weight:700;letter-spacing:.04em;border:1px solid rgba(255,255,255,.08);}
.sel-bar.show{transform:translateX(-50%) translateY(0);}
.sel-bar .sel-count{background:linear-gradient(140deg,var(--navy2),var(--navy));color:#fff;padding:3px 12px;border-radius:999px;font-size:12px;box-shadow:0 2px 8px rgba(30,58,95,.5);}
.sel-bar .sb{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all var(--ease);font-family:var(--fh);letter-spacing:.04em;text-transform:uppercase;}
.sel-bar .sb-wa{background:var(--wa);color:#fff;}.sel-bar .sb-wa:hover{background:var(--wa-dk);transform:translateY(-1px);}
.sel-bar .sb-em{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;}.sel-bar .sb-em:hover{background:rgba(255,255,255,.22);transform:translateY(-1px);}
.sel-bar .sb-x{background:transparent;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.7);padding:8px 11px;}.sel-bar .sb-x:hover{color:#fff;border-color:rgba(255,255,255,.6);}
.overlay{display:none;position:fixed;inset:0;background:rgba(11,27,38,.5);backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%);z-index:4000;align-items:center;justify-content:center;padding:20px;}
.overlay.show{display:flex;animation:overlayIn .25s ease both;}
@keyframes overlayIn{from{opacity:0}to{opacity:1}}
.modal{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--sh-lg),0 0 0 1px rgba(16,35,48,.04);max-width:96vw;max-height:92vh;display:flex;flex-direction:column;animation:modalIn .3s cubic-bezier(.34,1.2,.64,1) both;overflow:hidden;}
.modal-lg{width:720px;}.modal-sm{width:440px;}.modal-md{width:580px;}
@keyframes modalIn{from{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:none}}
.modal-hdr{padding:16px 24px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:linear-gradient(180deg,#fff,var(--card2));}
.modal-title{font-family:var(--fh);font-size:20px;font-weight:900;letter-spacing:.02em;display:flex;align-items:center;gap:11px;}
.modal-title i{color:var(--navy);}
.modal-title.danger i{color:var(--danger);}
.modal-title.wa i{color:var(--wa);}
.modal-close{width:34px;height:34px;border-radius:10px;background:var(--card2);border:1px solid var(--bd);color:var(--txt-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all var(--ease);}
.modal-close:hover{background:var(--dan-bg);color:var(--danger);border-color:var(--dan-bd);transform:rotate(90deg);}
.modal-body{padding:20px 22px;overflow-y:auto;flex:1;}
.modal-foot{padding:14px 24px;border-top:1px solid var(--bd);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0;background:linear-gradient(0deg,var(--card2),#fff);flex-wrap:wrap;}
.form-section{margin-bottom:14px;padding:14px 16px;border:1px solid var(--bd);border-radius:var(--r-lg);background:linear-gradient(180deg,#fff,var(--card2));}
.form-section:last-child{margin-bottom:0;}
.form-section-title{font-family:var(--fh);font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--navy);margin-bottom:12px;padding-bottom:0;border-bottom:none;display:flex;align-items:center;gap:9px;}
.form-section-title::before{content:'';width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--navy2),var(--navy));flex:0 0 auto;}
.form-section-title i{color:var(--navy);font-size:13px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;}
.form-full{grid-column:1/-1;}
.form-group{display:flex;flex-direction:column;gap:5px;}
.form-label{font-size:11.5px;font-weight:700;color:var(--txt-mid);letter-spacing:.05em;text-transform:uppercase;font-family:var(--fh);}
.form-label .req{color:var(--danger);}
.form-control{padding:9px 13px;border:1px solid var(--bd2);border-radius:10px;font-size:13.5px;font-family:var(--fb);color:var(--txt);background:#fff;outline:none;transition:all var(--ease);width:100%;}
.form-control:hover{border-color:var(--bd2);}
.form-control:focus{border-color:var(--navy2);box-shadow:0 0 0 4px rgba(30,58,95,.13);}
.form-control.error{border-color:var(--danger);box-shadow:0 0 0 4px rgba(225,29,72,.12);}
textarea.form-control{resize:vertical;min-height:110px;line-height:1.5;}
.input-clear-wrap{position:relative;display:flex;align-items:center;}
.input-clear-wrap .form-control{padding-right:32px;}
.btn-clr{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:none;background:var(--bd2);color:var(--txt-mid);font-size:10px;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;transition:all var(--ease);z-index:1;}
.btn-clr:hover{background:var(--danger);color:#fff;}
.input-clear-wrap .form-control:not(:placeholder-shown)~.btn-clr{display:flex;}
.channel-toggle{display:flex;gap:0;border:1px solid var(--bd2);border-radius:12px;overflow:hidden;background:var(--card2);}
.ch-opt{flex:1;padding:12px 16px;text-align:center;cursor:pointer;font-family:var(--fh);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:all var(--ease);display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--txt-mid);border:none;}
.ch-opt:hover{background:#fff;}
.ch-opt.act-wa{background:rgba(37,211,102,.12);color:var(--wa-dk);box-shadow:inset 0 -3px 0 var(--wa);}
.ch-opt.act-em{background:rgba(30,58,95,.1);color:var(--navy);box-shadow:inset 0 -3px 0 var(--navy2);}
.email-sub{display:none;margin-top:14px;gap:12px;}
.email-sub.show{display:flex;}
.em-opt{flex:1;padding:14px;border:1px solid var(--bd2);border-radius:12px;text-align:center;cursor:pointer;font-size:12px;font-weight:600;transition:all var(--ease);display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;}
.em-opt i{font-size:20px;}
.em-opt:hover{border-color:var(--navy-bd);background:var(--navy-lt);transform:translateY(-2px);}
.em-opt.active{border-color:var(--navy2);background:var(--navy-lt);color:var(--navy);box-shadow:0 0 0 3px var(--navy-bd);}
.recip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:0;max-height:88px;overflow-y:auto;padding:2px;}
.recip-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:600;background:var(--navy-lt);border:1px solid var(--navy-bd);color:var(--navy);}
.recip-chip .cx{cursor:pointer;opacity:.6;transition:opacity var(--ease);}.recip-chip .cx:hover{opacity:1;color:var(--danger);}
.confirm-body{text-align:center;padding:32px 26px;}
.confirm-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:26px;}
.confirm-icon.del{background:var(--dan-bg);color:var(--danger);box-shadow:0 6px 18px rgba(225,29,72,.18);}
.confirm-msg{font-size:14.5px;line-height:1.6;color:var(--txt);}
.confirm-msg strong{font-weight:700;}
.confirm-sub{font-size:12px;color:var(--txt-mid);margin-top:8px;}
#toast-container{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;}
.toast-item{pointer-events:auto;display:flex;align-items:center;gap:11px;padding:14px 18px;border-radius:13px;background:var(--card);border:1px solid var(--bd);box-shadow:var(--sh-lg);font-size:13px;font-weight:500;animation:toastIn .3s cubic-bezier(.34,1.2,.64,1) both;min-width:290px;max-width:400px;}
@keyframes toastIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.toast-item.success{border-color:var(--succ-bd);background:var(--succ-bg);color:var(--success);}
.toast-item.error{border-color:var(--dan-bd);background:var(--dan-bg);color:var(--danger);}
.toast-item.warn{border-color:var(--warn-bd);background:var(--warn-bg);color:var(--warn);}
.toast-item i{font-size:16px;flex-shrink:0;}
@media(max-width:980px){.page-body{padding:18px;}.stats-row{grid-template-columns:1fr 1fr;}.form-grid{grid-template-columns:1fr;}.modal-lg,.modal-md{width:96vw;}thead{display:none;}table,tbody,tr,td{display:block;width:100%;}tbody tr{padding:12px 6px;border-bottom:1px solid var(--bd);}tbody tr:hover{box-shadow:none;}tbody td{border:none;padding:6px 16px;}tbody td::before{content:attr(data-label);font-weight:700;color:var(--txt-mid);display:inline-block;margin-right:6px;font-size:11px;font-family:var(--fh);text-transform:uppercase;letter-spacing:.04em;min-width:80px;}.cell-name{display:inline-flex;}}
@media(max-width:480px){.stats-row{grid-template-columns:1fr;}.sel-bar{left:16px;right:16px;transform:translateY(90px);bottom:16px;flex-wrap:wrap;justify-content:center;}.sel-bar.show{transform:translateY(0);}}