@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;600;700&display=swap);.tracker-container{font-family:Noto Sans Thai,sans-serif;margin:auto;max-width:600px;padding:20px}.tracker-title{animation:fadeIn 1s ease-in-out;color:#ec4899;font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}.tracker-form{animation:fadeInUp .5s ease-in-out;background:#fff0f5;border-radius:20px;box-shadow:0 8px 16px #00000014;display:flex;flex-direction:column;gap:14px;padding:24px}.tracker-input,.tracker-textarea{background:#fff;border:1px solid #ec4899;border-radius:10px;font-size:1rem;padding:12px;transition:all .2s}.tracker-input:focus,.tracker-textarea:focus{border-color:#f472b6;box-shadow:0 0 0 3px #fbcfe8;outline:none}.tracker-textarea{height:80px;resize:vertical}.tracker-summary{color:#444;font-weight:700;text-align:right}.tracker-summary.red{color:red}.tracker-summary.green{color:green}.tracker-button{background:linear-gradient(90deg,#f472b6,#fb7185);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px;transition:background .3s}.tracker-button:hover{background:linear-gradient(90deg,#f43f5e,#f973a0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.multi-card{animation:fadeInUp .3s;background:#ffe4f1;border:1px solid #f472b6;border-radius:14px;margin-bottom:12px;padding:14px}.multi-row{display:flex;gap:8px}.preview-box{color:#ec4899;font-weight:700;margin-top:6px;text-align:right}.add-row-btn{background:#fbcfe8;border-radius:12px;cursor:pointer;margin-bottom:10px;padding:10px}.add-row-btn,.delete-row{border:none;font-weight:700}.delete-row{background:#fee2e2;border-radius:10px;color:#dc2626;margin-top:6px;padding:8px;width:100%}body{background:#fffdfc;margin:0}.dr-wrap{color:#374151;font-family:Noto Sans Thai,sans-serif;margin:0 auto;max-width:980px;padding:24px 14px 64px}.dr-title{color:#ec4899;font-size:1.8rem;font-weight:800;margin:0 0 16px;text-align:center}.dr-filter-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px}.dr-select{background:#fff;border:1px solid #ddd;border-radius:10px;flex:1 1;font-size:.95rem;min-width:150px;padding:10px 12px}.card-summary{background:#f0fdf4;border-left:6px solid #34d399;border-radius:16px;box-shadow:0 3px 8px #0000000a;margin-bottom:22px;padding:16px 18px}.card-summary h3{color:#059669;font-size:1.2rem;font-weight:800;margin:0 0 8px}.summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.summary-grid .pill{background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:.95rem;padding:10px 12px}.summary-grid .pill.big{background:#fffbeb;border-color:#fde68a;grid-column:span 2}.card-daily{background:#fff;border-radius:20px;box-shadow:0 6px 12px #0000000f;margin-bottom:24px;padding:18px;transition:transform .2s ease}.card-daily:hover{transform:translateY(-3px)}.card-daily h3{color:#ec4899;font-size:1.1rem;font-weight:800;margin:0 0 12px}.daily-table{border-collapse:collapse;width:100%}.daily-table td,.daily-table th{font-size:.95rem;padding:10px 12px}.daily-table th{background:#f3f4f6;color:#374151;text-align:left}.daily-table td{border-bottom:1px solid #f1f1f1}.daily-table .center{text-align:center}.daily-table .right{text-align:right}.daily-table .green{color:#059669;font-weight:700}.daily-table .red{color:#dc2626}.daily-table tr.is-top{background:#fef9c3;color:#92400e;font-weight:700}.zone-list{color:#6b7280;font-size:.92rem;margin-top:10px}.zone-list h4{color:#111827;margin:10px 0 6px}.daily-footer{border-top:1px dashed #e5e7eb;display:flex;flex-wrap:wrap;font-weight:600;gap:12px;margin-top:12px;padding-top:10px}.dr-empty{color:#888;margin-top:28px;text-align:center}@media (max-width:720px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid .pill.big{grid-column:span 2}}@media (max-width:560px){.daily-table thead{display:none}.daily-table,.daily-table tbody,.daily-table td,.daily-table tr{display:block;width:100%}.daily-table tr{border:1px solid #f1f5f9;border-radius:12px;margin-bottom:12px;overflow:hidden}.daily-table td{align-items:center;display:flex;justify-content:space-between}.daily-table td:before{color:#6b21a8;content:attr(data-label);font-weight:700;padding-right:10px}}.dr-export-btn{background:linear-gradient(135deg,#fb7185,#f97316);border:0;border-radius:12px;box-shadow:0 6px 14px #f973162e;color:#fff;cursor:pointer;font-weight:800;padding:10px 14px;transition:transform .15s ease,box-shadow .15s ease}.dr-export-btn:hover{box-shadow:0 10px 18px #f9731638;transform:translateY(-1px)}.dr-export-btn:active{transform:translateY(0)}.dr-date-range{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px 0 18px}.dr-date-box{background:#ffffffbf;border:1px solid #ffa0c859;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.dr-date-box label{font-size:12px;opacity:.8}.dr-date-input{border:1px solid #0000001f;border-radius:12px;min-width:170px;padding:10px 12px}.dr-clear-btn{background:#ff78aa29;border:none;border-radius:999px;color:#b01852;cursor:pointer;font-weight:600;padding:10px 14px}.dr-clear-btn:hover{filter:brightness(.98)}:root{--bg1:#fff6fb;--bg2:#fff3ee;--card:#ffffffbf;--line:#ff78aa2e;--text:#2b2b2b;--muted:#0000008c;--pink:#ff5fa2;--pink2:#ff8cc7;--peach:#ffb08a;--peach2:#ffd1b8;--ok:#22c55e;--warn:#f59e0b;--softShadow:0 18px 50px #0000001a;--softShadow2:0 10px 24px #00000014;--r:18px}*{box-sizing:border-box}.his-wrap{background:radial-gradient(1200px 600px at 20% 0,#ff5fa21f,#0000 60%),radial-gradient(900px 520px at 90% 20%,#ffb08a24,#0000 65%),linear-gradient(180deg,#fff6fb,#fff3ee);background:radial-gradient(1200px 600px at 20% 0,#ff5fa21f,#0000 60%),radial-gradient(900px 520px at 90% 20%,#ffb08a24,#0000 65%),linear-gradient(180deg,var(--bg1),var(--bg2));color:#2b2b2b;color:var(--text);font-family:Noto Sans Thai,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:18px 14px 60px}.his-hero{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.his-hero__kicker{color:#ff5fa2e6;font-size:12px;font-weight:900;letter-spacing:.2px}.his-hero h2{font-size:22px;font-weight:1000;margin:4px 0 0}.his-filters{gap:10px}.chip-select,.his-filters{align-items:center;display:flex}.chip-select{background:#ffffffbf;border:1px solid #ff78aa2e;border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 24px #00000014;box-shadow:var(--softShadow2);gap:8px;padding:10px 12px}.chip-select__icon{font-size:14px}.chip-select select{background:#0000;border:none;color:#000000bf;cursor:pointer;font-weight:900;outline:none}.big-total{background:linear-gradient(135deg,#ff5fa224,#ffb08a24);border:1px solid #ff78aa2e;border:1px solid var(--line);border-radius:18px;border-radius:var(--r);box-shadow:0 18px 50px #0000001a;box-shadow:var(--softShadow);margin-bottom:12px;padding:14px}.big-total__label{color:#ff5fa2f2;font-weight:900;margin-bottom:6px}.big-total__value{font-size:28px;font-weight:1000;letter-spacing:.2px}.big-total__meta{color:#0000009e;display:flex;flex-wrap:wrap;font-size:13px;font-weight:800;gap:10px;margin-top:8px}.this-month{align-items:center;background:linear-gradient(135deg,#ffa0d238,#ffd2aa38);border:1px solid #ff8cc82e;border-radius:18px;border-radius:var(--r);box-shadow:0 10px 24px #00000014;box-shadow:var(--softShadow2);display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding:14px}.this-month__label{color:#ff5fa2;color:var(--pink);font-weight:1000;margin-bottom:6px}.this-month__value{font-size:22px;font-weight:1000;margin-bottom:6px}.this-month__meta{display:flex;flex-wrap:wrap;font-size:13px;font-weight:800;gap:10px;opacity:.9}.this-month__status{margin-top:10px}.this-month__btn{background:#ff5fa224;border:none;border-radius:999px;color:#ff5fa2;color:var(--pink);cursor:pointer;font-weight:1000;padding:10px 12px;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.this-month__btn:hover{box-shadow:0 14px 30px #ff5fa229;transform:translateY(-1px)}.card{background:#ffffffb3;border:1px solid #ff78aa2e;border:1px solid var(--line);border-radius:18px;border-radius:var(--r);box-shadow:0 10px 24px #00000014;box-shadow:var(--softShadow2);padding:14px}.card__head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.card__title{font-size:16px;font-weight:1000;margin:0}.card__hint{color:#0000008c;font-size:12px;font-weight:800;margin-top:4px}.month-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:520px){.month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.month-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.month-card{background:#ffffffc7;border:1px solid #0000000f;border-radius:16px;box-shadow:0 12px 30px #00000014;cursor:pointer;padding:12px;text-align:left;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.month-card:hover{box-shadow:0 18px 45px #0000001f;filter:saturate(1.02);transform:translateY(-2px)}.month-card:disabled{box-shadow:0 10px 18px #0000000f;cursor:not-allowed;opacity:.55;transform:none}.month-card__top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.month-card__name{color:#000000c7;font-weight:1000}.month-card__value{color:#000000db;font-size:18px;font-weight:1000;margin-bottom:6px}.month-card__meta{color:#0000008f;display:flex;flex-wrap:wrap;font-size:12px;font-weight:800;gap:10px}.month-card__status{margin-top:10px}.month-card--top{background:linear-gradient(135deg,#ff5fa21a,#ffb08a1a);border:1px solid #ff5fa247}.month-card--empty{background:#fff9}.month-card--current{outline:2px dashed #ff8cc873;outline-offset:2px}.month-card--current .month-card__name:after{color:#ff6fae;content:" • เดือนนี้";font-size:11px;font-weight:1000;margin-left:4px}.pill{background:#ffffffc7;border:1px solid #0000000f;border-radius:999px;font-size:11px;font-weight:1000;padding:6px 10px}.pill--hot{background:#ff5fa21a;border:1px solid #ff5fa23d;color:#ff5fa2;color:var(--pink)}.badge{align-items:center;background:#fffc;border:1px solid #0000000f;border-radius:999px;display:inline-flex;font-size:11px;font-weight:1000;gap:6px;padding:6px 10px}.badge--ok{background:#22c55e1a;border-color:#22c55e38;color:#22c55ef2}.badge--warn{background:#f59e0b1a;border-color:#f59e0b3d;color:#f59e0bf2}.badge--muted{background:#00000008;border-color:#0000001a;color:#0000008c}.mini-btn{background:#ff5fa21a;border:1px solid #ff5fa22e;border-radius:999px;color:#ff5fa2;color:var(--pink);cursor:pointer;font-weight:1000;padding:9px 12px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.mini-btn:hover{box-shadow:0 14px 30px #ff5fa224;filter:saturate(1.05);transform:translateY(-1px)}.mini-btn.is-on{background:#ff5fa22e;border-color:#ff5fa247}.modal{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:999}.modal__content{background:#ffffffeb;border:1px solid #ff5fa22e;border-radius:20px;box-shadow:0 28px 70px #00000038;max-height:86vh;overflow:auto;padding:14px;width:min(680px,100%)}.modal__title{font-size:16px;font-weight:1000;margin:4px 0 10px}.month-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}@media (max-width:480px){.month-summary{grid-template-columns:1fr}}.month-summary__item{background:#ff5fa20f;border:1px solid #ff5fa21f;border-radius:16px;padding:10px 12px}.month-summary__item span{color:#0000009e;display:block;font-size:12px;font-weight:900;margin-bottom:4px}.month-summary__item b{font-size:16px;font-weight:1000}.top-event-highlight{align-items:center;background:linear-gradient(135deg,#ff5fa21f,#ffb08a1f);border:1px solid #ff5fa233;border-radius:18px;box-shadow:0 10px 24px #00000014;box-shadow:var(--softShadow2);display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:12px}.top-event-highlight__tag{color:#ff5fa2;color:var(--pink);font-size:12px;font-weight:1000;margin-bottom:6px}.top-event-highlight__name{font-size:14px;font-weight:1000;margin-bottom:4px}.top-event-highlight__value{font-size:18px;font-weight:1000}.top-event-highlight__meta{color:#0009;display:flex;flex-wrap:wrap;font-size:12px;font-weight:900;gap:10px;margin-top:8px}.top-event-highlight__btn{background:#ffffffd9;border:1px solid #ff5fa22e;border-radius:999px;color:#ff5fa2;color:var(--pink);cursor:pointer;font-weight:1000;padding:10px 12px;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.top-event-highlight__btn:hover{box-shadow:0 14px 30px #ff5fa229;transform:translateY(-1px)}.subhead{color:#000000bf;font-size:13px;font-weight:1000;margin:10px 0}.empty-soft{background:#ffffffb3;border:1px dashed #0000002e;border-radius:16px;color:#0000008c;font-weight:900;padding:12px}.event-rank-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.event-rank-card{background:#fffc;border:1px solid #0000000f;border-radius:18px;box-shadow:0 12px 28px #00000014;cursor:pointer;padding:12px;text-align:left;transition:transform .12s ease,box-shadow .12s ease}.event-rank-card:hover{box-shadow:0 18px 45px #0000001f;transform:translateY(-2px)}.event-rank-card--top{background:linear-gradient(135deg,#ff5fa214,#ffb08a14);border-color:#ff5fa238}.event-rank-card__top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.event-rank-card__name{font-weight:1000}.event-rank-card__value{font-size:18px;font-weight:1000;margin-bottom:6px}.event-rank-card__meta{color:#00000094;display:flex;flex-wrap:wrap;font-size:12px;font-weight:900;gap:10px}.event-rank-card__status{margin-top:10px}.zone-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:12px}@media (min-width:560px){.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.zone-card{background:#ffffffd1;border:1px solid #0000000f;border-radius:18px;box-shadow:0 12px 28px #00000014;cursor:pointer;padding:12px;text-align:left;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.zone-card:hover{box-shadow:0 18px 45px #0000001f;filter:saturate(1.02);transform:translateY(-2px)}.zone-card--top{background:linear-gradient(135deg,#ff5fa214,#ffb08a14);border-color:#ff5fa238}.zone-card--active{box-shadow:0 22px 52px #ff5fa22e;outline:3px solid #ff5fa259}.zone-card__top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.zone-card__name{font-weight:1000}.zone-card__value{font-size:18px;font-weight:1000;margin-bottom:6px}.zone-card__meta{color:#00000094;display:flex;flex-wrap:wrap;font-size:12px;font-weight:900;gap:10px}.zone-card__activeTag{background:#ff5fa21f;border:1px solid #ff5fa22e;border-radius:999px;color:#ff5fa2;color:var(--pink);display:inline-flex;font-size:12px;font-weight:1000;margin-top:10px;padding:6px 10px}.raw-toggle{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 6px}.rec{background:#ffffffdb;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 22px #00000012;margin-bottom:10px;padding:12px}.rec__row{align-items:baseline;border-bottom:1px dashed #00000014;display:flex;gap:12px;justify-content:space-between;padding:6px 0}.rec__row:last-of-type{border-bottom:none}.rec__row span{color:#00000094;font-size:12px;font-weight:900}.rec__row b{color:#000000d9;font-weight:1000}.rec__row b.strong{color:#ff5fa2;color:var(--pink)}.rec__date{color:#0000008c;font-size:12px;font-weight:800;margin-top:8px}.rec__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px}.btn-del{background:#ff005a14;border:1px solid #ff005a29;border-radius:12px;color:#ff005af2;cursor:pointer;font-weight:1000;padding:9px 12px;transition:transform .12s ease,box-shadow .12s ease}.btn-del:hover{box-shadow:0 14px 30px #ff005a24;transform:translateY(-1px)}.btn-close{background:#0000000d;border:1px solid #00000014;border-radius:16px;color:#000000bf;cursor:pointer;font-weight:1000;margin-top:10px;padding:12px 14px;transition:transform .12s ease,box-shadow .12s ease;width:100%}.btn-close:hover{box-shadow:0 14px 30px #0000001a;transform:translateY(-1px)}.bottom-nav-bar{background:#fff0f6;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -2px 8px #0000000d;display:flex;font-family:Noto Sans Thai,sans-serif;justify-content:space-around;padding:8px 0;position:fixed;width:100%;z-index:10}.nav-item{align-items:center;color:#d977a7;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;position:relative;transition:all .3s ease}.nav-item svg{color:#a3a3a3;height:24px;margin-bottom:2px;transition:transform .2s ease;width:24px}.nav-item.active svg{color:#ec4899;transform:scale(1.1)}.nav-item.active span{color:#ec4899;font-weight:700}.logout svg{color:#f87171}.noti-dot{animation:pulse 1.5s infinite;background:#f43f5e;border-radius:50%;box-shadow:0 0 6px #f43f5eaa;height:9px;position:absolute;right:10px;top:0;width:9px}@keyframes pulse{0%{opacity:.8;transform:scale(.9)}70%{opacity:0;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.confirm-dialog{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20}.confirm-box{background:#fff;border-radius:12px;box-shadow:0 8px 20px #00000026;padding:20px;text-align:center}.confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.confirm-actions button{background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:8px 14px}.confirm-actions .danger{background:#f87171;color:#fff}.team-dashboard{background:#fffdfd;display:flex;flex-direction:column;font-family:Noto Sans Thai,sans-serif;min-height:100vh}.main-content{flex:1 1;padding:1.5rem 1.5rem 5rem}.bottom-nav{background:#fff;border-top:1px solid #f3f4f6;bottom:0;box-shadow:0 -2px 10px #0000000d;height:64px;justify-content:space-around;left:0;position:fixed;right:0;z-index:100}.bottom-nav,.nav-btn{align-items:center;display:flex}.nav-btn{color:#9ca3af;flex:1 1;flex-direction:column;font-size:.75rem;height:100%;justify-content:center;position:relative;text-decoration:none;transition:.2s}.nav-btn.active{color:#ec4899;font-weight:700}.nav-btn:hover{background:#fdf2f8}.icon{height:24px;margin-bottom:4px;transition:transform .2s;width:24px}.nav-btn.active .icon{transform:scale(1.1)}.nav-label{font-size:.7rem}.logout-link{color:#f87171}.icon-wrapper{position:relative}.notification-dot{background:#f43f5e;border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:-4px;top:-4px;width:10px}
/*# sourceMappingURL=main.11ccd947.css.map*/