:root{--background:#fff;--foreground:#171717}@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono);}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}.sidebar{color:#000;z-index:1050;background-color:#f5faf8;height:100%;transition:all .3s;position:fixed;top:0;left:0}.sidebar.collapsed{width:80px}.sidebar.expanded{width:256px}.sidebar.mobile-open{transform:translate(0)}.header-main-content{transition:all .3s}.sidebar-nav{padding:16px}.sidebar-nav>*+*{margin-top:16px}.sidebar-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:background-color .2s,color .2s;display:flex}.sidebar-item:hover{color:#fff;background-color:#000}.sidebar-icon{width:20px;height:20px}.sidebar-submenu{padding-left:35px}.sidebar-subitem{cursor:pointer;padding:8px 0;font-size:14px}.sidebar-subitem:hover{color:#00bcd4}.app-header{color:#fff;background-color:#1f2a44;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:relative;overflow:visible}.header-left{align-items:center;gap:16px;display:flex}.header-right{justify-content:space-between;align-items:center;display:flex}.menu-btn{cursor:pointer;background-color:#e5e7eb;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.menu-btn:hover{background-color:#d1d5db}.menu-icon{color:#374151}.search-input{color:#000;background-color:#fff;border:none;border-radius:6px;outline:none;width:384px;padding:8px 16px;display:none}.ordering-badge{color:#fff;background-color:#22c55e;border-radius:6px;padding:8px 16px;display:block}.user-logo{flex-direction:column;align-items:center;display:flex}.dropdown-wrapper{display:inline-block;position:relative}.add-btn{cursor:pointer;color:#fff;background-color:#22c55e;border:none;border-radius:6px;padding:8px 14px}.dropdown-menu{z-index:999999;background:#fff;border:1px solid #ddd;border-radius:6px;width:180px;display:block;box-shadow:0 6px 20px #0003}.dropdown-menu ul{margin:0;padding:0;list-style:none}.dropdown-menu li{cursor:pointer;color:#000;padding:10px 14px}.dropdown-menu li:hover{background:#f3f4f6}.mobile-overlay{z-index:1040;background-color:#0006;display:none;position:fixed;inset:0}.login-container{color:#fff;background-color:#121d2f;justify-content:center;align-items:center;height:100vh;display:flex}.login-card{text-align:center;width:100%;max-width:450px;padding:20px}.login-logoBox{background-color:#5f967a;border-radius:15px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:2rem;font-weight:700;display:flex}.login-card .title{margin-bottom:8px;font-size:2rem}.login-card .subtitle{color:#d1d1d1;margin-bottom:40px;font-size:.9rem}.inputGroup{text-align:left;margin-bottom:25px;position:relative}.inputGroup label{color:#adb5bd;background:#121d2f;padding:0 5px;font-size:.8rem;position:absolute;top:-10px;left:15px}.inputGroup input{color:#fff;background:0 0;border:1px solid #4a5568;border-radius:8px;outline:none;width:100%;padding:15px}.login-card .actions{color:#adb5bd;justify-content:space-between;margin-bottom:40px;font-size:.85rem;display:flex}.login-card .signInBtn{color:#fff;cursor:pointer;background-color:#5f967a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:1rem;font-weight:600;display:flex}.login-card .signInBtn:hover{background-color:#4e7d65}.login-card .forgot{color:#adb5bd;text-decoration:none}.errmsg{color:red;font-family:Geist;font-size:14px;font-weight:500}.entity-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.entity-modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto}.entity-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.entity-modal-header h2{color:#333;margin:0;font-size:24px}.close-btn{cursor:pointer;color:#666;background:0 0;border:none;font-size:32px;line-height:1}.close-btn:hover{color:#000}.entity-modal-content form{flex-direction:column;gap:16px;display:flex}.entity-modal-content input{border:1px solid #ddd;border-radius:4px;padding:12px;font-size:14px}.entity-modal-content input:focus{border-color:#4caf50;outline:none}.entity-modal-actions{gap:12px;margin-top:8px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border:none;border-radius:4px;flex:1;padding:12px;font-size:14px;transition:background .2s}.cancel-btn{color:#333;background:#f5f5f5}.cancel-btn:hover{background:#e0e0e0}.submit-btn{color:#fff;background:#4caf50}.submit-btn:hover{background:#45a049}.entity-list-container{background-color:#f5faf8;min-height:100%;padding:24px}.entity-list-container h1{color:#1f2a44;margin-bottom:24px;font-size:28px}.entity-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000001a}.entity-table thead{color:#fff;background:#1f2a44}.entity-table th,.entity-table td{text-align:left;padding:12px 16px}.entity-table tbody tr{border-bottom:1px solid #eee}.entity-table tbody tr:hover{background:#f5faf8}.action-buttons{gap:8px;display:flex}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:4px;padding:6px 10px;transition:all .2s}.edit-btn{color:#fff;background:#22c55e}.edit-btn:hover{background:#16a34a}.delete-btn{color:#fff;background:#ef4444}.delete-btn:hover{background:#dc2626}@media only screen and (max-width:767px){.sidebar{display:none}.sidebar.mobile-open{display:block;transform:translate(0)}.header-main-content{margin-left:0}.search-input,.ordering-badge{display:none}}@media (min-width:768px) and (max-width:991px){.search-input,.ordering-badge{display:block}.header-main-content{margin-left:0}}@media (min-width:1024px){.sidebar{transform:translate(0)}.header-main-content.collapsed{margin-left:80px}.header-main-content.expanded{margin-left:256px}}