@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Public+Sans:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #10b981;--primary-dark: #059669;--tcn-dark: #064e3b;--tcn-deep: #065f46;--tcn-light: #ecfdf5;--sky-50: #f8fafc;--sky-100: #f1f5f9;--sky-200: #e2e8f0;--slate-900: #0f172a;--slate-700: #334155;--glass-bg: rgba(255, 255, 255, .98);--glass-border: rgba(16, 185, 129, .2);--font-soft: "Lexend", sans-serif}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;height:100vh;font-family:Outfit,Public Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}*{scrollbar-width:none!important;-ms-overflow-style:none!important}*::-webkit-scrollbar{display:none!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.pro-card{background:#fff;border:2px solid var(--slate-900);box-shadow:8px 8px #0f172a1a}.tech-label-pro{font-family:JetBrains Mono,monospace;font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:8px}.coffee-accent{color:#92400e}.fade-up{animation:fadeUp .5s ease-out forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-scrollbar::-webkit-scrollbar{display:none}.dashboard-container{width:100%;max-width:900px;margin:2rem auto;padding:1rem}.btn-logout{background:#fff;color:#ef4444;border:2px solid #fee2e2;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.btn-logout:hover{background:#ef4444;color:#fff;border-color:#ef4444}:root{--primary: #10b981;--primary-dark: #059669;--tcn-dark: #064e3b;--tcn-deep: #065f46;--tcn-light: #ecfdf5;--coffee-rich: #5d4037;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .4);--font-soft: "Lexend", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-soft);overflow-x:hidden;overscroll-behavior:none;touch-action:pan-y;-webkit-text-size-adjust:100%}.login-container{min-height:100vh;min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;margin:0;background:linear-gradient(#0003,#0003),url(https://raw.githubusercontent.com/locvutrunglvt/Tancaonguyen/refs/heads/main/Anh%20Cafe.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;position:relative;overflow-x:hidden}.lang-selector{display:flex;gap:12px;z-index:100;background:#ffffff1a;padding:5px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;margin-top:15px}@media(min-width:769px){.lang-selector{position:absolute;top:25px;right:25px;margin-top:0}}.lang-btn{background:transparent;border:none;padding:0;cursor:pointer;opacity:.5;transition:all .3s;display:flex;align-items:center}.lang-btn.active{opacity:1;transform:scale(1.1)}.lang-btn img{width:35px;height:auto;border-radius:4px;box-shadow:0 2px 8px #0003}.login-branding{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:clamp(30px,10vh,120px);margin-top:clamp(-60px,-5vh,0px);width:100%;max-width:900px;z-index:10}.logo-bar-centered{display:flex;justify-content:center;align-items:center;padding:20px 40px;background:#fff;border-radius:24px;box-shadow:0 15px 45px #0003;border:1px solid var(--sky-200)}@media(max-width:768px){.logo-bar-centered{padding:12px 20px}}.logo-2x{height:40px;width:auto;object-fit:contain;max-width:90%}@media(max-width:768px){.logo-2x{height:35px;max-width:85%}}.login-project-title-top{font-size:30px;font-weight:700;color:#fff;text-align:center;text-transform:uppercase;margin:0;line-height:1.3;text-shadow:0 4px 15px rgba(0,0,0,.5);letter-spacing:1px;width:90%;white-space:nowrap;max-width:95vw}.mobile-only{display:none}@media(max-width:768px){.login-project-title-top{display:flex!important;flex-direction:column!important;align-items:center;font-size:clamp(14px,4.5vw,18px)!important;white-space:nowrap!important;max-width:95vw;line-height:1.3;margin:0 auto}.title-line-1,.title-line-2{display:block;width:100%;text-align:center}}.auth-card{width:100%;max-width:440px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:32px;padding:40px;box-shadow:0 25px 60px #0003;z-index:10}.auth-subtitle{font-size:18px;color:var(--tcn-dark);text-align:center;margin-bottom:25px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:10px;font-weight:700;color:var(--tcn-dark);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.input-pro{width:100%;padding:14px 18px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:14px;color:var(--tcn-dark);font-family:var(--font-soft);transition:all .3s}.input-pro:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #10b9811a}.btn-primary{width:100%;border-radius:16px;border:none;background:var(--tcn-dark);color:#fff!important;font-weight:700;font-size:16px;cursor:pointer;margin-top:5px;transition:all .3s;min-height:54px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #064e3b40;text-transform:uppercase}.btn-primary{width:100%;border-radius:16px;border:none;background:var(--tcn-dark);color:#fff!important;font-weight:700;font-size:16px;cursor:pointer;margin-top:5px;transition:all .3s;min-height:54px;display:flex!important;align-items:center;justify-content:center;box-shadow:0 8px 20px #064e3b40;text-transform:uppercase}.footer-links{margin-top:25px;display:flex;justify-content:center;gap:25px}.footer-links a{text-decoration:none;font-size:14px;color:#3b82f6;font-weight:400;cursor:pointer;opacity:1;transition:all .2s;letter-spacing:.5px;font-style:italic}.footer-links a:hover{opacity:1;color:var(--primary);text-decoration:underline}@media(max-width:480px){.login-container{padding:15px 10px}.logo-bar{padding:10px 15px;gap:10px;margin-bottom:18px}.logo-item img{height:16px}.logo-item img[alt=TCN]{height:28px}.logo-item img[alt=NKG]{height:36px}.logo-item img[alt=Tchibo]{height:22px}.auth-card{padding:25px 18px;border-radius:24px;max-width:100%}.logo-2x{height:48px}.login-project-title-top{font-size:18px;padding:0 15px;white-space:normal;max-width:280px;margin:0 auto}.auth-subtitle{font-size:8px;margin-bottom:20px}.form-group{margin-bottom:14px}.form-group label{font-size:9px;margin-bottom:6px}.input-pro{padding:12px 14px;font-size:13px;border-radius:12px}.btn-primary{min-height:48px;font-size:14px;border-radius:14px;padding:10px}.footer-links{margin-top:18px;gap:15px;flex-wrap:wrap}.footer-links a{font-size:8px}.lang-selector{top:12px;right:12px;gap:8px}.lang-btn img{width:28px}}@media(min-width:481px)and (max-width:768px){.login-container{padding:20px 15px}.auth-card{max-width:420px;padding:32px 25px}.auth-title{font-size:16px!important}.logo-bar{padding:14px 25px}}@media(min-width:769px)and (max-width:1024px){.auth-card{max-width:450px}}@media(min-width:1441px){.auth-card{max-width:500px;padding:45px 40px}.auth-title{font-size:20px!important}}.lang-ede .auth-title{color:#2b1d0e!important;font-weight:900!important;text-shadow:0 1px 1px rgba(255,255,255,.8);letter-spacing:.8px}.lang-ede .form-group label{color:#042f24!important;font-weight:900!important;text-shadow:0 .5px 1px rgba(255,255,255,.5)}.lang-ede .input-pro::placeholder{color:#64748b;font-weight:600}.lang-ede .btn-primary{background:#042f24!important;box-shadow:0 8px 15px #042f244d}:root{--coffee-primary: #A67C52;--coffee-dark: #4B3621;--coffee-medium: #8D6E63;--coffee-light: #E0C9A6;--cream: #F2E7D5;--cream-light: #F9F3E8;--green-accent: #6B8E23;--gold-accent: #D4AF37;--gold-light: #F0E68C;--white: #FFFFFF;--gray-50: #FAF7F2;--gray-100: #F2E7D5;--gray-200: #E0D5C0;--gray-300: #C0B090;--gray-700: #5D4037;--gray-900: #3E2723;--success: #4CAF50;--warning: #FF9800;--error: #F44336;--info: #2196F3;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--tcn-primary: #d97706;--tcn-light: #fef3c7;--tcn-dark: #92400e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:var(--gray-900);background:var(--cream-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.dashboard-layout{display:flex;height:100vh;width:100vw;background:linear-gradient(135deg,var(--cream-light) 0%,var(--cream) 100%);overflow:hidden}.sidebar{width:260px;background:linear-gradient(180deg,var(--coffee-dark) 0%,#2C1810 100%);display:flex;flex-direction:column;padding:32px 24px;position:sticky;top:0;height:100vh;color:#fff;z-index:1000;box-shadow:4px 0 24px #0003;transition:width var(--transition-slow),transform var(--transition-slow)}.nav-menu{flex:1;display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#ffffffbf;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base);position:relative;margin-left:-5px}.nav-item i{font-size:18px;width:20px;text-align:center}.nav-item:hover{background:#ffffff1f;color:#fff;transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,#ffb300,#ffa000);color:#fff;box-shadow:0 4px 12px #ffb30066;font-weight:700}.nav-item.active:before{content:"";position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--gold-light);border-radius:0 4px 4px 0}.sidebar-footer{padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;color:#ffcdd2;cursor:pointer;font-weight:600;font-size:15px;transition:all var(--transition-base)}.logout-btn:hover{background:#f4433626;color:#ff5252}.main-content{flex:1;padding:20px 30px;background:transparent;display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden}.header-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--gray-200);width:100%;align-items:center;text-align:center}.header-row{display:flex;align-items:center;width:100%;justify-content:center}.header-logo-row,.header-title-row{justify-content:center}.header-controls-row{justify-content:flex-end}.header-controls-group{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.header-logo-unified{height:32px;width:auto}.header-project-title{font-size:clamp(16px,3.5vw,36px);font-weight:800;color:var(--coffee-dark);text-transform:uppercase;letter-spacing:-.5px;margin:5px 0;line-height:1.2;text-align:center;white-space:normal!important;word-wrap:break-word}.welcome-section{display:flex;align-items:center;gap:10px;background:#fff;padding:6px 16px;border-radius:40px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);margin-top:4px}.hello-text{font-size:14px;color:var(--gray-700);font-weight:500}.user-name{font-size:16px;font-weight:700;color:var(--coffee-primary)}.in-app-lang{display:flex;align-items:center;gap:12px}.view-scroll-container{flex:1;overflow-y:auto;width:100%;padding:0;scrollbar-width:none}.view-scroll-container::-webkit-scrollbar{display:none}.lang-mini-btn{transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;opacity:.7;cursor:pointer;background:none;border:none;padding:0}.lang-mini-btn:hover{transform:scale(1.15);opacity:1}.lang-mini-btn.active{transform:scale(1.25);opacity:1;z-index:10}.lang-mini-btn img{width:20px;height:auto;display:block}.home-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;max-width:100%;flex:1;overflow-y:auto;scrollbar-width:none;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}@media(min-width:769px){.home-container{overflow:hidden}}.home-hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:12px;padding:5px}.hero-logo{height:60px;margin-bottom:12px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.hero-title{font-size:22px;font-weight:800;color:var(--coffee-dark);max-width:800px;text-transform:uppercase;letter-spacing:-.5px;line-height:1.3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-logo-bar{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:8px;padding:8px 16px;background:#fff;border-radius:10px;box-shadow:var(--shadow-sm)}.home-logo-bar.persistent-branding{margin-bottom:8px}.home-logo-bar img{height:32px;width:auto;object-fit:contain;transition:transform var(--transition-base)}.home-logo-bar img:hover{transform:scale(1.08)}.project-main-title{font-size:30px;font-weight:800;color:var(--coffee-dark);text-align:center;margin-bottom:8px;letter-spacing:-.5px;line-height:1.2}.project-main-title.persistent-title{margin-bottom:12px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;padding:2px 0}.menu-card{background:#fff;padding:12px 10px;border-radius:12px;text-align:center;cursor:pointer;transition:all var(--transition-slow);border:1.5px solid var(--gray-200);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.menu-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--coffee-primary),var(--gold-accent));transform:scaleX(0);transition:transform var(--transition-slow)}.menu-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gold-accent)}.menu-card:hover:before{transform:scaleX(1)}.menu-icon{width:54px;height:54px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--coffee-light) 0%,var(--cream) 100%);border-radius:50%;transition:all var(--transition-slow);box-shadow:0 4px 12px #6b442326}.menu-card:hover .menu-icon{transform:scale(1.08) rotate(5deg);background:linear-gradient(135deg,var(--gold-accent) 0%,var(--gold-light) 100%);box-shadow:0 6px 20px #ffb3004d}.menu-icon i{font-size:26px;color:var(--coffee-primary);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.menu-card h3{font-size:14px;font-weight:800;color:var(--coffee-dark);margin-bottom:4px}.menu-card p{font-size:10px;color:var(--coffee-medium);line-height:1.2}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#fff;display:none;justify-content:space-around;align-items:center;box-shadow:0 -4px 20px #0000001a;z-index:2000;border-radius:20px 20px 0 0;padding:0 10px}.nav-item-mobile{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--gray-700);padding:8px;cursor:pointer;transition:all var(--transition-base);flex:1}.nav-item-mobile i{font-size:20px}.nav-item-mobile span{font-size:10px;font-weight:700}.nav-item-mobile.active{color:var(--coffee-primary)}.nav-item-mobile.active i{transform:translateY(-2px)}@media(max-width:768px){.mobile-bottom-nav{display:flex}}@media(max-width:768px){.mobile-logout-btn{display:flex!important}}.data-table-container,.data-table-wrapper{background:#fff;border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;overflow-x:auto;margin-bottom:24px;width:100%}.table-header{padding:20px 24px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.table-header h3{font-size:12px;color:var(--coffee-dark);margin:0}.pro-table,.data-table{width:100%;border-collapse:collapse}.pro-table thead,.data-table thead{background:linear-gradient(135deg,var(--coffee-dark) 0%,var(--coffee-primary) 100%)}.data-table-container h2,.view-container h2{font-size:18px;color:var(--coffee-dark);margin-bottom:20px;font-weight:700}.table-header h3,.view-container h3,h3{font-size:16px;color:var(--coffee-dark);font-weight:700}.pro-table thead th,.data-table thead th{padding:10px 8px;text-align:left;font-size:11px;font-weight:700;color:#fff;text-transform:none;letter-spacing:.2px;white-space:nowrap}.pro-table tbody tr,.data-table tbody tr{border-bottom:1px solid var(--gray-200);transition:background var(--transition-fast)}.pro-table tbody tr:nth-child(2n),.data-table tbody tr:nth-child(2n){background:var(--gray-50)}.pro-table tbody tr:hover,.data-table tbody tr:hover{background:var(--cream)}.pro-table tbody td,.data-table tbody td{padding:12px 14px;font-size:11px;color:var(--gray-900);vertical-align:middle}.btn-add-user,.btn-primary,.btn-back{padding:9px 15px!important;width:auto!important;height:auto!important;border-radius:8px;background:linear-gradient(135deg,var(--coffee-primary) 0%,var(--coffee-dark) 100%);color:#fff!important;border:none;font-weight:700;font-size:12px!important;cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 10px #6b442326;transition:all var(--transition-base);line-height:1}.btn-add-user:hover,.btn-primary:hover,.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b442366;background:linear-gradient(135deg,var(--coffee-dark) 0%,var(--coffee-primary) 100%)}.btn-add-user:active,.btn-primary:active,.btn-back:active{transform:translateY(0)}.btn-icon{padding:6px!important;min-width:28px!important;min-height:28px!important;width:28px!important;height:28px!important;border-radius:6px!important;font-size:12px!important;box-shadow:none!important;gap:0!important}.btn-icon:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026!important}.btn-view{background:#e0f2fe!important;color:#0369a1!important;border:1px solid #7dd3fc!important}.btn-view:hover{background:#bae6fd!important}.btn-edit{background:#fef3c7!important;color:#92400e!important;border:1px solid #fcd34d!important}.btn-edit:hover{background:#fde68a!important}.btn-delete{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fecaca!important}.btn-delete:hover{background:#fecaca!important}.btn-cancel{background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important}.btn-cancel:hover{background:#e2e8f0!important}.form-container{background:#fff;padding:36px;border-radius:16px;box-shadow:var(--shadow-lg);margin-bottom:24px}.form-container h2{margin-bottom:28px;color:var(--coffee-dark);border-bottom:3px solid var(--gold-accent);padding-bottom:14px;font-size:24px;font-weight:700}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;color:var(--coffee-dark);font-weight:600;font-size:12px}.form-group input,.form-group select,.form-group textarea,.input-pro{width:100%;padding:12px 13px;border:2px solid var(--gray-200);border-radius:10px;font-size:14px;font-family:Inter,sans-serif;transition:all var(--transition-base);background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold-accent);box-shadow:0 0 0 4px #ffb3001a}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;padding:36px;border-radius:20px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.table-actions{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.view-container{animation:fadeInUp .5s ease}.animate-in{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){.menu-grid{grid-template-columns:repeat(2,1fr);gap:20px}.main-content{padding:24px 32px}.project-main-title{font-size:28px}.sidebar{width:220px}}@media(max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{display:none}.main-content{padding:12px;height:calc(100vh - 70px)}.header-stack{margin-bottom:12px;padding-bottom:10px;gap:6px;display:flex;flex-direction:column;align-items:center}.header-logo-row{margin-bottom:5px}.header-logo-unified{height:24px}.header-project-title{font-size:20px!important;font-weight:800;margin:6px 0!important;order:1;line-height:1.25;max-width:100%;padding:0 10px;white-space:pre-wrap;text-align:center}.header-controls-row{order:2;justify-content:center!important;width:100%;margin-top:5px}.in-app-lang{gap:15px;justify-content:center}.lang-mini-btn img{width:16px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0}.menu-card{padding:8px 6px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border-radius:12px;min-height:auto;border:1px solid var(--gray-200);background:#fff}.menu-icon{width:36px;height:36px;margin:0;flex-shrink:0}.menu-icon i{font-size:18px}.menu-card h3{font-size:14px;margin-bottom:0;text-transform:none;font-weight:700;line-height:1.2}.menu-card h3:first-letter{text-transform:uppercase}.menu-card p{display:none!important}.data-table-wrapper{overflow-x:auto}.data-table{min-width:600px}.welcome-section{display:none}.table-header h3,.table-header h3 i,.table-header h3 span{font-size:12px!important}.badge{font-size:10px!important;padding:4px 8px!important}.btn-primary,.btn-back,.btn-add-user{font-size:10px!important;padding:6px 12px!important;width:auto!important;height:auto!important}.btn-primary i,.btn-back i,.btn-add-user i{font-size:10px!important}.header-controls-group{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%}.mobile-logout-btn{display:flex!important;order:3;margin-left:auto!important}.in-app-lang{order:1}}@media(max-width:768px){.form-container div[style*=grid-template-columns],.modal-content div[style*=grid-template-columns],.view-container div[style*=grid-template-columns]{display:flex!important;flex-direction:column!important;gap:10px!important}.modal-content{max-height:92vh!important;max-width:98vw!important;padding:16px!important;border-radius:16px!important;margin:4px}.form-container{padding:16px!important;border-radius:16px!important}.form-container h2{font-size:16px!important}.table-actions{flex-wrap:wrap;gap:8px!important}}@media(max-width:480px){.main-content{padding:16px}.project-main-title{font-size:20px}.btn-add-user,.btn-back,.btn-primary{padding:6px 10px!important;font-size:10px!important;width:auto!important;height:auto!important}.menu-card h3{font-size:16px}.menu-card p{font-size:13px}}.dashboard-footer-branding{text-align:right;padding:10px 0;font-size:11px;color:var(--coffee-medium);opacity:.7;font-weight:500;border-top:1px solid var(--gray-100);margin-top:15px;width:100%}@media(max-width:768px){.dashboard-footer-branding{text-align:center;font-size:10px;margin-top:10px;padding-bottom:20px}}#root{width:100%;margin:0;padding:0}.App{width:100%;height:100%}