:root{--primary:#05a66b;--primary-dark:#00804f;--bg:#fff;--bg-soft:#f3fff9;--text:#003b24}html,body{background:var(--bg-soft);color:var(--text);width:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}*{box-sizing:border-box}.page{flex-direction:column;gap:16px;display:flex}.app-shell{background:radial-gradient(circle at 0 0,#e0fff1,#fff);flex-direction:column;width:100%;min-height:100vh;display:flex}.app-main{width:100%;max-width:1200px;margin:0 auto;padding:24px 16px 48px;animation:.4s fadeInPage}@keyframes fadeInPage{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.navbar-pro{z-index:1000;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:14px 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000000f}.brand{color:var(--primary);cursor:pointer;font-size:20px;font-weight:800}.nav-left{align-items:center;gap:24px;display:flex}.nav-links{gap:18px;display:flex}.nav-item{cursor:pointer;color:#003b24;border-bottom:2px solid #0000;align-items:center;gap:6px;padding-bottom:4px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--primary-dark);border-bottom:2px solid var(--primary)}.nav-item.active{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:700}.nav-right{align-items:center;gap:18px;display:flex}.user-label{opacity:.7;font-size:14px;font-weight:500}.logout-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:8px;padding:6px 10px}.menu-btn{cursor:pointer;background:0 0;border:none;display:none}.mobile-menu{z-index:2000;background:#fff;flex-direction:column;gap:18px;width:70%;height:100%;padding:24px;animation:.3s forwards slideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 20px #00000026}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-item{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:14px 0;font-size:16px;display:flex}.logout-mobile{color:#e74c3c!important}@media (max-width:780px){.nav-links{display:none}.menu-btn{display:block}.navbar-pro{padding:12px 16px}}.btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .25s;box-shadow:0 3px 10px #0000001a}.btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{color:#374151;background:#f3f4f6}.btn-secondary:hover{background:#e5e7eb}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:16px;padding:20px 18px;animation:.4s fadeInCard;box-shadow:0 6px 20px #0000000f}@keyframes fadeInCard{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}input,select,textarea{background:#fff;border:1px solid #cfe8dd;border-radius:8px;width:100%;margin-top:4px;margin-bottom:12px;padding:9px 11px;font-size:14px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #05a66b33}.page-title{margin-bottom:6px;font-size:26px;font-weight:700}.page-subtitle{opacity:.8;margin-bottom:18px;font-size:14px}.dashboard-two-columns{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:flex-start;gap:16px;display:grid}.table-wrapper{width:100%;overflow-x:hidden}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{border-bottom:1px solid #e5e7eb;padding:8px 4px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-size:12px}.priority-scroll{width:100%;overflow-x:hidden}.priority-inner{width:100%}.table-wrapper,.priority-scroll{overflow-x:hidden}@media (max-width:768px){.dashboard-two-columns{display:block!important}.dashboard-two-columns>.card{margin-bottom:20px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.table{white-space:nowrap!important;min-width:900px!important}.priority-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.priority-inner{white-space:nowrap!important;min-width:700px!important}}