.app-header{justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem 2rem}.app-header,.logo-container{display:flex;align-items:center}.logo-container{height:2.5rem;justify-content:center}.logo-image{height:2rem;object-fit:contain}.navigation-container{display:flex;align-items:center}.navigation-container>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.nav-button{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav-icon{height:1rem;width:1rem}.nav-button-active{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.nav-button-inactive{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.nav-button-inactive:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.page-layout{width:100%;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.container-layout{width:100%;max-width:100%;flex-grow:1}.content-card{display:flex;height:100%;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.main-content{padding:1.5rem 2rem;flex-grow:1}.app-nav .relative{position:relative}.app-nav .nav-tab{display:flex;align-items:center;justify-content:center;padding:10px 15px;color:#4a5568;border-radius:6px;transition:all .2s ease;cursor:pointer}.app-nav .nav-tab.active{background-color:#f3f4f6;color:#2563eb;font-weight:600}.app-nav .nav-tab:hover:not(.active){background-color:#f3f4f6;color:#1e40af}.app-nav .absolute{display:flex;flex-direction:row;white-space:nowrap;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.app-nav .absolute button{border-right:1px solid #e5e7eb;transition:all .2s ease}.app-nav .absolute button:last-child{border-right:none}.app-nav .absolute button:hover{background-color:#f3f4f6}.app-nav .absolute button.active{background-color:#f3f4f6;color:#2563eb}@media (max-width:768px){.app-nav .absolute{position:fixed;bottom:60px;left:0;right:0;width:100%;border-radius:12px 12px 0 0;justify-content:space-around;background-color:white;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.app-nav .absolute button{flex:1;border-right:1px solid #e5e7eb;padding:10px 5px}}.settings-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;display:flex;flex-direction:row;background-color:white;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:50}.settings-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 1rem;min-width:5rem;border-right:1px solid #e5e7eb;transition:all .2s ease;color:#4b5563}.settings-tab:last-child{border-right:none}.settings-tab.active,.settings-tab:hover{background-color:#f3f4f6}.settings-tab.active{color:#2563eb}.settings-tab .tab-icon{margin-bottom:.25rem}.settings-tab .tab-text{font-size:.75rem;white-space:nowrap}@media (max-width:640px){.settings-dropdown{width:100vw;left:0;right:auto;border-radius:0;border-left:none;border-right:none}.settings-tab{flex:1;padding:.5rem}}.horizontal-dropdown{display:flex!important;flex-direction:row!important;min-width:320px;overflow-x:auto}.horizontal-tab{min-width:80px;border-right:1px solid #e5e7eb;transition:all .2s ease;flex-grow:1;text-align:center}.horizontal-tab:last-child{border-right:none}.horizontal-tab.active,.horizontal-tab:hover{background-color:#f3f4f6}.horizontal-tab.active{color:#2563eb}@media (max-width:640px){.horizontal-dropdown{width:auto;max-width:100vw;left:0;right:0}.horizontal-tab{min-width:70px;padding:8px 5px}@media (max-width:480px){.horizontal-dropdown{position:fixed;bottom:60px;left:0;right:0;width:100%;border-radius:12px 12px 0 0;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.horizontal-tab{flex:1}}}.settings-dropdown-container{position:relative}.vertical-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;display:flex;flex-direction:column;background-color:white;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:50;min-width:220px}.vertical-dropdown-item{padding:.75rem 1rem;text-align:left;transition:all .2s ease;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:.875rem;width:100%}.vertical-dropdown-item:last-child{border-bottom:none}.vertical-dropdown-item:hover{background-color:#f3f4f6}.vertical-dropdown-item.active{background-color:#f3f4f6;color:#2563eb;font-weight:500}.app-nav,.nav-tab{display:flex;align-items:center}.nav-tab{padding:.5rem 1rem;margin-right:.5rem;border-radius:.375rem;transition:all .2s ease;color:#4b5563}.nav-tab:hover{background-color:#f3f4f6;color:#1e40af}.nav-tab.active{background-color:#f3f4f6;color:#2563eb;font-weight:500}.nav-icon{margin-right:.5rem}@media (max-width:768px){.vertical-dropdown{position:absolute;top:auto;bottom:100%;right:0;left:auto;margin-bottom:.5rem;width:200px}}.flex-grow{flex-grow:1}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:#e0e7ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;cursor:pointer;border:2px solid transparent;transition:all .2s}.user-avatar:hover{background-color:#c7d2fe;border-color:#818cf8}.user-dropdown-container{position:relative}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:white;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);width:250px;z-index:50}.user-info{padding:1rem;border-bottom:1px solid #f3f4f6}.user-name{font-weight:600;color:#111827;font-size:.875rem}.user-email{color:#6b7280;word-break:break-all}.user-email,.user-role{font-size:.75rem;margin-top:.25rem}.user-role{color:#2563eb;font-weight:500}.user-dropdown-divider{height:1px;background-color:#f3f4f6}.user-dropdown-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;text-align:left;font-size:.875rem;color:#374151;background:none;border:none;cursor:pointer;transition:background-color .2s}.user-dropdown-item:hover{background-color:#f9fafb}.user-dropdown-item:last-child{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}@media (max-width:768px){.nav-text{display:none}.nav-tab{padding:.5rem}.nav-icon{margin-right:0}.user-dropdown,.vertical-dropdown{position:fixed;top:auto;bottom:60px;right:16px;margin-top:0;max-width:90vw}}.machinary-container{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.machinary-header{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding-bottom:1rem}.page-layout{display:flex;flex-direction:column;min-height:100vh}.logo-image{height:3rem;width:auto}.brand-text{letter-spacing:-.025em;font-family:system-ui,-apple-system,sans-serif;font-weight:700;text-transform:none;background:linear-gradient(90deg,#00b894,#00e676);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text,.section-title{font-size:1.5rem;line-height:2rem}.section-title{font-weight:600;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.primary-button{display:flex;align-items:center;gap:.5rem;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.primary-button:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.button-icon{margin-right:.5rem}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:4rem;padding-bottom:4rem;text-align:center}.no-data-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.no-data-subtitle{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.table-wrapper{margin-bottom:1.5rem;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.data-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.table-row{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.table-row:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.table-cell{white-space:nowrap;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.table-actions{display:flex;align-items:center}.table-actions>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.action-button{border-radius:9999px;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.action-button:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.edit-button{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.edit-button:hover{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.delete-button{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.delete-button:hover{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.status-badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.pagination-controls{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.pagination-button{border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.pagination-button:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex}.page-numbers>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.page-number{border-radius:.375rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}.page-number.active{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.pagination-info{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.main-footer{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding-top:.5rem;padding-bottom:.5rem;margin-top:auto}.footer-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.footer-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.footer-container{padding-left:2rem;padding-right:2rem}}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.footer-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}@media (min-width:768px){.footer-content{flex-direction:row}.footer-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}}.footer-logo{display:flex;align-items:center}.footer-logo>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.footer-copyright{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}