@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Noto+Serif+Thai:wght@600;700&display=swap";:root{--navy:#152a4e;--navy-2:#1f3a66;--gold:#b8923f;--gold-light:#f3e7cb;--cream:#faf7f0;--paper:#fff;--ink:#2b2e36;--ink-soft:#666b76;--line:#e4e0d4;--red:#b5432e;--red-bg:#fbe9e4;--amber:#c08a1e;--amber-bg:#fbf1da;--green:#3e7a4e;--green-bg:#e7f2e9}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans Thai,Noto Sans,sans-serif}body.font-small{zoom:.875}body.font-normal{zoom:1}body.font-large{zoom:1.125}body.font-xlarge{zoom:1.25}.wrap{max-width:920px;margin:0 auto;padding:28px 20px 60px}@media (width>=1400px){.wrap{max-width:1100px}}@media (width>=601px) and (width<=900px){.wrap{padding:22px 18px 50px}.dashboard-grid{gap:14px}.cal-cell{min-height:64px}}.hero{background:linear-gradient(180deg,var(--navy) 0%, var(--navy-2) 100%);color:#f4f1e6;border-radius:14px;margin-bottom:22px;padding:18px 20px;position:relative;overflow:hidden}.hero:before{content:"";background:#b8923f29;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.hero .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0 0 4px;font-size:clamp(10px,1.6vw,11px);font-weight:600}.hero h1{margin:0 0 2px;font-family:Noto Serif Thai,serif;font-size:clamp(17px,3.2vw,20px);font-weight:700;position:relative}.hero .today{color:#d9d3be;font-size:clamp(11.5px,2vw,12.5px);position:relative}.hero-body{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-top:8px;display:flex;position:relative}.hero-left{flex:1;min-width:150px}.hero-stats{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.hero-stat{text-align:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;min-width:64px;padding:5px 10px}.hero-stat .n{color:#fff;font-size:clamp(12px,2vw,13.5px);font-weight:700}.hero-stat .l{color:#c9c4af;white-space:nowrap;margin-top:1px;font-size:clamp(9px,1.5vw,9.5px)}.hero-top{align-items:center;gap:10px;display:flex;position:relative}.org-logo{object-fit:cover;background:#ffffff1a;border-radius:8px;flex-shrink:0;width:36px;height:36px}.settings-btn{color:#f4f1e6;cursor:pointer;z-index:2;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;width:34px;height:34px;font-size:16px;position:absolute;top:0;right:0}.settings-btn:hover{background:#ffffff29}.logo-preview{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:64px;height:64px;margin-top:8px;display:none}.alerts{margin-bottom:22px}.alerts h2{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:14px;font-weight:600}.alert-row{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.alert-row.warn{border-left-color:var(--amber)}.alert-row.ok{border-left-color:var(--green)}.badge-days{text-align:center;border-radius:8px;flex-shrink:0;min-width:64px;padding:6px 8px;font-size:13px;font-weight:700}.badge-days.urgent{background:var(--red-bg);color:var(--red)}.badge-days.soon{background:var(--amber-bg);color:var(--amber)}.badge-days.later{background:var(--green-bg);color:var(--green)}.alert-info{flex:1;min-width:0}.alert-info .t{font-size:14px;font-weight:600}.alert-info .m{color:var(--ink-soft);margin-top:2px;font-size:12.5px}.empty-alert{background:var(--paper);border:1px dashed var(--line);text-align:center;color:var(--ink-soft);border-radius:8px;padding:16px;font-size:13.5px}.section-head{justify-content:space-between;align-items:center;margin:26px 0 12px;display:flex}.section-head h2{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:clamp(13px,1.6vw,14px);font-weight:600}.primary{background:var(--navy);color:#fff;cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-block}.primary:hover{background:var(--navy-2)}.primary:disabled{opacity:.6;cursor:default}.ghost{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:7px;padding:6px 10px;font-family:inherit;font-size:12.5px;text-decoration:none;display:inline-block}.ghost:hover{border-color:var(--gold);color:var(--gold)}.day-group{margin-bottom:18px}.day-label{color:var(--navy);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.day-label .line{background:var(--line);flex:1;height:1px}.event-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.event-type{border-radius:4px;flex-shrink:0;align-self:stretch;width:6px}.event-type.meeting{background:var(--navy)}.event-type.activity{background:var(--gold)}.event-type.duty{background:var(--green)}.event-body{flex:1;min-width:0}.event-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.event-title{font-size:15px;font-weight:600}.event-meta{color:var(--ink-soft);flex-wrap:wrap;gap:12px;margin-top:4px;font-size:12.5px;display:flex}.event-meta span{align-items:center;gap:4px;display:inline-flex}.event-desc{color:var(--ink-soft);margin-top:6px;font-size:13px;line-height:1.5}.event-actions{flex-shrink:0;gap:6px;display:flex}.tag{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.tag.meeting{color:var(--navy-2);background:#e7ecf5}.tag.activity{background:var(--gold-light);color:#8a6a20}.tag.duty{background:var(--green-bg);color:var(--green)}.empty-state{text-align:center;color:var(--ink-soft);border:1px dashed var(--line);background:var(--paper);border-radius:10px;padding:36px 20px}.empty-state .big{margin-bottom:6px;font-size:28px}.overlay{z-index:50;background:#152a4e73;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.overlay.show{animation:.18s ease-out overlayIn;display:flex}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border-radius:14px;width:100%;max-width:460px;max-height:88vh;padding:24px;animation:.18s ease-out modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal h3{color:var(--navy);margin:0 0 16px;font-family:Noto Serif Thai,serif;font-size:19px}.field{margin-bottom:14px}.field label{color:var(--ink);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:7px;padding:9px 11px;font-family:inherit;font-size:14px}.field textarea{resize:vertical;min-height:60px}.field-row{gap:10px;display:flex}.field-row .field{flex:1}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.err{color:var(--red);margin-top:4px;font-size:12.5px}.pw-wrap{position:relative}.pw-wrap input{padding-right:38px}.pw-toggle{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--navy)}.type-picker{gap:8px;display:flex}.type-opt{border:1px solid var(--line);text-align:center;cursor:pointer;color:var(--ink-soft);border-radius:8px;flex:1;padding:9px 6px;font-size:12.5px;font-weight:600}.type-opt.active.meeting{border-color:var(--navy);color:var(--navy-2);background:#e7ecf5}.type-opt.active.activity{border-color:var(--gold);background:var(--gold-light);color:#8a6a20}.type-opt.active.duty{border-color:var(--green);background:var(--green-bg);color:var(--green)}.loading{text-align:center;color:var(--ink-soft);padding:30px;font-size:13.5px}.attach-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.attach-chip{background:var(--cream);border:1px solid var(--line);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:flex}.attach-chip .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.attach-chip button{color:var(--red);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-family:inherit;font-size:12px}.event-attachments{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.attach-link{background:var(--cream);border:1px solid var(--line);color:var(--navy-2);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;text-decoration:none;display:inline-flex}.attach-link:hover{border-color:var(--gold)}.toast-container{z-index:100;flex-direction:column;gap:10px;max-width:340px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--navy);color:#f4f1e6;border-left:4px solid var(--gold);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;animation:.35s ease-out toastIn;display:flex;box-shadow:0 6px 20px #152a4e4d}@keyframes toastIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.toast.out{animation:.3s ease-in forwards toastOut}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.toast-body{flex:1;min-width:0}.toast-title{font-size:13.5px;font-weight:600}.toast-meta{color:#c9c4af;margin-top:3px;font-size:12px}.toast-close{color:#c9c4af;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:14px}@media (width<=600px){.wrap{padding:16px 12px 48px}.hero{padding:44px 14px 16px}.hero-body{flex-direction:column;align-items:stretch}.hero-stats{justify-content:flex-start;gap:6px}.hero-stat{flex:1;min-width:0;padding:6px 8px}.settings-btn{width:34px;height:34px;font-size:15px;top:8px}.section-head{flex-direction:column;align-items:flex-start;gap:10px}.section-head>div{flex-wrap:wrap;gap:8px;width:100%;display:flex}.section-head button{flex:1;min-width:100px}.event-card{flex-direction:column}.event-type{width:100%;height:4px}.event-top{flex-direction:column}.event-actions{flex-wrap:wrap;width:100%}.event-actions button{flex:1;min-width:80px}.modal{border-radius:12px;max-width:100%;padding:18px}.field-row{flex-direction:column;gap:14px}.toast-container{max-width:none;bottom:12px;left:12px;right:12px}input,select,textarea,button{font-size:16px}.filter-bar{flex-direction:column}.filter-bar>*{width:100%}.cal-grid{font-size:11px}.cal-cell{min-height:44px;padding:3px}}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.filter-bar input[type=text],.filter-bar select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;padding:8px 10px;font-family:inherit;font-size:13.5px}.filter-bar .search-field{flex:2;min-width:160px}.filter-bar .type-field{flex:1;min-width:110px}.filter-bar .assignee-field{flex:1;min-width:130px}.view-toggle{gap:6px;margin-bottom:14px;display:flex}.view-toggle button{flex:none}.view-toggle button.active{border-color:var(--navy);color:var(--navy);background:#e7ecf5}.cal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-header .label{color:var(--navy);font-family:Noto Serif Thai,serif;font-size:17px;font-weight:700}.cal-nav{gap:6px;display:flex}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-dow{text-align:center;color:var(--ink-soft);text-transform:uppercase;padding:4px 0;font-size:11.5px;font-weight:600}.cal-cell{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;min-height:78px;padding:5px;display:flex}.cal-cell.empty{cursor:default;background:0 0;border-color:#0000}.cal-cell.today{border-color:var(--gold);border-width:2px}.cal-cell.selected{border-color:var(--navy);background:#e7ecf5}.cal-daynum{color:var(--ink);font-size:12px;font-weight:600}.cal-dot-row{flex-wrap:wrap;gap:2px;display:flex}.cal-dot{border-radius:50%;width:6px;height:6px}.cal-dot.meeting{background:var(--navy)}.cal-dot.activity{background:var(--gold)}.cal-dot.duty{background:var(--green)}.cal-more{color:var(--ink-soft);font-size:10px}.cal-day-panel{margin-top:16px}.cal-day-panel h3{color:var(--navy);margin:0 0 10px;font-family:Noto Serif Thai,serif;font-size:15px}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:16px;margin-bottom:22px;display:grid}@media (width<=800px){.dashboard-grid{grid-template-columns:1fr}}.news-card{background:var(--paper);border:2px solid #e8935a;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:220px;padding:20px;display:flex}.news-slide{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.news-empty-title{color:var(--ink);font-size:17px;font-weight:700}.news-empty-sub{color:var(--ink-soft);margin-top:2px;font-size:13px}.news-item-title{color:var(--ink);margin-bottom:6px;font-size:16px;font-weight:700}.news-item-content{color:var(--ink-soft);white-space:pre-wrap;font-size:13.5px;line-height:1.6}.news-item-actions{gap:8px;margin-top:12px;display:flex}.news-nav{justify-content:center;align-items:center;gap:16px;margin-top:10px;display:flex}.news-arrow{color:#fff;cursor:pointer;background:#e8935a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.news-arrow:disabled{opacity:.35;cursor:default}#newsCounter{color:var(--ink-soft);text-align:center;min-width:34px;font-size:12.5px;font-weight:600}.upcoming-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px}#upcomingDays{max-height:300px;overflow-y:auto}.upcoming-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.upcoming-head h2{color:var(--navy);margin:0;font-size:clamp(13.5px,1.8vw,14.5px);font-weight:700}.upcoming-day{border-bottom:1px solid var(--line);padding:10px 0}.upcoming-day:last-child{border-bottom:none}.upcoming-day-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.upcoming-day-label{color:var(--ink);font-size:13.5px;font-weight:600}.upcoming-badge{color:#fff;background:#4a5fbf;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.upcoming-day-items{color:var(--ink-soft);margin-top:6px;font-size:12.5px}.upcoming-day-items .item-line{color:var(--ink);padding:2px 0}.auth-center{background:var(--paper);border:1px solid var(--line);border-top:none;border-radius:0 0 14px 14px;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 220px);padding:32px 16px;display:flex}@media (width<=600px){.auth-center{min-height:calc(100vh - 180px);padding:24px 14px}}