:root{--primary-green:#22a447;--primary-green-hover:#1e923f;--soft-green:#eaf8ef;--dark-text:#102033;--muted-text:#667085;--border-color:#e5eaf0;--background-color:#f8faf9;--white:#fff;--scope-1:#22a447;--scope-2:#0056b3;--scope-3:#6f42c1;--scope-1-bg:#eaf8ef;--scope-2-bg:#e6f0fa;--scope-3-bg:#f3ebfc;--font-family-sans-serif:"Inter", "Sarabun", system-ui, -apple-system, sans-serif;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:20px;--shadow-sm:0 1px 2px #1020330d;--shadow-md:0 4px 6px -1px #1020330d, 0 2px 4px -1px #10203308;--shadow-lg:0 10px 15px -3px #1020330d, 0 4px 6px -2px #10203308}body{background-color:var(--background-color);color:var(--dark-text);font-family:var(--font-family-sans-serif);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--dark-text);font-weight:600}.text-muted{color:var(--muted-text)!important}.bg-white{background-color:var(--white)!important}.text-primary-green{color:var(--primary-green)!important}.bg-soft-green{background-color:var(--soft-green)!important}
.app-layout{background-color:var(--background-color);height:100vh;display:flex;overflow:hidden}.main-content-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-header{background-color:var(--white);border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:80px;padding:0 24px;display:flex}.content-scrollable{flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.content-main{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.right-panel-container{flex-direction:column;flex-shrink:0;gap:24px;width:320px;display:flex}.header-selector-group{align-items:center;gap:12px;display:flex}.header-select-card{border:1px solid var(--border-color);color:var(--dark-text);cursor:pointer;background-color:#f8fafc;border-radius:12px;align-items:center;gap:10px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:flex}.header-select-card:hover{background-color:#f1f5f9;border-color:#cbd5e1}.header-select-info{flex-direction:column;display:flex}.header-select-label{color:var(--muted-text);font-size:.7rem;font-weight:500}.header-select-value{font-weight:600}.bell-btn{position:relative}.bell-badge{width:16px;height:16px;color:var(--white);border:2px solid var(--white);background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:4px;right:4px}@media (max-width:1200px){.right-panel-container{display:none}}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:15;background-color:#10203366;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:992px){.app-layout{position:relative}}@media (max-width:768px){.main-header{height:70px;padding:0 16px}.content-scrollable{padding:16px}}
.sidebar{background-color:var(--white);border-right:1px solid var(--border-color);z-index:20;flex-direction:column;flex-shrink:0;width:280px;height:100vh;display:flex}.sidebar-logo{border-bottom:1px solid var(--border-color);flex-direction:column;justify-content:center;height:80px;padding:0 24px;display:flex}.sidebar-logo-title{color:var(--dark-text);align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.sidebar-logo-subtitle{color:var(--muted-text);margin-top:-2px;margin-left:32px;font-size:.7rem}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.nav-item{color:#475569;border-radius:10px;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--background-color);color:var(--dark-text)}.nav-item.active{background-color:var(--soft-green);color:var(--primary-green);font-weight:600}.nav-item.active svg{color:var(--primary-green)}.sidebar-footer{border-top:1px solid var(--border-color);background-color:var(--white);flex-direction:column;gap:12px;padding:16px;display:flex}.org-box{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.org-selector{border:1px solid var(--border-color);background-color:var(--white);width:100%;color:var(--dark-text);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border-radius:6px;padding:8px 10px;font-size:.85rem;font-weight:600}.org-details{flex-direction:column;gap:4px;padding-left:2px;display:flex}.org-detail-item{color:var(--muted-text);align-items:center;gap:8px;font-size:.75rem;display:flex}.support-card{background-color:var(--soft-green);border:1px solid #22a4471a;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex;position:relative;overflow:hidden}.support-info{z-index:1;flex-direction:column;gap:2px;display:flex}.support-title{color:#166534;font-size:.75rem;font-weight:600}.support-subtitle{color:#166534;opacity:.8;margin-bottom:8px;font-size:.7rem}.support-btn{background-color:var(--primary-green);color:var(--white);cursor:pointer;border:none;border-radius:6px;width:fit-content;padding:6px 12px;font-size:.75rem;font-weight:600;transition:background-color .2s}.support-btn:hover{background-color:var(--primary-green-hover)}.support-icon-wrapper{color:var(--primary-green);opacity:.2;position:absolute;bottom:-10px;right:-10px;transform:rotate(-15deg)}.sidebar-user{border-top:1px solid var(--border-color);align-items:center;gap:12px;padding-top:12px;display:flex}.user-avatar{width:36px;height:36px;color:var(--dark-text);background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-info{flex-direction:column;display:flex}.user-name{color:var(--dark-text);font-size:.85rem;font-weight:600}.user-role{color:var(--muted-text);font-size:.7rem}@media (max-width:992px){.sidebar{height:100vh;box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}}
.dashboard-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.dashboard-grid-main{grid-template-columns:2.2fr 1.8fr;gap:24px;width:100%;display:grid}.dashboard-grid-main>*{min-width:0}@media (max-width:1400px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-main{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-details-grid{grid-template-columns:1.2fr 1.2fr 1.6fr;gap:24px;width:100%;display:grid}@media (max-width:1200px){.dashboard-details-grid{grid-template-columns:1fr}}.chart-container{width:100%;height:300px;position:relative}
.entry-workspace{flex-direction:column;gap:24px;width:100%;display:flex}.steps-container{background-color:var(--white);border-radius:var(--border-radius-md);border:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:8px;padding:20px 40px;display:flex}.step-item{align-items:center;gap:12px;display:flex;position:relative}.step-circle{width:36px;height:36px;color:var(--muted-text);background-color:#f1f5f9;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.step-item.active .step-circle{background-color:var(--primary-green);color:var(--white)}.step-item.completed .step-circle{background-color:var(--soft-green);color:var(--primary-green);border-color:var(--primary-green)}.step-text{flex-direction:column;display:flex}.step-title{color:var(--dark-text);font-size:.875rem;font-weight:600}.step-desc{color:var(--muted-text);font-size:.75rem}.step-line{background-color:var(--border-color);flex:1;height:2px;margin:0 20px}.step-line.active{background-color:var(--primary-green)}.activity-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}@media (max-width:1200px){.activity-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.activity-grid{grid-template-columns:repeat(2,1fr)}}.activity-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);text-align:center;cursor:pointer;flex-direction:column;align-items:center;height:100%;padding:24px 16px;transition:all .2s;display:flex;position:relative}.activity-card:hover{border-color:var(--primary-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.activity-card.selected{border-color:var(--primary-green);background-color:var(--white);box-shadow:0 0 0 1px var(--primary-green)}.activity-card-icon-wrapper{background-color:var(--background-color);width:48px;height:48px;color:var(--primary-green);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.activity-card.selected .activity-card-icon-wrapper{background-color:var(--soft-green)}.activity-card-checkmark{background-color:var(--primary-green);width:20px;height:20px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.activity-card-title{color:var(--dark-text);margin-bottom:4px;font-size:.95rem;font-weight:600}.activity-card-desc{color:var(--muted-text);font-size:.75rem;line-height:1.4}.upload-ai-container{grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;display:grid}@media (max-width:768px){.upload-ai-container{grid-template-columns:1fr}}.dropzone-card{background-color:var(--white);border:2px dashed var(--border-color);border-radius:var(--border-radius-md);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:32px;transition:all .2s;display:flex}.dropzone-card:hover{border-color:var(--primary-green);background-color:#22a44703}.ai-benefit-card{border-radius:var(--border-radius-md);background-color:#f0fdf4;border:1px solid #bbf7d0;padding:24px}.ai-benefit-title{color:#166534;align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:700;display:flex}.ai-benefit-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ai-benefit-item{color:#1e293b;align-items:center;gap:10px;font-size:.875rem;display:flex}.right-panel-wrapper{flex-direction:column;flex-shrink:0;gap:20px;width:320px;display:flex}.ai-chatbot-card{border-radius:var(--border-radius-md);background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border:1px solid #dcfce7;padding:20px;position:relative;overflow:hidden}.ai-chatbot-avatar{background-color:var(--white);width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.ai-chatbot-bubble{background-color:var(--white);color:var(--dark-text);border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-size:.875rem;line-height:1.5;box-shadow:0 2px 4px #00000005}.dynamic-recommendation-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:20px}.rec-item{border-radius:var(--border-radius-sm);background-color:#fffbeb;border:1px solid #fef3c7;gap:12px;margin-bottom:12px;padding:12px;display:flex}.rec-item:last-child{margin-bottom:0}.rec-item.success{background-color:#f0fdf4;border-color:#dcfce7}.quick-action-item{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;color:var(--dark-text);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.quick-action-item:hover{background-color:var(--background-color);border-color:var(--primary-green);color:var(--primary-green)}.wizard-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:24px;padding:20px 0;display:flex}.mobile-cards-container{flex-direction:column;gap:16px;display:flex}.mobile-entry-card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:16px;transition:border-color .2s,box-shadow .2s;border:1px solid var(--border-color)!important}.mobile-entry-card:focus-within{box-shadow:0 0 0 3px #22a4471a;border-color:var(--primary-green)!important}.mobile-card-label{color:var(--muted-text);margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.mobile-entry-card .inline-input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;padding:8px 12px;font-size:.875rem}.mobile-entry-card .inline-input:focus{border-color:var(--primary-green);background-color:var(--white);outline:none}@media (max-width:992px){.right-panel-wrapper{width:100%}}
.card-custom{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-direction:column;padding:24px;display:flex}.card-title{color:var(--dark-text);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1rem;font-weight:600;display:flex}.kpi-value{color:var(--dark-text);margin-bottom:8px;font-size:2rem;font-weight:700}.kpi-label{color:var(--muted-text);font-size:.875rem}.trend-up{color:#dc3545;align-items:center;gap:4px;font-size:.875rem;font-weight:500;display:flex}.trend-down{color:var(--primary-green);align-items:center;gap:4px;font-size:.875rem;font-weight:500;display:flex}
.table-responsive-custom{background-color:var(--white);border-radius:var(--border-radius-md);border:1px solid var(--border-color);overflow-x:auto}.smart-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.smart-table th{background-color:var(--background-color);color:var(--muted-text);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:16px;font-size:.875rem;font-weight:500}.smart-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:12px 16px}.smart-table tbody tr:last-child td{border-bottom:none}.smart-table tbody tr:hover{background-color:#fcfdfd}.inline-input{border-radius:var(--border-radius-sm);width:100%;font-family:inherit;font-size:inherit;color:inherit;background-color:#0000;border:1px solid #0000;padding:8px 12px;transition:all .2s}.inline-input:hover{background-color:var(--background-color)}.inline-input:focus{border-color:var(--primary-green);background-color:var(--white);outline:none;box-shadow:0 0 0 3px #22a4471a}.inline-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' 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");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}
.btn-primary-green{background-color:var(--primary-green);color:var(--white);border-radius:var(--border-radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:flex}.btn-primary-green:hover{background-color:var(--primary-green-hover);color:var(--white)}.btn-outline-green{color:var(--primary-green);border:1px solid var(--primary-green);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:flex}.btn-outline-green:hover{background-color:var(--soft-green);color:var(--primary-green)}.btn-ghost{color:var(--muted-text);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#0000;border:1px solid #0000;padding:8px 16px;font-weight:500;transition:all .2s}.btn-ghost:hover{background-color:var(--background-color);color:var(--dark-text)}
*{box-sizing:border-box}a{color:inherit;text-decoration:none}.badge-scope-1{background-color:var(--scope-1-bg);color:var(--scope-1);border:1px solid #22a44733}.badge-scope-2{background-color:var(--scope-2-bg);color:var(--scope-2);border:1px solid #0056b333}.badge-scope-3{background-color:var(--scope-3-bg);color:var(--scope-3);border:1px solid #6f42c133}.badge{border-radius:var(--border-radius-sm);padding:.35em .65em;font-weight:500}