@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Prompt:wght@200;300;400;500;600;700&family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Prompt:wght@200;300;400;500;600;700&family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&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{--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#0284c7;--accent:#3b82f6;--bg:#f1f5f9;--surface:#fff;--border:#e2e8f0;--border-hover:#cbd5e1;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-base:0 4px 6px -1px #0f172a05;--shadow-hover:0 10px 20px -4px #0f172a0a;--font-display:"Outfit", sans-serif;--font-body:"Prompt", sans-serif;--font-interface:"Sarabun", "Prompt", sans-serif;--font-mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--font-body);letter-spacing:normal;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-secondary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:15px}}html{min-height:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--bg);min-height:100%;color:var(--text-secondary);margin:0;padding:0}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;display:flex}h1,h2,h3,h4{font-family:var(--font-interface);color:var(--text-main);text-wrap:balance;margin:0;font-weight:600}h1{letter-spacing:-.02em;font-size:36px}@media (width<=1024px){h1{font-size:28px}}h2{font-size:22px;line-height:1.3}@media (width<=1024px){h2{font-size:18px}}p{margin:0}code{font-family:var(--font-mono);color:var(--text-main);background:#0f172a0d;border-radius:4px;padding:2px 6px;font-size:14px;line-height:1.4;display:inline-flex}: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 4px 6px -1px #0f172a05;--section-shadow:0 10px 25px -5px #0f172a08, 0 8px 10px -6px #0f172a08;--transition-smooth:all .2s cubic-bezier(.25, 1, .5, 1)}.dashboard-header h1,.chart-title-group h2,.bento-panel-header h3,.content-header h2,.item-meta h4{font-family:"Sarabun", "Prompt", var(--font-family)!important}.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}.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;-webkit-text-fill-color:initial;background:0 0;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:12px;align-items:center;gap:.45rem;margin-top:1rem;padding:.5rem 1.1rem;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;box-shadow:var(--shadow-hover);background:#0f172a;border-color:#0f172a;transform:translateY(-1px)}@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:16px;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%, 45%);--theme-glow:hsl(var(--theme-hue), 80%, 45%, .04);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0f172a03}.bento-stat-item:hover{border-color:var(--theme-color);transform:translate(4px);box-shadow:0 4px 12px -2px #0f172a0a}.bento-stat-item.active{border-color:var(--theme-color);background:var(--theme-glow)}.bento-stats-featured{flex-direction:column;gap:.75rem;display:flex}.featured-rank{transition:var(--transition-smooth);background:#fff;border-radius:12px;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:2.25rem;font-weight:800}.featured-rank .item-unit{color:var(--text-secondary);margin-left:.15rem;font-size:.85rem;font-weight:600}.item-content-wrapper{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.featured-rank .item-meta h4{color:var(--text-main);margin:0 0 .25rem;font-size:1.55rem;font-weight:700}.featured-rank .item-last-upload{color:var(--text-secondary);font-size:.775rem}.icon-overlay{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.28;transition:var(--transition-smooth);z-index:0;font-size:3.4rem;line-height:1;position:absolute;bottom:-24px;left:20px}.featured-rank:hover .icon-overlay{opacity:.42;bottom:-18px;left:24px;transform:scale(1.15)rotate(10deg)}.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:hover{border-color:var(--theme-color);box-shadow:0 4px 12px -2px var(--theme-glow);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{background:var(--bg);min-height:100vh;font-family:var(--font-family);box-sizing:border-box;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.admin-login-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.admin-bg-orb{filter:blur(140px);opacity:.1;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#3b82f6 0%,#0000 70%);width:500px;height:500px;top:-150px;left:-150px}.orb-2{background:radial-gradient(circle,#0284c7 0%,#0000 70%);width:400px;height:400px;bottom:-100px;right:-100px}.admin-login-card{z-index:1;background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--section-shadow);border-radius:16px;padding:2.5rem 2.25rem;animation:.4s cubic-bezier(.25,1,.5,1) loginCardIn;position:relative}@keyframes loginCardIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-login-brand{text-align:center;margin-bottom:2.25rem}.admin-brand-icon{background:var(--primary);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex;box-shadow:0 4px 12px #2563eb33}.admin-brand-icon svg{stroke:#fff;width:28px;height:28px}.admin-brand-title{font-family:var(--font-interface);color:var(--text-main);letter-spacing:-.01em;margin:0 0 .35rem;font-size:1.6rem;font-weight:700}.admin-brand-sub{color:var(--text-secondary);margin:0;font-size:.85rem;font-weight:500}.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:var(--text-secondary);letter-spacing:.02em;font-size:.825rem;font-weight:600}.admin-input-wrapper{align-items:center;display:flex;position:relative}.admin-input-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;flex-shrink:0;position:absolute;left:1rem}.admin-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-main);font-family:var(--font-family);box-sizing:border-box;transition:var(--transition-smooth);border-radius:12px;outline:none;padding:.75rem 1rem .75rem 2.85rem;font-size:.9rem}.admin-input-password{padding-right:3rem}.admin-input::placeholder{color:var(--text-muted)}.admin-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb14}.admin-eye-btn{cursor:pointer;width:20px;height:20px;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:1rem}.admin-eye-btn:hover{color:var(--text-secondary)}.admin-eye-btn svg{width:18px;height:18px}.admin-error-alert{color:#ef4444;background:#ef44440d;border:1px solid #ef444426;border-radius:12px;align-items:center;gap:.65rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;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{background:var(--primary);color:#fff;width:100%;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.65rem;margin-top:.25rem;padding:.85rem;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 4px 12px #2563eb26}.admin-login-btn svg{width:18px;height:18px}.admin-login-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40}.admin-login-btn:active:not(:disabled){transform:translateY(0)}.admin-login-btn.loading,.admin-login-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;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:var(--text-muted);margin:1.5rem 0 0;font-size:.775rem;font-weight:500}:root{--admin-font:"Outfit", "Prompt", sans-serif;--admin-bg:#f1f5f9;--admin-surface:#fff;--admin-surface-2:#f8fafc;--admin-border:#e2e8f0;--admin-border-hover:#cbd5e1;--admin-text:#0f172a;--admin-text-sub:#475569;--admin-text-muted:#94a3b8;--admin-accent:#2563eb;--admin-accent-2:#0284c7;--admin-success:#16a34a;--admin-error:#dc2626;--admin-warning:#ca8a04;--admin-transition:all .2s cubic-bezier(.25, 1, .5, 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:#ffffffd9;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:#f8fafc;border-radius:10px;align-items:center;gap:.6rem;padding:.4rem .85rem .4rem .5rem;display:flex}.admin-user-avatar{background:var(--admin-accent);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:#2563eb0f;border:1px solid #2563eb26}.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:var(--admin-error);background:#dc263e0f;border:1px solid #dc263e26}.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{color:var(--admin-text);-webkit-text-fill-color:initial;background:0 0;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:var(--admin-accent);background:#2563eb0f;border:1px solid #2563eb26}.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:var(--admin-accent);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 12px #2563eb26}.admin-primary-btn svg{width:16px;height:16px}.admin-primary-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 16px #2563eb40}.admin-primary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;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:var(--admin-error);font-family:var(--admin-font);cursor:pointer;transition:var(--admin-transition);background:#dc263e0f;border:1px solid #dc263e26;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 12px #dc263e33}.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);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-hover);border-radius:16px;padding:2rem;animation:.3s cubic-bezier(.25,1,.5,1) modalIn;overflow-y:auto}@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{background:rgba(var(--preview-hue,215), 75%, 45%, .04);border:1.5px solid rgba(var(--preview-hue,215), 75%, 45%, .18);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{--proj-color:hsl(var(--proj-hue,215), 75%, 45%);--proj-glow:hsl(var(--proj-hue,215), 75%, 45%, .04);background:var(--admin-surface);border:1px solid var(--admin-border);transition:var(--admin-transition);border-radius:12px;padding:1.5rem}.admin-project-card:hover{border-color:var(--proj-color);transform:translateY(-2px);box-shadow:0 8px 16px -4px #0f172a0a}.admin-project-card.inactive{opacity:.55}.proj-card-header{align-items:flex-start;gap:.85rem;margin-bottom:1rem;display:flex}.proj-icon-wrap{background:#0f172a08;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{font-family:var(--admin-font);color:var(--admin-accent);background:#2563eb0f;border:1px solid #2563eb26;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.order-pill{font-family:var(--admin-font);color:var(--admin-accent-2);background:#0284c70f;border:1px solid #0284c726;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.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:#16a34a;background:#16a34a14;border:1px solid #16a34a33}.proj-status-badge.inactive{color:var(--admin-text-sub);background:#64748b14;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:var(--admin-accent);background:#2563eb0f;border:1px solid #2563eb26;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:var(--admin-accent);background:#2563eb0f;border:1px solid #2563eb26}.proj-edit-btn:hover{background:var(--admin-accent);color:#fff;border-color:var(--admin-accent)}.proj-delete-btn{color:var(--admin-error);background:#dc263e0f;border:1px solid #dc263e26}.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:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.bot-setting-card.success{background:#16a34a05;border-color:#16a34a40}.bot-setting-card.error{background:#dc263e05;border-color:#dc263e40}.bot-setting-card.warning{background:#ca8a0405;border-color:#ca8a0440}.bot-setting-card.info{background:#2563eb05;border-color:#2563eb40}.bot-setting-card.neutral{border-color:var(--admin-border);background:var(--admin-surface-2)}.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:var(--admin-surface-2)}.pending-summary-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem;display:grid}@media (width<=600px){.pending-summary-grid{grid-template-columns:1fr}}.pending-summary-card{background:var(--admin-surface);border:1px solid var(--admin-border);transition:var(--admin-transition);border-radius:16px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.pending-summary-card:before{content:"";transition:var(--admin-transition);pointer-events:none;background:linear-gradient(135deg,#ca8a0400 0% 100%);position:absolute;inset:0}.pending-summary-card.has-items{background:linear-gradient(135deg,#eab3080a 0%,#fb923c0a 100%);border-color:#eab30859;box-shadow:0 0 0 1px #eab3081a,0 4px 16px #eab30814}.pending-summary-icon{flex-shrink:0;font-size:2.25rem;line-height:1}.pending-summary-body{flex:1;min-width:0}.pending-summary-count{color:var(--admin-text);font-variant-numeric:tabular-nums;margin-bottom:.2rem;font-size:2.5rem;font-weight:800;line-height:1}.pending-summary-card.has-items .pending-summary-count{color:#ca8a04}.pending-summary-label{color:var(--admin-text-sub);letter-spacing:.01em;font-family:monospace;font-size:.82rem;font-weight:700}.pending-summary-sub{color:var(--admin-text-muted);margin-top:.25rem;font-size:.78rem}.pending-clear-section-btn{color:var(--admin-error);font-family:var(--admin-font);cursor:pointer;transition:var(--admin-transition);background:#dc263e12;border:1px solid #dc263e33;border-radius:8px;padding:.3rem .7rem;font-size:.78rem;font-weight:600;position:absolute;top:1rem;right:1rem}.pending-clear-section-btn:hover{background:var(--admin-error);color:#fff;border-color:var(--admin-error)}.pending-section{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:16px;margin-bottom:1.5rem;padding:1.75rem}.pending-section-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.pending-section-header h3{color:var(--admin-text);margin:0;font-size:1.05rem;font-weight:700}.pending-section-count{color:var(--admin-accent);white-space:nowrap;background:#2563eb0f;border:1px solid #2563eb26;border-radius:99px;padding:.25rem .75rem;font-size:.8rem;font-weight:700}.pending-section-desc{color:var(--admin-text-sub);border-left:3px solid #2563eb33;margin:0 0 1.25rem;padding-left:.85rem;font-size:.83rem;line-height:1.55}.pending-type-badge{white-space:nowrap;border-radius:8px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.pending-type-badge.type-image{color:#2563eb;background:#2563eb12;border:1px solid #2563eb2e}.pending-type-badge.type-docx{color:#16a34a;background:#16a34a12;border:1px solid #16a34a2e}.pending-type-badge.type-link{color:#7c3aed;background:#7c3aed12;border:1px solid #7c3aed2e}.pending-type-badge.type-docx-unsent{color:#b45309;background:#eab30814;border:1px solid #eab30838}.pending-type-badge.type-image-unsent{color:#c2410c;background:#fb923c14;border:1px solid #fb923c38}.pending-type-badge.type-unknown{color:var(--admin-text-sub);background:#64748b12;border:1px solid #64748b2e}.pending-age-pill{white-space:nowrap;border-radius:8px;align-items:center;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.pending-age-pill.recent{color:#16a34a;background:#16a34a12;border:1px solid #16a34a2e}.pending-age-pill.old{color:var(--admin-error);background:#dc263e14;border:1px solid #dc263e38;animation:2s ease-in-out infinite pulse-red}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.pending-year-pill{color:var(--admin-text-sub);font-variant-numeric:tabular-nums;background:#64748b12;border:1px solid #64748b26;border-radius:6px;align-items:center;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.pending-code{color:var(--admin-text-sub);background:#64748b0f;border-radius:5px;padding:.2rem .5rem;font-family:Courier New,monospace;font-size:.78rem}.pending-path{color:var(--admin-text-muted);word-break:break-all;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:200px;font-family:Courier New,monospace;font-size:.75rem;display:inline-block;overflow:hidden}.pending-delete-btn{color:var(--admin-error);font-family:var(--admin-font);cursor:pointer;transition:var(--admin-transition);float:right;background:#dc263e0f;border:1px solid #dc263e26;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.pending-delete-btn svg{width:13px;height:13px}.pending-delete-btn:hover{background:var(--admin-error);color:#fff;border-color:var(--admin-error);transform:translateY(-1px);box-shadow:0 4px 10px #dc263e33}.pending-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.pending-empty span{font-size:2.5rem}.pending-empty p{color:var(--admin-text-sub);margin:0;font-size:.9rem}.admin-tab-btn.pending-has-items{position:relative}.admin-tab-btn.pending-has-items:after{content:"";border:2px solid var(--admin-surface);background:#ef4444;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;position:absolute;top:6px;right:6px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}: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}