@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Prompt:wght@200;300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Prompt:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Prompt:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html{min-height:100%;margin:0;padding:0}body{min-height:100%;margin:0;padding:0;overflow:hidden auto}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--font-family:"Outfit", "Prompt", sans-serif;--bg-color:#f1f5f9;--surface-color:#fff;--border-color:#e2e8f0;--border-hover-color:#cbd5e1;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--glow-opacity:.12;--card-shadow:0 10px 25px -5px #0f172a0a, 0 8px 10px -6px #0f172a0a;--section-shadow:0 20px 40px -15px #0f172a0f, 0 0 0 1px #0f172a05;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}.dashboard-container{background-color:var(--bg-color);min-height:100vh;color:var(--text-main);font-family:var(--font-family);box-sizing:border-box;padding:3rem 2rem;position:relative;overflow-x:hidden}.bg-glow{filter:blur(160px);pointer-events:none;z-index:0;width:50vw;height:50vw;opacity:var(--glow-opacity);border-radius:50%;position:absolute}.bg-glow-1{background:radial-gradient(circle,#3b82f6 0%,#0000 70%);top:-10%;left:-10%}.bg-glow-2{background:radial-gradient(circle,#c084fc 0%,#0000 70%);bottom:-10%;right:-10%}.dashboard-header{z-index:1;text-align:center;margin-bottom:3.5rem;animation:.6s fadeInDown;position:relative}.header-badge{color:#2563eb;background:#3b82f60f;border:1px solid #3b82f626;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem 1.1rem;font-size:.8rem;font-weight:600;display:inline-flex}.pulse-dot{background-color:#2563eb;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 8px #2563eb}.dashboard-header h1{color:var(--text-main);letter-spacing:-.01em;background:linear-gradient(135deg,#0f172a 30%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;padding:.15em 0;font-size:2.85rem;font-weight:700;line-height:1.35}.dashboard-header .subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1.05rem;font-weight:400}.header-admin-link{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-family);transition:var(--transition-smooth);background:#0f172a0a;border-radius:99px;align-items:center;gap:.45rem;margin-top:1rem;padding:.45rem .95rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.header-admin-link svg{flex-shrink:0;width:14px;height:14px}.header-admin-link:hover{color:#fff;background:#0f172a;border-color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}@media (width>=1025px){.dashboard-bento-grid{grid-template-columns:repeat(12,1fr);align-items:stretch;gap:1.5rem;margin-bottom:2rem;animation:.6s fadeInUp;display:grid}.bento-chart-panel{grid-column:span 12}.bento-stats-panel{grid-column:span 4}.bento-table-panel{grid-column:span 8}}@media (width<=1024px){.dashboard-bento-grid{flex-direction:column;gap:1.5rem;animation:.6s fadeInUp;display:flex}}.bento-card{background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--section-shadow);box-sizing:border-box;border-radius:24px;padding:2rem}.bento-panel-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.bento-panel-header h3{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:600}.bento-panel-header .subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.825rem}.stat-controls{flex-direction:column;gap:.75rem;display:flex}.stat-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:.2rem;display:flex}.stat-tabs button{color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:7px;flex:1;padding:.45rem .5rem;font-size:.8rem;font-weight:600}.stat-tabs button:hover{color:var(--text-main)}.stat-tabs button.active{color:#2563eb;background:#fff;box-shadow:0 2px 5px #0f172a0d}.month-dropdown-wrapper{width:100%;position:relative}.card-month-select{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right .75rem center/.85rem no-repeat;border-radius:10px;outline:none;padding:.6rem 2rem .6rem .75rem;font-size:.825rem;font-weight:600}.card-month-select:hover{border-color:var(--border-hover-color)}.card-month-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.bento-stats-list{flex-direction:column;gap:.75rem;display:flex}.bento-stat-item{--theme-color:hsl(var(--theme-hue), 80%, 55%);--theme-glow:hsl(var(--theme-hue), 80%, 55%, .05);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0f172a04}.bento-stat-item:before{content:"";background:var(--theme-color);width:4px;height:100%;position:absolute;top:0;left:0}.bento-stat-item:hover{border-color:var(--border-hover-color);transform:translate(4px);box-shadow:0 8px 16px -4px #0f172a0a}.bento-stat-item.active{border-color:var(--theme-color);background:var(--theme-glow);box-shadow:inset 0 0 8px #fff3}.bento-stats-featured{flex-direction:column;gap:.75rem;display:flex}.featured-rank{transition:var(--transition-smooth);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:stretch;min-height:72px;padding:1.15rem 1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a04}.featured-rank:before{display:none!important}.featured-rank.rank-1{background:linear-gradient(135deg,#fff 60%,#fbbf240a 100%);border:2px solid #fbbf24!important}.featured-rank.rank-2{background:linear-gradient(135deg,#fff 60%,#94a3b808 100%);border:1.75px solid #94a3b8!important}.featured-rank.rank-3{background:linear-gradient(135deg,#fff 60%,#cd7f3208 100%);border:1.75px solid #cd7f32!important}.featured-rank:hover{box-shadow:0 10px 22px -4px #0f172a0d;transform:translateY(-2px)translate(0)!important}.rank-overlay{pointer-events:none;-webkit-user-select:none;user-select:none;transition:var(--transition-smooth);z-index:0;font-family:Outfit,sans-serif;font-size:5rem;font-weight:800;line-height:1;position:absolute;bottom:-22px;right:-5px}.rank-1 .rank-overlay{color:#fbbf2429}.rank-2 .rank-overlay{color:#94a3b826}.rank-3 .rank-overlay{color:#cd7f3226}.featured-rank:hover .rank-overlay{right:5px;transform:scale(1.12)rotate(-8deg)}.featured-rank .item-icon{border-radius:8px;width:32px;height:32px;font-size:1.2rem}.featured-rank .item-count{font-size:1.45rem}.item-content-wrapper{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.featured-rank h4{font-size:.9rem}.featured-rank .item-last-upload{font-size:.7rem}.item-content-wrapper{justify-content:space-between;align-items:center;display:flex}.bento-stats-remaining{border-top:1px dashed var(--border-color);flex-direction:column;gap:.55rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.remaining-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;padding-left:.25rem;font-size:.72rem;font-weight:700}.compact-item{border:1px solid var(--border-color);background:#f8fafc;border-radius:12px;padding:.65rem 1rem}.compact-item:before{width:3px}.compact-item:hover{border-color:var(--border-hover-color);background:#fff;transform:translate(3px)!important}.compact-icon{border-radius:8px!important;width:30px!important;height:30px!important;font-size:1.15rem!important}.compact-count{font-size:1.35rem!important}.item-left{align-items:center;gap:.85rem;display:flex;overflow:hidden}.item-icon{background:#0f172a08;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:inline-flex}.item-meta{overflow:hidden}.item-meta h4{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.item-last-upload{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:.2rem 0 0;font-size:.725rem;overflow:hidden}.item-right{flex-shrink:0;align-items:baseline;gap:.2rem;display:flex}.item-count{color:var(--text-main);font-size:1.75rem;font-weight:700}.item-unit{color:var(--text-secondary);font-size:.75rem;font-weight:500}.chart-section-box{z-index:1;background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--section-shadow);border-radius:24px;margin-bottom:3rem;padding:2.25rem;animation:.8s fadeInUp;position:relative}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.chart-title-group h2{color:var(--text-main);margin:0;font-size:1.35rem;font-weight:600}.chart-title-group .subtitle{color:var(--text-secondary);margin:.3rem 0 0;font-size:.875rem}.range-selector{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:.25rem;display:flex}.range-selector button{color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.range-selector button:hover{color:var(--text-main)}.range-selector button.active{color:#2563eb;background:#fff;box-shadow:0 4px 10px #0f172a0d,0 0 1px #0f172a1a}.chart-container{border-bottom:1px solid #e2e8f0;height:240px;padding-bottom:1.5rem;padding-left:2.5rem;display:flex;position:relative}.chart-y-axis{width:2rem;color:var(--text-secondary);text-align:right;flex-direction:column;justify-content:space-between;font-size:.8rem;font-weight:500;display:flex;position:absolute;top:0;bottom:1.5rem;left:0}.chart-bars-wrapper{flex:1;justify-content:space-around;align-items:flex-end;height:100%;display:flex}.chart-bar-column{--bar-color:hsl(var(--theme-hue), 80%, 55%);--bar-color-glow:hsl(var(--theme-hue), 80%, 55%, .12);flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.bar-container{align-items:flex-end;width:32px;height:calc(100% - 1.5rem);display:flex;position:relative}.bar-glow{width:100%;height:var(--bar-pct);background:var(--bar-color);filter:blur(8px);opacity:.2;border-radius:6px 6px 0 0;transition:height .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bar-fill{background:linear-gradient(0deg, var(--bar-color) 40%, #fff 220%);width:100%;height:var(--bar-pct);box-shadow:0 4px 10px var(--bar-color-glow);cursor:pointer;border-radius:6px 6px 0 0;transition:height .5s cubic-bezier(.16,1,.3,1);position:relative}.bar-fill:hover{background:linear-gradient(0deg, var(--bar-color) 20%, #fff 180%);filter:brightness(1.05)}.bar-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-smooth);background:#0f172a;border-radius:8px;padding:.35rem .7rem;font-size:.75rem;font-weight:600;position:absolute;top:-2.5rem;left:50%;transform:translate(-50%)scale(.9);box-shadow:0 10px 15px -3px #0003}.bar-fill:hover .bar-tooltip{opacity:1;transform:translate(-50%)scale(1)}.bar-label{color:var(--text-secondary);text-align:center;white-space:nowrap;font-size:.75rem;font-weight:600;position:absolute;bottom:-1.75rem}.bar-label-inner{display:none}.dashboard-content{z-index:1;background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--section-shadow);border-radius:24px;padding:2.25rem;animation:1s fadeInUp;position:relative}.content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.content-header h2{color:var(--text-main);margin:0;font-size:1.35rem;font-weight:600}.total-badge{color:var(--text-secondary);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.controls-group-advanced{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-select-wrapper{position:relative}.custom-select{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right .75rem center/.85rem no-repeat;border-radius:12px;outline:none;padding:.7rem 2rem .7rem 1rem;font-size:.85rem;font-weight:600;box-shadow:0 1px 2px #0f172a05}.custom-select:hover{border-color:var(--border-hover-color);color:var(--text-main)}.custom-select:focus{color:var(--text-main);border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.custom-select option{color:var(--text-main);background-color:#fff}.search-wrapper{min-width:240px;position:relative}.search-icon{width:18px;height:18px;color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-wrapper input{border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-family);box-sizing:border-box;transition:var(--transition-smooth);background:#fff;border-radius:12px;outline:none;padding:.7rem 1rem .7rem 2.3rem;font-size:.85rem;box-shadow:0 1px 2px #0f172a05}.search-wrapper input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.table-responsive{border:1px solid var(--border-color);background:#fff;border-radius:16px;width:100%;margin-bottom:1.5rem;overflow-x:auto;box-shadow:0 1px 3px #0f172a05}.reports-table{border-collapse:collapse;text-align:left;width:100%;font-size:.825rem}.reports-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1.15rem;font-size:.775rem;font-weight:600}.reports-table td{vertical-align:middle;transition:var(--transition-smooth);border-bottom:1px solid #f1f5f9;padding:.75rem 1.15rem}.table-row{transition:var(--transition-smooth)}.table-row:hover td{background:#f8fafc}.table-row:last-child td{border-bottom:none}.col-date{color:var(--text-main);white-space:nowrap;font-weight:600;line-height:1.3}.col-time-sub{color:var(--text-secondary);opacity:.85;margin-top:.15rem;font-size:.72rem;font-weight:500}.project-pill{--p-color:hsl(var(--pill-hue), 75%, 45%);background:hsl(var(--pill-hue), 75%, 45%, .05);border:1px solid hsl(var(--pill-hue), 75%, 45%, .15);color:var(--p-color);white-space:nowrap;border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.file-name-container{align-items:center;gap:.65rem;max-width:600px;display:flex}.doc-icon{color:#2563eb;flex-shrink:0;width:18px;height:18px}.file-name-container span{white-space:nowrap;text-overflow:ellipsis;color:var(--text-main);font-weight:500;overflow:hidden}.sender-pill{color:var(--text-secondary);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.3rem .6rem;font-family:monospace;font-size:.825rem}.btn-download{color:var(--text-secondary);transition:var(--transition-smooth);box-sizing:border-box;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;height:38px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.download-icon{width:14px;height:14px}.btn-download:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.btn-download.btn-link-news{color:#2563eb;background:#2563eb0f;border:1px solid #2563eb26}.btn-download.btn-link-news:hover{color:#fff;background:#2563eb;border-color:#2563eb}.pagination-wrapper{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.25rem;display:flex}.btn-pagination{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:10px;padding:.55rem 1.2rem;font-size:.85rem;font-weight:600;box-shadow:0 1px 2px #0f172a05}.btn-pagination:hover:not(:disabled){color:var(--text-main);border-color:var(--border-hover-color);background:#f8fafc}.btn-pagination:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.page-indicator{color:var(--text-secondary);font-size:.9rem;font-weight:500}.page-indicator strong{color:var(--text-main)}.loading-spinner-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.loading-spinner{border:3px solid #2563eb14;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-spinner-wrapper p{color:var(--text-secondary);margin:0;font-size:.95rem;font-weight:500}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.empty-icon{opacity:.6;margin-bottom:1rem;font-size:3.5rem}.empty-state h3{color:var(--text-main);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.empty-state p{color:var(--text-muted);margin:0;font-size:.9rem}.dashboard-footer-info{text-align:center;color:var(--text-muted);margin-top:3.5rem;font-size:.85rem;font-weight:500}@keyframes pulse{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:#f8fafc}.table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=992px){.chart-header{flex-direction:column;align-items:flex-start}.range-selector{justify-content:space-between;width:100%}.range-selector button{text-align:center;flex:1}}@media (width<=768px){.dashboard-container{padding:2rem 1rem}.dashboard-header h1{font-size:2.15rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.chart-section-box{padding:1.5rem}.chart-container{padding-left:0;overflow-x:auto}.chart-y-axis{display:none}.chart-bars-wrapper{min-width:480px}.dashboard-content{padding:1.5rem}.content-header{flex-direction:column;align-items:flex-start}.controls-group-advanced{flex-direction:column;align-items:stretch;width:100%}.search-wrapper{width:100%;min-width:unset}.custom-select{width:100%}.reports-table,.reports-table thead,.reports-table tbody,.reports-table th,.reports-table td,.reports-table tr{display:block}.reports-table thead{display:none}.reports-table tr{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.15rem;box-shadow:0 2px 4px #0f172a04}.reports-table td{border:none;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.85rem;display:flex}.reports-table td:before{color:var(--text-secondary);margin-right:1rem;font-weight:600}.reports-table td:first-of-type:before{content:"วันที่ส่ง: "}.reports-table td:nth-of-type(2):before{content:"ชื่อโครงการ: "}.reports-table td:nth-of-type(3):before{content:"ชื่อไฟล์ต้นฉบับ: "}.file-name-container{justify-content:flex-end;max-width:200px}.btn-download{box-sizing:border-box;justify-content:center;width:100%;height:42px;padding:.6rem}.pagination-wrapper{text-align:center;flex-direction:column;gap:1rem}.btn-pagination{width:100%}}.chart-controls-wrapper{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.chart-month-dropdown-wrapper{min-width:180px;position:relative}.chart-month-select{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right .75rem center/.85rem no-repeat;border-radius:10px;outline:none;padding:.6rem 2rem .6rem .75rem;font-size:.85rem;font-weight:600}.chart-month-select:hover{border-color:var(--border-hover-color)}.chart-month-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.report-image-thumb-link{border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:8px;flex-shrink:0;display:inline-flex;overflow:hidden}.report-image-thumb-link:hover{border-color:#2563eb;transform:scale(1.15);box-shadow:0 4px 10px #2563eb26}.report-image-thumb{object-fit:cover;width:32px;height:32px;display:block}.image-lightbox-overlay{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s lightboxFadeIn;display:flex;position:fixed;top:0;left:0}.image-lightbox-content{background:#fff;border-radius:24px;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;padding:.5rem;animation:.35s cubic-bezier(.34,1.56,.64,1) lightboxScaleUp;display:flex;position:relative;box-shadow:0 25px 60px -15px #0f172a4d}.lightbox-close-btn{color:#fff;cursor:pointer;width:2.5rem;height:2.5rem;transition:var(--transition-smooth);z-index:10;background:#0f172a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:-1.25rem;right:-1.25rem;box-shadow:0 10px 15px -3px #0000004d}.lightbox-close-btn:hover{background:#3b82f6;transform:scale(1.1)rotate(90deg)}.lightbox-img{object-fit:contain;border-radius:18px;max-width:85vw;max-height:80vh;display:block}.report-image-thumb-link{cursor:pointer}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.action-buttons-group{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.btn-view-image{color:#2563eb;font-size:.85rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);box-sizing:border-box;background:#2563eb0f;border:1px solid #2563eb26;border-radius:10px;align-items:center;gap:.5rem;height:38px;padding:.5rem 1rem;display:inline-flex}.btn-view-image:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.view-image-icon{width:14px;height:14px}@media (width<=768px){.action-buttons-group{justify-content:flex-start;gap:.5rem;width:100%}.btn-view-image{box-sizing:border-box;justify-content:center;width:100%;height:42px;padding:.6rem}}.btn-select-month{border:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.15rem;display:inline-flex;box-shadow:0 1px 2px #0f172a05}.btn-select-month:hover{border-color:var(--border-hover-color);color:var(--text-main);background:#f8fafc}.btn-select-month.active{color:#2563eb;background:#2563eb0f;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.btn-select-month .calendar-icon{flex-shrink:0;width:15px;height:15px}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1100;background:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s lightboxFadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{box-sizing:border-box;background:#fff;border-radius:24px;width:100%;max-width:440px;padding:1.75rem 2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) lightboxScaleUp;box-shadow:0 25px 60px -15px #0f172a40,0 0 1px #0f172a0d}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.modal-header h3{color:var(--text-main);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.modal-close-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1.2rem;display:inline-flex}.modal-close-btn:hover{color:#ef4444;transform:scale(1.1)rotate(90deg)}.modal-subtitle{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.85rem;line-height:1.45}.months-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;max-height:240px;margin-bottom:1.5rem;padding-right:.25rem;display:grid;overflow-y:auto}.months-grid::-webkit-scrollbar{width:5px}.months-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.months-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.month-grid-item{border:1px solid var(--border-color);font-family:var(--font-family);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);box-sizing:border-box;background:#f8fafc;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;display:flex}.month-grid-item:hover{border-color:var(--border-hover-color);color:var(--text-main);background:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #0f172a08}.month-grid-item.active{color:#2563eb;background:#2563eb0f;border-color:#2563eb}.calendar-emoji{flex-shrink:0;font-size:1.1rem}.month-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:1rem;display:flex}.btn-modal-cancel{color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600}.btn-modal-cancel:hover{color:var(--text-main);background:#e2e8f0}@media (width<=768px){.chart-container{height:250px;padding-bottom:1rem}.bar-container{width:22px!important}.bar-label{display:none!important}.bar-label-inner{transform-origin:0;white-space:nowrap;color:#fff;pointer-events:none;z-index:10;text-shadow:0 1px 3px #0f172ae6,0 0 5px #0f172a99;font-size:.65rem;font-weight:700;display:block;position:absolute;bottom:10px;left:50%;transform:rotate(-90deg)}}.lightbox-nav-btn{color:#fff;cursor:pointer;z-index:1050;-webkit-backdrop-filter:blur(8px);background:#0f172abf;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav-btn:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-50%)scale(1.1);box-shadow:0 10px 25px #2563eb66}.lightbox-nav-btn.prev{left:2rem}.lightbox-nav-btn.next{right:2rem}@media (width<=768px){.lightbox-nav-btn{width:2.75rem;height:2.75rem;font-size:1.2rem}.lightbox-nav-btn.prev{left:.75rem}.lightbox-nav-btn.next{right:.75rem}}.lightbox-gallery-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15;background:#0f172aa6;border-radius:9999px;gap:.5rem;padding:.4rem .8rem;display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.lightbox-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.lightbox-dot:hover{background:#ffffffb3}.lightbox-dot.active{background:#2563eb;border-radius:4px;width:16px;transform:scale(1.2)}.btn-toggle-remaining{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);background:#0f172a08;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.65rem 1rem;font-size:.8rem;font-weight:600;display:flex}.btn-toggle-remaining:hover{color:var(--text-main);border-color:var(--border-hover-color);background:#0f172a12;transform:translateY(-1px)}.btn-toggle-remaining svg.toggle-chevron{width:14px;height:14px;transition:var(--transition-smooth);flex-shrink:0}.btn-toggle-remaining.expanded svg.toggle-chevron{transform:rotate(180deg)}button.header-admin-link{border:1px solid var(--border-color);cursor:pointer;font-family:var(--font-family);background:#0f172a0a;outline:none;justify-content:center;align-items:center;display:inline-flex}button.header-admin-link:hover{color:#fff;background:#0f172a;border-color:#0f172a}.shortcut-month-btn.active:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2563eb2e;color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.admin-login-page{box-sizing:border-box;background:#060b18;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Outfit,Prompt,sans-serif;display:flex;position:relative;overflow:hidden}.admin-login-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.admin-bg-orb{filter:blur(100px);opacity:.35;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#3b82f6 0%,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite alternate orbFloat;top:-150px;left:-150px}.orb-2{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);width:400px;height:400px;animation:10s ease-in-out infinite alternate-reverse orbFloat;bottom:-100px;right:-100px}.orb-3{opacity:.15;background:radial-gradient(circle,#06b6d4 0%,#0000 70%);width:300px;height:300px;animation:6s ease-in-out infinite alternate orbFloat;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat{0%{transform:translate(0)}to{transform:translate(20px,-20px)}}.admin-login-card{z-index:1;-webkit-backdrop-filter:blur(30px);background:#0f172abf;border:1px solid #ffffff14;border-radius:28px;width:100%;max-width:420px;padding:2.75rem 2.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) loginCardIn;position:relative;box-shadow:0 25px 60px -15px #0009,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}@keyframes loginCardIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-login-brand{text-align:center;margin-bottom:2.25rem}.admin-brand-icon{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex;box-shadow:0 12px 25px -5px #3b82f673}.admin-brand-icon svg{stroke:#fff;width:32px;height:32px}.admin-brand-title{color:#f1f5f9;letter-spacing:-.01em;margin:0 0 .35rem;font-size:1.75rem;font-weight:700}.admin-brand-sub{color:#64748b;margin:0;font-size:.9rem;font-weight:400}.admin-login-form{flex-direction:column;gap:1.25rem;display:flex}.admin-field-group{flex-direction:column;gap:.5rem;display:flex}.admin-field-label{color:#94a3b8;letter-spacing:.02em;font-size:.85rem;font-weight:600}.admin-input-wrapper{align-items:center;display:flex;position:relative}.admin-input-icon{color:#475569;pointer-events:none;flex-shrink:0;width:18px;height:18px;position:absolute;left:1rem}.admin-input{color:#f1f5f9;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;padding:.875rem 1rem .875rem 3rem;font-family:Outfit,Prompt,sans-serif;font-size:.95rem;transition:all .2s}.admin-input-password{padding-right:3rem}.admin-input::placeholder{color:#334155}.admin-input:focus{background:#3b82f60a;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61f}.admin-eye-btn{cursor:pointer;color:#475569;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:color .2s;display:flex;position:absolute;right:1rem}.admin-eye-btn:hover{color:#94a3b8}.admin-eye-btn svg{width:18px;height:18px}.admin-error-alert{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:.65rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.35s shakeIn;display:flex}.admin-error-alert svg{flex-shrink:0;width:18px;height:18px}@keyframes shakeIn{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.admin-login-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.65rem;width:100%;margin-top:.25rem;padding:.95rem;font-family:Outfit,Prompt,sans-serif;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 20px -5px #6366f173}.admin-login-btn svg{width:18px;height:18px}.admin-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);transform:translateY(-2px);box-shadow:0 12px 28px -5px #6366f18c}.admin-login-btn:active:not(:disabled){transform:translateY(0)}.admin-login-btn.loading,.admin-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.admin-login-footer{text-align:center;color:#334155;margin:1.5rem 0 0;font-size:.8rem}:root{--admin-font:"Outfit", "Prompt", sans-serif;--admin-bg:#060b18;--admin-surface:#0d1526;--admin-surface-2:#111d35;--admin-border:#ffffff12;--admin-border-hover:#ffffff21;--admin-text:#e2e8f0;--admin-text-sub:#64748b;--admin-text-muted:#334155;--admin-accent:#3b82f6;--admin-accent-2:#6366f1;--admin-success:#22c55e;--admin-error:#ef4444;--admin-warning:#f59e0b;--admin-transition:all .2s cubic-bezier(.4, 0, .2, 1)}.admin-panel-page{background:var(--admin-bg);min-height:100vh;font-family:var(--admin-font);color:var(--admin-text)}.admin-navbar{z-index:100;border-bottom:1px solid var(--admin-border);-webkit-backdrop-filter:blur(20px);background:#060b18d9;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.admin-navbar-brand{align-items:center;gap:.85rem;display:flex}.admin-nav-icon{background:linear-gradient(135deg, var(--admin-accent) 0%, var(--admin-accent-2) 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.admin-nav-icon svg{stroke:#fff;width:20px;height:20px}.admin-nav-title{color:var(--admin-text);font-size:.95rem;font-weight:700;line-height:1.2;display:block}.admin-nav-sub{color:var(--admin-text-sub);font-size:.75rem;display:block}.admin-navbar-right{align-items:center;gap:.75rem;display:flex}.admin-user-badge{border:1px solid var(--admin-border);background:#ffffff0a;border-radius:10px;align-items:center;gap:.6rem;padding:.4rem .85rem .4rem .5rem;display:flex}.admin-user-avatar{background:linear-gradient(135deg, var(--admin-accent), var(--admin-accent-2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.admin-user-email{color:var(--admin-text-sub);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.82rem;overflow:hidden}.admin-nav-link-btn,.admin-signout-btn{font-family:var(--admin-font);cursor:pointer;transition:var(--admin-transition);border-radius:9px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.admin-nav-link-btn{color:var(--admin-accent);background:#3b82f614;border:1px solid #3b82f633}.admin-nav-link-btn svg{width:15px;height:15px}.admin-nav-link-btn:hover{background:var(--admin-accent);color:#fff;border-color:var(--admin-accent)}.admin-signout-btn{color:#f87171;background:#ef444412;border:1px solid #ef44442e}.admin-signout-btn svg{width:15px;height:15px}.admin-signout-btn:hover{background:var(--admin-error);color:#fff;border-color:var(--admin-error)}.admin-main-content{max-width:1200px;margin:0 auto;padding:2.5rem 2rem 4rem}.admin-page-header{margin-bottom:2rem}.admin-page-title{background:linear-gradient(135deg,#e2e8f0 30%,#64748b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .35rem;font-size:2rem;font-weight:700}.admin-page-subtitle{color:var(--admin-text-sub);margin:0;font-size:.9rem}.admin-tabs{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:14px;gap:.5rem;width:fit-content;margin-bottom:2rem;padding:.35rem;display:flex}.admin-tab-btn{color:var(--admin-text-sub);font-family:var(--admin-font);cursor:pointer;transition:var(--admin-transition);background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.admin-tab-btn .tab-icon{font-size:1rem}.admin-tab-btn:hover{color:var(--admin-text)}.admin-tab-btn.active{color:#93c5fd;background:linear-gradient(135deg,#3b82f626 0%,#6366f126 100%);border:1px solid #3b82f640}.admin-tab-content{animation:.3s fadeInUp}.admin-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.admin-section-header h2{color:var(--admin-text);margin:0 0 .3rem;font-size:1.25rem;font-weight:700}.admin-section-header p{color:var(--admin-text-sub);margin:0;font-size:.85rem}.admin-primary-btn{background:linear-gradient(135deg, var(--admin-accent) 0%, var(--admin-accent-2) 100%);color:#fff;font-family:var(--admin-font);cursor:pointer;transition:var(--admin-transition);white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px -3px #6366f166}.admin-primary-btn svg{width:16px;height:16px}.admin-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px -3px #6366f180}.admin-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-cancel-btn{border:1px solid var(--admin-border);color:var(--admin-text-sub);font-family:var(--admin-font);cursor:pointer;transition:var(--admin-transition);background:#ffffff0a;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.9rem;font-weight:600;display:inline-flex}.admin-cancel-btn:hover{color:var(--admin-text);background:#ffffff14}.admin-danger-btn{color:#fca5a5;font-family:var(--admin-font);cursor:pointer;transition:var(--admin-transition);background:#ef44441a;border:1px solid #ef444440;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.9rem;font-weight:600;display:inline-flex}.admin-danger-btn svg{width:16px;height:16px}.admin-danger-btn:hover{background:var(--admin-error);color:#fff;border-color:var(--admin-error);box-shadow:0 4px 14px -3px #ef444466}.admin-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}.admin-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:200;background:#060b18bf;justify-content:center;align-items:center;padding:1.5rem;animation:.2s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.admin-modal{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:24px;width:100%;max-width:600px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn;overflow-y:auto;box-shadow:0 25px 60px -15px #000000b3}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-confirm-modal{text-align:center;max-width:400px}.confirm-icon{margin-bottom:1rem;font-size:3rem}.admin-confirm-modal h3{color:var(--admin-text);margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.admin-confirm-modal p{color:var(--admin-text-sub);margin:0 0 1.5rem;font-size:.9rem}.admin-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.admin-modal-header h3{color:var(--admin-text);margin:0;font-size:1.2rem;font-weight:700}.admin-modal-close{border:1px solid var(--admin-border);color:var(--admin-text-sub);cursor:pointer;width:32px;height:32px;transition:var(--admin-transition);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.admin-modal-close:hover{color:#fca5a5;background:#ef44441a;border-color:#ef444433}.admin-modal-actions{border-top:1px solid var(--admin-border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.admin-confirm-modal .admin-modal-actions{justify-content:center}.admin-project-form{flex-direction:column;gap:1.25rem;display:flex}.admin-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.admin-form-field{flex-direction:column;gap:.5rem;display:flex}.admin-form-field.full-width{grid-column:1/-1}.admin-form-field label{color:var(--admin-text-sub);letter-spacing:.02em;font-size:.82rem;font-weight:600}.required{color:#f87171}.admin-form-field input,.admin-form-field textarea{border:1px solid var(--admin-border);color:var(--admin-text);font-family:var(--admin-font);transition:var(--admin-transition);resize:vertical;background:#ffffff08;border-radius:12px;outline:none;padding:.75rem 1rem;font-size:.9rem}.admin-form-field input:focus,.admin-form-field textarea:focus{background:#3b82f60a;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.admin-form-field input.disabled{opacity:.5;cursor:not-allowed}.field-hint{color:var(--admin-text-sub);margin:0;font-size:.78rem}.icon-picker{flex-wrap:wrap;gap:.4rem;display:flex}.icon-option{border:1px solid var(--admin-border);cursor:pointer;width:38px;height:38px;transition:var(--admin-transition);background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.icon-option:hover{border-color:var(--admin-border-hover);background:#ffffff12}.icon-option.selected{background:#3b82f61f;border-color:#3b82f659;box-shadow:0 0 0 2px #3b82f633}.hue-picker{flex-wrap:wrap;gap:.4rem;display:flex}.hue-option{cursor:pointer;width:28px;height:28px;transition:var(--admin-transition);border:2px solid #0000;border-radius:50%}.hue-option:hover{transform:scale(1.15)}.hue-option.selected{border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 2px #ffffff4d}.color-preview{margin-top:.25rem;font-weight:600}.admin-toggle-label{cursor:pointer;align-items:center;gap:.75rem;color:var(--admin-text)!important;flex-direction:row!important;font-size:.9rem!important;font-weight:500!important;display:flex!important}.admin-toggle{border:1px solid var(--admin-border);cursor:pointer;width:44px;height:24px;transition:var(--admin-transition);background:#ffffff1a;border-radius:99px;flex-shrink:0;position:relative}.admin-toggle.on{background:var(--admin-success);border-color:var(--admin-success)}.admin-toggle-knob{width:18px;height:18px;transition:var(--admin-transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000004d}.admin-toggle.on .admin-toggle-knob{left:calc(100% - 20px)}.project-preview-card{border:1px solid rgba(hsl(var(--preview-hue,215), 70%, 55%), .2);border-left:4px solid hsl(var(--preview-hue,215), 70%, 55%);background:#ffffff08;border-radius:12px;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:.9rem;display:flex}.preview-icon{font-size:1.5rem}.project-preview-card strong{color:var(--admin-text);font-weight:600;display:block}.project-preview-card p{color:var(--admin-text-sub);margin:.2rem 0 0;font-size:.78rem}.admin-form-error{color:#fca5a5;background:#ef444412;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:500;display:flex}.admin-form-error svg{flex-shrink:0;width:16px;height:16px}.admin-projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.admin-project-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-left:4px solid hsl(var(--proj-hue,215), 70%, 55%);transition:var(--admin-transition);border-radius:18px;padding:1.5rem}.admin-project-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 30px -10px #0006}.admin-project-card.inactive{opacity:.55}.proj-card-header{align-items:flex-start;gap:.85rem;margin-bottom:1rem;display:flex}.proj-icon-wrap{background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.proj-info{flex:1}.proj-info h3{color:var(--admin-text);margin:0 0 .2rem;font-size:1rem;font-weight:700}.proj-key{color:var(--admin-text-sub);border:1px solid var(--admin-border);background:#ffffff0a;border-radius:5px;padding:.1rem .4rem;font-size:.75rem}.proj-status-badge{white-space:nowrap;border-radius:99px;flex-shrink:0;padding:.25rem .65rem;font-size:.72rem;font-weight:600}.proj-status-badge.active{color:#86efac;background:#22c55e1a;border:1px solid #22c55e40}.proj-status-badge.inactive{color:var(--admin-text-sub);background:#64748b1a;border:1px solid #64748b33}.proj-keywords-section{margin-bottom:1rem}.proj-keywords-label{color:var(--admin-text-sub);margin:0 0 .5rem;font-size:.78rem;font-weight:600}.proj-keywords-list{flex-wrap:wrap;gap:.4rem;display:flex}.keyword-tag{color:#93c5fd;background:#3b82f614;border:1px solid #3b82f62e;border-radius:6px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.keyword-empty{color:var(--admin-text-muted);font-size:.8rem;font-style:italic}.proj-card-actions{border-top:1px solid var(--admin-border);gap:.5rem;padding-top:1rem;display:flex}.proj-edit-btn,.proj-delete-btn{font-family:var(--admin-font);cursor:pointer;transition:var(--admin-transition);border-radius:9px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.proj-edit-btn svg,.proj-delete-btn svg{width:14px;height:14px}.proj-edit-btn{color:#93c5fd;background:#3b82f612;border:1px solid #3b82f62e}.proj-edit-btn:hover{background:var(--admin-accent);color:#fff;border-color:var(--admin-accent)}.proj-delete-btn{color:#fca5a5;background:#ef44440f;border:1px solid #ef444426}.proj-delete-btn:hover{background:var(--admin-error);color:#fff;border-color:var(--admin-error)}.admin-loading-state,.admin-empty-state{text-align:center;color:var(--admin-text-sub);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.admin-spinner{border:3px solid #3b82f61a;border-top-color:var(--admin-accent);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}.admin-empty-state span{opacity:.6;font-size:3rem}.admin-empty-state h3{color:var(--admin-text);margin:0;font-size:1.1rem;font-weight:600}.admin-empty-state p{margin:0;font-size:.875rem}.admin-bot-form{flex-direction:column;gap:1.25rem;display:flex}.bot-settings-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:1.25rem;display:grid}.bot-setting-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:18px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.bot-setting-card.success{border-left:4px solid var(--admin-success)}.bot-setting-card.error{border-left:4px solid var(--admin-error)}.bot-setting-card.warning{border-left:4px solid var(--admin-warning)}.bot-setting-card.info{border-left:4px solid var(--admin-accent)}.bot-setting-card.neutral{border-left:4px solid #475569}.bot-setting-header{align-items:flex-start;gap:.85rem;display:flex}.bot-setting-icon{flex-shrink:0;font-size:1.5rem}.bot-setting-header h3{color:var(--admin-text);margin:0 0 .25rem;font-size:.95rem;font-weight:700}.bot-setting-header p{color:var(--admin-text-sub);margin:0;font-size:.8rem}.bot-variables-hint{color:var(--admin-text-sub);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.bot-variables-hint code{color:#93c5fd;background:#3b82f614;border:1px solid #3b82f62e;border-radius:6px;padding:.15rem .45rem;font-family:monospace;font-size:.8rem}.bot-setting-card textarea{border:1px solid var(--admin-border);color:var(--admin-text);font-family:var(--admin-font);transition:var(--admin-transition);resize:vertical;box-sizing:border-box;background:#ffffff08;border-radius:12px;outline:none;width:100%;padding:.85rem 1rem;font-size:.9rem;line-height:1.65}.bot-setting-card textarea:focus{background:#3b82f608;border-color:#3b82f673;box-shadow:0 0 0 3px #3b82f61a}.admin-bot-save-bar{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:16px;justify-content:flex-end;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.admin-success-toast{color:#86efac;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;animation:.3s fadeInLeft;display:flex}.admin-success-toast svg{width:18px;height:18px}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.admin-navbar{padding:0 1rem}.admin-user-email{display:none}.admin-main-content{padding:1.5rem 1rem 3rem}.admin-form-row,.admin-projects-grid,.bot-settings-grid{grid-template-columns:1fr}.admin-tabs{width:100%}.admin-tab-btn{flex:1;justify-content:center;padding:.55rem .5rem;font-size:.82rem}}.admin-news-controls{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-table-responsive{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:16px;overflow-x:auto;box-shadow:0 4px 20px #00000026}.admin-reports-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.admin-reports-table th{background:var(--admin-surface-2);border-bottom:1px solid var(--admin-border);color:var(--admin-text-sub);padding:1rem;font-weight:600}.admin-reports-table td{border-bottom:1px solid var(--admin-border);vertical-align:middle;color:var(--admin-text);padding:1rem}.admin-reports-table tr:last-child td{border-bottom:none}.admin-reports-table tr{transition:var(--admin-transition)}.admin-reports-table tr:hover{background:#ffffff04}:root{--report-font:"Sarabun", "Outfit", sans-serif;--report-bg:#e2e8f0;--report-paper:#fff;--report-primary:#1e3a8a;--report-text-main:#000;--report-text-sub:#334155;--report-border:#000}.report-loading-wrapper{background:var(--report-bg);min-height:100vh;font-family:var(--report-font);color:var(--report-text-sub);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.print-report-container{background-color:var(--report-bg);min-height:100vh;font-family:var(--report-font);color:var(--report-text-main);box-sizing:border-box;padding:5rem 1rem 3rem}.print-action-bar{-webkit-backdrop-filter:blur(12px);z-index:100;background:#0f172ad9;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;gap:1.5rem;height:64px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #00000026}.btn-print{color:#fff;font-family:var(--report-font);cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.65rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb4d}.btn-print:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-back-home{color:#fff;font-family:var(--report-font);cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:10px;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-back-home:hover{background:#ffffff40}.print-btn-icon{width:16px;height:16px}.report-a4-page{background:var(--report-paper);box-sizing:border-box;border-radius:4px;flex-direction:column;width:210mm;min-height:297mm;margin:0 auto;padding:15mm;display:flex;position:relative;box-shadow:0 15px 40px #0f172a1f}.report-title-section{text-align:center;border-bottom:1.5px solid #000;margin-bottom:1rem;padding-bottom:.5rem}.main-title{color:#000;letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.35rem;font-weight:700;line-height:1.3}.department-title{color:#000;margin:0 0 .4rem;font-size:1.15rem;font-weight:600}.report-date-range{color:var(--report-text-sub);margin:0;font-size:.875rem;font-weight:500}.total-summary-banner{text-align:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;margin-bottom:1.25rem;padding:.5rem 1rem;font-size:.95rem;font-weight:600}.highlight-total{color:#000;vertical-align:middle;margin:0 .25rem;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800}.top-three-cards-horizontal{gap:1rem;margin-bottom:1.5rem;display:flex}.top-three-card{box-sizing:border-box;background:#fff;border:1.75px solid #e2e8f0;border-radius:16px;flex:1;justify-content:space-between;align-items:center;min-height:76px;padding:.85rem 1rem;display:flex;position:relative;overflow:hidden}.top-three-card.rank-1{background:linear-gradient(135deg,#fff 60%,#fbbf240a 100%);border:2px solid #fbbf24!important}.top-three-card.rank-2{background:linear-gradient(135deg,#fff 60%,#94a3b808 100%);border:1.75px solid #94a3b8!important}.top-three-card.rank-3{background:linear-gradient(135deg,#fff 60%,#cd7f3208 100%);border:1.75px solid #cd7f32!important}.card-rank-overlay{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:800;line-height:1;position:absolute;bottom:-22px;right:-5px}.card-item-left{z-index:1;align-items:center;gap:.75rem;display:flex;overflow:hidden}.card-item-icon{background:#0f172a08;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.15rem;display:inline-flex}.card-item-meta{text-align:left;overflow:hidden}.card-item-meta h4{color:#000;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;font-weight:700;overflow:hidden}.card-item-last-upload{color:#475569;white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 0;font-size:.65rem;overflow:hidden}.card-item-right{z-index:1;flex-shrink:0;align-items:baseline;gap:.15rem;display:flex}.card-item-count{color:#000;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700}.card-item-unit{color:#475569;font-size:.7rem;font-weight:500}.plain-table-section{flex-grow:1;margin-bottom:1.5rem}.simple-plain-report-table{border-collapse:collapse;border:1.5px solid #000;width:100%;font-size:.825rem}.simple-plain-report-table th{color:#000;background:#f1f5f9;border:1.5px solid #000;border-bottom-width:2px;padding:.35rem .5rem;font-size:.85rem;font-weight:700}.simple-plain-report-table td{color:#000;vertical-align:middle;text-align:left;border:1px solid #000;padding:.35rem .5rem;line-height:1.25}.simple-plain-report-table tbody tr:hover{background:#f8fafc}@media print{body{color:#000!important;background:#fff!important;margin:0!important;padding:0!important}.print-report-container{background:0 0!important;min-height:auto!important;margin:0!important;padding:0!important}.print-action-bar{display:none!important}.report-a4-page{box-sizing:border-box;width:100%!important;height:297mm!important;max-height:297mm!important;box-shadow:none!important;page-break-after:avoid!important;page-break-before:avoid!important;page-break-inside:avoid!important;border:none!important;border-radius:0!important;margin:0!important;padding:12mm!important;overflow:hidden!important}.total-summary-banner{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f8fafc!important}.top-three-card{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important;border-color:#cbd5e1!important}.card-rank-overlay{-webkit-print-color-adjust:exact;print-color-adjust:exact}.simple-plain-report-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f1f5f9!important}.simple-plain-report-table tr{page-break-inside:avoid}}body{box-sizing:border-box;margin:0;padding:0}