@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#0f0f1c;font-family:Orbitron,sans-serif}.crypto-signup-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding-bottom:60px;padding-top:60px}.crypto-signup-form{background:#1a1a2e;border-radius:10px;box-shadow:0 0 15px #00ffff4d;max-width:400px;padding:30px}.crypto-signup-form h2{color:#00fff7;margin-bottom:20px;text-align:center}.crypto-signup-form input{background-color:#13132a;border:none;border-radius:5px;color:#fff;font-size:14px;margin:10px 0;outline:none;padding:12px;width:100%}.crypto-signup-form input::placeholder{color:#aaa}.crypto-signup-form button{background:linear-gradient(90deg,#00fff7,#6bffb8);border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;padding:12px;transition:opacity .3s ease-in-out;width:100%}.crypto-signup-form button:hover{opacity:.85}.crypto-error{background-color:#cac3c3;color:#d41111}.crypto-error,.crypto-success{border-radius:5px;padding:10px}.crypto-success{background-color:#0c9;color:#fff}.crypto-signup-form p{color:#aaa;margin-top:20px;text-align:center}.crypto-signup-form a{color:#00fff7;text-decoration:none}.crypto-signup-container{box-sizing:border-box;margin:0 auto;max-width:400px;padding:20px;width:100%}.crypto-signup-form{display:flex;flex-direction:column;width:100%}label{font-weight:700;margin-bottom:5px}input{border:1px solid #ccc;margin-top:5px;width:100%}button,input{border-radius:5px;box-sizing:border-box;font-size:16px;padding:10px}button{background-color:#3498db;color:#fff}.crypto-error{color:red}.crypto-error,.crypto-success{font-weight:700;margin-bottom:10px}.crypto-success{color:green}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input[type=password],.password-wrapper input[type=text]{padding-right:40px;width:100%}.password-toggle-icon{color:#3498db;cursor:pointer;font-size:18px;position:absolute;right:10px}.password-toggle-icon:hover{color:#21618c}@media (max-width:768px){.crypto-signup-container,.crypto-signup-form{padding:10px}input{padding:8px}button,input{font-size:14px}button{padding:10px}h2{font-size:1.5rem}h2,p{text-align:center}p{font-size:14px}}@media (max-width:480px){.crypto-signup-container{max-width:100%;padding:15px}.crypto-signup-form{padding:15px}input{font-size:14px;padding:12px}button{font-size:15px;padding:12px}h2{font-size:1.3rem}p{font-size:13px}}.apoti-footer{background:linear-gradient(90deg,#153b29,#0c4e3a,#00ffae);color:#fff;font-family:Segoe UI,sans-serif;margin-top:auto;padding:50px 20px 30px}.apoti-footer-container{margin:0 auto;max-width:1300px}.apoti-footer-top{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.apoti-brand,.apoti-links,.apoti-newsletter,.apoti-support{flex:1 1;min-width:220px}.apoti-brand h2{color:#00ffae;font-size:1.8rem;margin-bottom:15px}.apoti-brand p{color:#f0f0f0;font-size:.95rem}.apoti-links h4,.apoti-newsletter h4,.apoti-support h4{color:#00ffd5;margin-bottom:10px}.apoti-links ul,.apoti-support ul{list-style:none;padding:0}.apoti-links li,.apoti-support li{margin-bottom:8px}.apoti-links a,.apoti-support a{color:#ddd;font-size:.95rem;text-decoration:none}.apoti-links a:hover,.apoti-support a:hover{color:#00ffb8}.apoti-newsletter p{font-size:.9rem;margin-bottom:10px}.apoti-newsletter form{display:flex;gap:10px}.apoti-newsletter input[type=email]{border:none;border-radius:4px;flex:1 1;padding:8px 12px}.apoti-newsletter button{background-color:#00ffb8;border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:600;padding:8px 16px}.apoti-newsletter button:hover{background-color:#0be0a5}.apoti-footer-bottom{color:#ccc;font-size:.9rem;margin-top:40px;text-align:center}.error-message,.success-message{margin-top:8px}input:disabled{background-color:#f5f5f5}@media (max-width:768px){.apoti-footer-top{align-items:flex-start;flex-direction:column}.apoti-newsletter form{flex-direction:column;width:100%}.apoti-newsletter button,.apoti-newsletter input{width:100%}}.myapoti-navbar,body{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.myapoti-navbar{background:#fefffe;box-shadow:0 2px 8px #f2f2f3;color:#fff;height:95px;position:sticky;top:0;z-index:999}.nav-content{background:#fefffe;height:60px;justify-content:space-between;margin:0 auto;padding:1rem 2rem;width:90%}.nav-content,.nav-logo{align-items:center;display:flex}.nav-logo img{height:100px;object-fit:contain}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-links .logout-btn,.nav-links a{align-items:center;color:#0a0a0a;display:flex;font-size:1.5rem;font-weight:500;gap:.4rem;text-decoration:none}.nav-icon{font-size:1.1rem}.nav-icon,.nav-links .logout-btn:hover,.nav-links a:hover{color:#00ffae}.logout-btn{background:none;border:none;cursor:pointer;font-size:1rem}.manual-toggle-icon{color:#111010;cursor:pointer;display:none;font-size:50px;position:absolute;right:20px;top:20px}.bottom-nav{display:none}@media (max-width:768px){.nav-content{padding:.75rem 1rem}.nav-content,.nav-links{align-items:flex-start;flex-direction:column}.nav-links{background:#153b29;display:none;width:100%}.nav-links.open{display:flex}.nav-links .logout-btn,.nav-links a{border-bottom:1px solid #2c4e3b;color:#fff;padding:.75rem 1.25rem;width:85%}.nav-links .logout-btn:hover,.nav-links a:hover{color:#00ffae}.manual-toggle-icon{display:block}.bottom-nav{align-items:center;background:#153b29;border-top:1px solid #355a43;bottom:0;display:flex;height:55px;justify-content:space-around;left:0;position:fixed;right:0;z-index:999}.bottom-nav-item{color:#fff;flex:1 1;font-size:.75rem;padding:.4rem 0;text-align:center;text-decoration:none}.bottom-nav-item span{display:block;font-size:.7rem;margin-top:.25rem}.bottom-nav-item .svg-inline--fa{color:#00ffae}}@media screen and (min-width:1280px){.nav-content{padding-left:3rem;padding-right:3rem}}@media (max-width:768px){.myapoti-navbar{align-items:center;display:flex;height:125px;padding:10px 20px}}.dashboard-container{background:#1e1e2f;color:#fff;display:flex;min-height:100vh}.sidebar{padding:20px 10px}.main-dashboard{flex:1 1;overflow-y:auto;padding:25px}.dashboard-topbar{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:10px}.dashboard-topbar h2{color:#ffc107;font-size:1.6rem;font-weight:600}.profile-bar{gap:15px}.profile-bar,.profile-link{align-items:center;display:flex}.profile-link{color:#fff;gap:10px;text-decoration:none}.profile-link span{font-size:.95rem;font-weight:500}.profile-avatar{border:2px solid #ffc107;height:36px;object-fit:cover;transition:.3s;width:36px}.profile-avatar:hover{transform:scale(1.1)}.notification-wrapper{position:relative}.notification-icon{cursor:pointer;margin-right:10px;position:relative;transition:transform .2s ease}.notification-icon:hover{transform:scale(1.1)}.notification-badge{background-color:red;border-radius:50%;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:-6px;top:-6px}.notification-dropdown{background:#2c2c3c;border:1px solid #444;border-radius:8px;box-shadow:0 4px 10px #0000004d;color:#fff;overflow:hidden;position:absolute;right:0;top:35px;transition:all .3s ease;width:280px;z-index:999}.notification-dropdown.mobile-dropdown{background:#1e1e2f;border-radius:0;height:100%;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;width:100%}.notification-header{background:#3a3a4a;border-bottom:1px solid #555;padding:10px}.notification-header h4{color:#ffc107;font-size:16px;margin:0}.mark-read-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:12px}.mark-read-btn:hover{text-decoration:underline}.notification-list{max-height:260px;overflow-y:auto}.close-dropdown-button{background:#0000;border:none;color:#f63308;cursor:pointer;font-size:18px;margin-left:auto}.notification-header{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.notification-item{word-wrap:break-word;border-bottom:1px solid #444;display:flex;flex-direction:column;padding:10px;transition:background .2s;white-space:normal;word-break:break-word}.notification-item p{line-height:1.3;margin:0}.notification-item.unread{background:#ffffff0d;font-weight:500}.notification-item.read{background:#0000;color:#ccc}.notification-item:hover{background:#ffffff14}.notif-date{color:#999;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-notification{color:#aaa;font-size:13px;padding:15px;text-align:center}.verification-banner{align-items:center;background-color:#ffecb3;border-radius:8px;color:#856404;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.verify-button{background-color:#ffc107;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:600;padding:8px 15px}.verify-button:hover{background-color:#ffb300}.dashboard-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.card{background-color:#2c2c3c;box-shadow:0 2px 6px #0000004d;padding:20px;text-align:center;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card h3{color:#ffc107;font-size:1rem;margin-bottom:10px}.card p{color:#fff;font-size:1.3rem;font-weight:700}.charts-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.chart-box{background:#2c2c3c;border-radius:10px;padding:20px}.chart-box h3{color:#ffc107;font-size:1.1rem;margin-bottom:10px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px}.notification-message{font-size:.95rem;overflow-wrap:break-word}.verification-banner.pending{background-color:#333b4f;color:#ffc107}.verification-banner.rejected{background-color:#4b1d1d;color:#ff6b6b}@media (max-width:768px){.sidebar{display:none}.dashboard-topbar{align-items:flex-start;flex-direction:column;gap:10px}.profile-bar{justify-content:space-between;width:100%}.notification-item{font-size:.9rem;padding:8px 10px}.notif-date{font-size:10px}.notification-dropdown.mobile-dropdown{align-items:center;background:#1e1e2f;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.notification-header-buttons{align-items:center;display:flex;gap:10px}.close-dropdown-btn{background:none;border:none;color:#ffc107;cursor:pointer;font-size:1.4rem}.notification-list{align-items:center;display:flex;flex-direction:column;gap:15px;margin:0;padding:0;width:100%}.notification-item{word-wrap:break-word;background:#ffffff0d;border-radius:8px;box-shadow:0 2px 6px #0000004d;max-width:600px;padding:15px 20px;text-align:left;width:95%;word-break:break-word}.notification-message{font-size:1rem;margin-bottom:6px}.notif-date{color:#999;display:block;font-size:11px;text-align:right}.no-notification{color:#aaa;font-size:1rem;text-align:center}.sidebar{display:none}.dashboard-topbar{align-items:flex-start;flex-direction:column;gap:10px}.profile-bar{justify-content:space-between;width:100%}.notification-dropdown{right:-40px;width:90vw}}.sidebar{background-color:#2c2c3c;border-right:1px solid #444;height:100vh;overflow:hidden;padding:0;position:sticky;top:0}.sidebar-scroll{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;padding:20px 10px 10px;scrollbar-color:#444 #0000;scrollbar-width:thin}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:#0000}.sidebar-scroll::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.sidebar-title{color:#ffc107;font-size:18px;margin-bottom:10px}.sidebar button,.sidebar-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:15px;gap:8px;padding:10px;text-align:left;transition:background-color .2s ease;width:100%}.sidebar button:hover,.sidebar-btn:hover{background-color:#3a3a4f}.inventory-button-wrapper{display:flex;flex-direction:column;gap:4px}.permission-disabled{opacity:.7}.permission-status{font-size:.75rem;padding:2px 10px}.permission-allowed{color:#22c55e;font-weight:600}.permission-denied{color:#ef4444;font-weight:600}.subscription-btn{color:#ffc107!important;font-weight:600}.subscription-btn:hover{background-color:#3a3a4f!important}.analytics-menu,.submenu{display:flex;flex-direction:column;gap:4px}.submenu{padding-left:12px}.submenu-btn{color:#ccc!important;font-size:14px!important;padding:8px 10px!important}.submenu-btn:hover{background-color:#3a3a4f!important;color:#fff!important}.export-inventory-wrapper{display:flex;flex-direction:column;gap:4px}.export-btn{color:#4ade80!important}.export-btn:hover{background-color:#3a3a4f!important}.export-btn:disabled{cursor:not-allowed;opacity:.6}.subscription-locked{color:#ff9800!important;opacity:.8}.subscription-status-badge{font-size:.75rem;padding:2px 10px}.subscription-active{color:#22c55e;font-weight:600}.subscription-inactive{color:#ff9800;font-weight:600}.sync-panel{background-color:#2c2c3c;flex-shrink:0;padding:0 10px 12px}.sync-divider{background:#ffffff1f;height:1px;margin:0 0 .75rem}.sync-status-row{justify-content:space-between;margin-bottom:.4rem;padding:0 .25rem}.sync-failed-badge,.sync-online-indicator,.sync-status-row{align-items:center;display:flex}.sync-failed-badge{background:#fff3cd;border:1px solid #ffc107;border-radius:12px;color:#856404;cursor:default;font-size:.72rem;font-weight:600;padding:.15rem .5rem}.sync-last-time{color:#888;font-size:.72rem;margin-bottom:.4rem;padding:0 .25rem}.sync-now-btn{border:none!important;border-radius:6px;color:#fff!important;cursor:pointer;font-size:14px!important;font-weight:600;justify-content:center!important;padding:.6rem 1rem;transition:opacity .2s ease;width:100%}.sync-now-btn,.sync-now-btn:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9,#0284c7)!important}.sync-now-btn:hover:not(:disabled){opacity:.9}.sync-now-btn:disabled{cursor:not-allowed;opacity:.65}.sync-now-btn.syncing{background:linear-gradient(135deg,#64b5f6,#42a5f5)!important}.sync-description{color:#777;font-size:.68rem;line-height:1.4;margin:.35rem .25rem 0}.sync-message{border-radius:6px;font-size:.75rem;line-height:1.4;margin-top:.5rem;padding:.5rem .75rem}.sync-message--success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.sync-message--warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.sync-message--error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.sync-settings-link{background:none!important;border:none!important;color:#60a5fa!important;cursor:pointer;display:block;font-size:.72rem;gap:0!important;padding:.25rem .25rem 0!important;text-align:left;text-decoration:underline;width:auto!important}.sync-settings-link:hover{background:none!important;color:#93c5fd!important}@media screen and (max-width:768px){.sidebar{display:none}}.static-page p{align-items:center;display:flex;gap:.5rem}.static-page a.contact-link{color:#007bff;font-weight:700;text-decoration:none}.static-page a.contact-link:hover{text-decoration:underline}.static-page .icon{color:#153b29;font-size:1.2rem}.hero-section{background:linear-gradient(to bottom right,#f5fffa,#e8fff3);justify-content:center;padding:4rem 1.5rem}.hero-content,.hero-section{align-items:center;display:flex}.hero-content{flex-wrap:wrap;gap:2rem;justify-content:space-between;max-width:1200px;width:100%}.hero-text{flex:1 1;min-width:280px}.hero-text h1{color:#153b29;font-size:2.5rem;margin-bottom:1rem}.hero-text p{color:#333;font-size:1.2rem;margin-bottom:1.5rem}.cta-form{display:flex;flex-wrap:wrap;gap:.75rem}.cta-form input{border:1px solid #ccc;border-radius:.5rem;flex:1 1;font-size:1rem;min-width:200px;padding:.75rem 1rem}.cta-form button{background-color:#00ffae;border:none;border-radius:.5rem;color:#000;cursor:pointer;font-size:1rem;padding:.75rem 1.25rem;transition:background .3s ease}.success-message{color:#04f304}.cta-form button:hover{background-color:#00e0a0}.hero-image{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:250px}.hero-image img{height:auto;max-width:400px;object-fit:contain;width:100%}@media (max-width:768px){.hero-content{flex-direction:column;text-align:center}.cta-form{align-items:center;flex-direction:column}.cta-form button,.cta-form input{max-width:400px;width:100%}}.coming-soon-section{background-color:#fff;display:flex;justify-content:center;padding:4rem 1.5rem}.app-section-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;max-width:1200px;width:100%}.mockup-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:280px}.app-mockup-icon{color:#153b29;font-size:160px}.app-info{flex:1 1;min-width:280px}.app-info h2{color:#153b29;font-size:2rem;margin-bottom:1rem}.app-info p{color:#333;font-size:1.1rem;margin-bottom:1.5rem}.feature-list{list-style:none;margin-bottom:2rem;padding:0}.feature-list li{color:#153b29;font-size:1rem;margin-bottom:.75rem}.store-badges{flex-wrap:wrap;gap:1.5rem}.store-badges,.store-icon{align-items:center;display:flex}.store-icon{color:#153b29;cursor:not-allowed;flex-direction:column;font-size:2rem;opacity:.7;transition:opacity .3s ease}.store-icon span{color:#333;font-size:.9rem;margin-top:.5rem}.store-icon:hover{opacity:1}@media (max-width:768px){.app-section-content{flex-direction:column;text-align:center}.store-badges{justify-content:center}.app-mockup-icon{font-size:120px}}.features-section{background-color:#f9fffc;padding:4rem 1.5rem;text-align:center}.features-title{color:#153b29;font-size:2.2rem;margin-bottom:2.5rem}.features-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.feature-card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 12px #153b291a;max-width:300px;min-width:250px;padding:2rem 1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 6px 18px #153b2926;transform:translateY(-5px)}.feature-icon{color:#00ffae;font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#153b29;font-size:1.4rem;margin-bottom:.8rem}.feature-card p{color:#444;font-size:1rem;line-height:1.6}@media (max-width:768px){.features-grid{align-items:center;flex-direction:column}.feature-card{width:90%}}.how-it-works{background-color:#fff;padding:4rem 1.5rem;text-align:center}.how-title{color:#153b29;font-size:2.2rem;margin-bottom:2.5rem}.steps-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.step-card{background:#f9fffc;border-radius:1rem;box-shadow:0 4px 10px #153b2914;max-width:280px;min-width:240px;padding:2rem;text-align:center;transition:transform .3s ease}.step-card:hover{transform:translateY(-5px)}.step-number{font-size:1.1rem;font-weight:700}.step-icon,.step-number{color:#00ffae;margin-bottom:1rem}.step-icon{font-size:3rem}.step-title{color:#153b29;font-size:1.4rem;margin-bottom:.5rem}.step-desc{color:#444;font-size:1rem;line-height:1.5}@media (max-width:768px){.steps-grid{align-items:center;flex-direction:column}.step-card{width:90%}}.ambassador-section{background-color:#f5fff9;padding:4rem 1.5rem;text-align:center}.ambassador-title{color:#153b29;font-size:2rem;margin-bottom:1rem}.ambassador-subtitle{color:#444;font-size:1.1rem;margin-bottom:3rem}.ambassador-benefits{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2.5rem}.benefit-card{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #153b2914;max-width:280px;padding:2rem;text-align:center;transition:transform .3s ease}.benefit-card:hover{transform:translateY(-5px)}.benefit-icon{color:#00ffae;font-size:2.5rem;margin-bottom:1rem}.benefit-card h3{color:#153b29;font-size:1.3rem;margin-bottom:.5rem}.benefit-card p{color:#555;font-size:.95rem;line-height:1.4}.ambassador-cta{align-items:center;display:flex;flex-direction:column;gap:1rem}.cta-btn{align-items:center;background-color:#00ffae;border-radius:30px;color:#153b29;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none}.cta-btn:hover{background-color:#0be0a0}.cta-link{color:#0c4e3a;font-size:.95rem;text-decoration:underline}@media (max-width:768px){.ambassador-benefits{align-items:center;flex-direction:column}.benefit-card{width:90%}.ambassador-cta{gap:1.5rem}}.static-page strong{color:#c0392b}@media screen and (max-width:768px){.static-page{padding:2rem 1rem}.static-page h1{font-size:1.8rem}.static-page p{font-size:1rem}}@media screen and (max-width:480px){.static-page{padding:1.5rem .8rem}.static-page h1{font-size:1.6rem}.static-page p{font-size:.95rem}}.static-page{color:#153b29;max-width:800px;padding:4rem 1.5rem}.static-page h1{color:#0a3d2e}.static-page p{font-size:1.1rem;line-height:1.8}@media (max-width:768px){.static-page{padding:3rem 1rem}.static-page h1{font-size:1.8rem}.static-page p{font-size:1rem}}.static-page{background-color:#fff;color:#1f1f1f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.7;margin:0 auto;max-width:900px;padding:3rem 1.5rem}.static-page h1{color:#153b29;font-size:2.2rem;margin-bottom:1.5rem;text-align:center}.static-page h3{color:#153b29;font-size:1.5rem;margin-top:2rem}.static-page p{color:#333;font-size:1.05rem;margin-bottom:1.25rem}.ambassador-benefits{list-style:none;margin-top:1rem;padding-left:0}.ambassador-benefits li{color:#153b29;font-size:1.05rem;margin-bottom:.75rem;padding-left:1.2rem;position:relative}.join-button-container{margin-top:2.5rem;text-align:center}.join-button{background-color:#00b894;border-radius:6px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:12px 30px;text-decoration:none;transition:background-color .3s ease}.join-button:hover{background-color:#019172}@media screen and (max-width:768px){.static-page{padding:2rem 1rem}.static-page h1{font-size:1.8rem}.static-page h3{font-size:1.3rem}.ambassador-benefits li,.join-button,.static-page p{font-size:1rem}.join-button{padding:10px 25px}}@media screen and (max-width:480px){.static-page h1{font-size:1.6rem}.join-button{display:block;padding:12px;width:100%}}.ambassador-register{background-color:#f7f9fc;display:flex;justify-content:center;padding:3rem 1rem}.register-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;max-width:600px;padding:2.5rem;width:100%}.register-container h1{color:#153b29;font-size:2rem;margin-bottom:1rem}.register-container p{color:#444;font-size:1rem;margin-bottom:1rem}.register-container .note{background-color:#eaf7e8;border-left:5px solid #2f855a;border-radius:6px;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}form{display:flex;flex-direction:column}input,textarea{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}textarea{resize:vertical}button[type=submit]{background-color:#153b29;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s ease}button[type=submit]:hover{background-color:#196f3d}.success-message{color:green;margin-top:10px}.error-message{color:red;margin-top:10px}button:disabled{background-color:#ccc}input:disabled,textarea:disabled{background-color:#f5f5f5}@media (max-width:600px){.register-container{padding:1.5rem}.register-container h1{font-size:1.5rem}button[type=submit],input,textarea{font-size:.95rem}}.otp-container{background-color:#0d0d0d;border-radius:12px;box-shadow:0 0 20px #00ffcc4d;box-sizing:border-box;color:#0fc;margin:80px auto;max-width:400px;padding:30px 20px;text-align:center;width:100%}.otp-form h2{margin-bottom:10px}.otp-message{color:#80ffea;font-size:14px;margin-bottom:20px}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.otp-box{background-color:#1a1a1a;border:2px solid #0fc;color:#fff;font-size:24px;height:50px;text-align:center;width:40px}.otp-box,button{border-radius:8px}button{background-color:#0fc;color:#0d0d0d;margin:0 auto;max-width:200px;padding:12px 24px;transition:background-color .3s ease;width:100%}button:hover{background-color:#0c9}.otp-error,.otp-success{word-wrap:break-word;border-radius:6px;font-size:14px;margin-bottom:10px;padding:8px}.otp-error{background-color:#300;color:#ff4d4d}.otp-success{background-color:#032;color:#0f9}@media screen and (max-width:480px){.otp-inputs{flex-wrap:wrap;gap:8px}.otp-box{font-size:20px;height:44px;width:36px}button{font-size:16px;padding:10px 20px}.otp-container{margin:40px auto;padding:24px 16px;width:95%}}.profile-layout{font-family:Inter,sans-serif}.profile-layout>:first-child{background-color:#1a1a2e;min-height:100vh;padding:20px;width:250px}.profile-main{background-color:#121224;flex:1 1;overflow-y:auto;padding:30px}.profile-card{background:#1a1a2e;border-radius:16px;box-shadow:0 8px 20px #00000040;color:#f8f9fa;margin:0 auto;max-width:600px;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.profile-card:hover{box-shadow:0 12px 28px #00000059;transform:translateY(-5px)}.logo-wrapper{display:flex;justify-content:center;margin-bottom:15px}.pharmacy-logo{border:4px solid #4caf50;border-radius:50%;height:130px;object-fit:cover;opacity:0;transition:opacity .6s ease,transform .3s ease,box-shadow .3s ease;width:130px}.pharmacy-logo.loaded{opacity:1}.pharmacy-name{align-items:center;display:flex;font-size:1.8rem;font-weight:700;gap:5px;justify-content:center;margin-bottom:15px}.verified-icon{color:#00d1ff}.profile-info p{align-items:center;color:#e0e0e0;display:flex;font-size:1rem;gap:8px;justify-content:center;margin:6px 0}.verified-status{color:#00d1ff;font-weight:600}.rejected-status{color:#ff4d4f;font-weight:600}.pending-status{color:orange;font-weight:600}.not-applied-status{color:#b0b0b0;font-weight:600}.password-section{border-top:1px solid #333;margin-top:25px;padding-top:20px}.toggle-password-btn{align-items:center;background:#1e88e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 18px;transition:background .3s ease,transform .2s ease}.toggle-password-btn:hover{background:#1565c0;transform:translateY(-2px)}.password-form{display:flex;flex-direction:column;gap:12px;margin-top:15px}.password-input-group{align-items:center;display:flex;gap:8px;position:relative}.password-input{background:#2c2c3c;border:1px solid #444;border-radius:8px;color:#fff;flex:1 1;font-size:.95rem;padding:10px 15px;transition:border-color .3s ease}.password-input:focus{background:#333;border-color:#00d1ff;outline:none}.toggle-password-visibility{background:none;border:none;color:#00d1ff;cursor:pointer;font-size:1.1rem;transition:color .3s ease}.toggle-password-visibility:hover{color:#09c}.password-error{color:#ff4d4f}.password-error,.password-success{font-size:.9rem;margin:0;text-align:left}.password-success{color:#4caf50}.submit-password-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:background .3s ease,transform .2s ease}.submit-password-btn:hover:not(:disabled){background:#3e8e41;transform:translateY(-2px)}.submit-password-btn:disabled{background:#666;cursor:not-allowed}.deactivate-pharmacy-btn,.update-profile-btn,.verification-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;margin-right:10px;margin-top:15px;padding:10px 18px;transition:transform .2s ease,background .3s ease}.verification-btn{background:#2196f3}.verification-btn:hover{background:#1976d2;transform:translateY(-2px) scale(1.02)}.update-profile-btn{background:#4caf50}.update-profile-btn:hover{background:#3e8e41;transform:translateY(-2px) scale(1.02)}.deactivate-pharmacy-btn{background:#ff4d4f}.deactivate-pharmacy-btn:hover{background:#d32f2f;transform:translateY(-2px) scale(1.02)}.modal-overlay{animation:fadeIn .3s ease}.modal-content{animation:slideUp .3s ease;background:#1a1a2e;border-radius:16px;max-height:90vh}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #333;padding:20px 25px}.modal-header h2{color:#fff;font-size:1.5rem;margin:0}.modal-close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;transition:color .3s ease}.modal-close-btn:hover{color:#ff4d4f}.modal-body{color:#e0e0e0}.warning-box{background:#2c1a1a;border-left:4px solid #ff4d4f;border-radius:8px;margin-bottom:20px;padding:15px}.warning-title{color:#ff4d4f;font-size:1rem;font-weight:600;margin:0 0 10px}.warning-text{color:#e0e0e0;font-size:.95rem;margin:0 0 10px}.warning-list{list-style:none;margin:0;padding:0}.warning-list li{color:#e0e0e0;font-size:.9rem;padding:5px 0}.deactivate-error-message{background:#3a1a1a;border-left:4px solid #ff4d4f;color:#ff8a8a}.deactivate-error-message,.deactivate-success-message{border-radius:8px;font-weight:500;margin-bottom:15px;padding:12px 15px}.deactivate-success-message{background:#1a3a1a;border-left:4px solid #4caf50;color:#8aff8a}.confirmation-section{background:#2c2c3c;border-radius:8px;margin-bottom:20px;padding:15px}.confirmation-text{color:#e0e0e0;font-size:.95rem;margin:0 0 10px}.confirmation-input{background:#1a1a2e;border:2px solid #444;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;font-weight:600;letter-spacing:1px;padding:12px 15px;transition:border-color .3s ease;width:100%}.confirmation-input:focus{background:#2c2c3c;border-color:#ff4d4f;outline:none}.confirmation-input:disabled{background:#333;cursor:not-allowed;opacity:.6}.modal-footer{background:#121224;border-radius:0 0 16px 16px;border-top:1px solid #333;gap:12px;justify-content:flex-end;padding:20px 25px}.modal-cancel-btn,.modal-deactivate-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:background .3s ease,transform .2s ease}.modal-cancel-btn{background:#444}.modal-cancel-btn:hover:not(:disabled){background:#555;transform:translateY(-2px)}.modal-deactivate-btn{background:#ff4d4f;color:#fff}.modal-deactivate-btn:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px)}.modal-deactivate-btn:disabled{background:#999;cursor:not-allowed;opacity:.6}.modal-cancel-btn:disabled{background:#666;cursor:not-allowed;opacity:.6}.error-message{background:#2c1a1a;border-left:4px solid #ff4d4f;border-radius:8px;color:#ff4d4f;font-weight:700;margin:20px 0;padding:15px;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #333;border-top-color:#00d1ff}.profile-skeleton-card{align-items:center;background:#1a1a2e;border-radius:16px;box-shadow:0 8px 20px #00000040;display:flex;flex-direction:column;gap:12px;padding:25px}.skeleton-box{background:linear-gradient(90deg,#2c2c3c 25%,#3a3a4a 50%,#2c2c3c 75%);border-radius:8px}.skeleton-line{height:16px}.skeleton-name{height:24px;width:60%}.skeleton-btn{height:36px;width:50%}.skeleton-logo{border-radius:50%;height:130px;width:130px}.fade-in{animation:fadeIn .6s ease forwards;opacity:1}.fade-out{animation:fadeOut .6s ease forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.profile-layout{flex-direction:column}.profile-layout>:first-child{min-height:auto;padding:10px;width:100%}.profile-main{padding:15px}.profile-card{padding:20px}.modal-content{max-height:85vh;width:95%}.modal-footer{flex-direction:column}.modal-cancel-btn,.modal-deactivate-btn{width:100%}.password-input-group{align-items:stretch;flex-direction:column}.toggle-password-visibility{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-input{padding-right:40px}}.logo-input{display:none}.logo-wrapper{cursor:pointer;transition:opacity .3s ease}.logo-wrapper:hover{opacity:.8}.verification-page-container{background-color:#1e1e2f;color:#fff;display:flex;min-height:100vh}.verification-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px}.verification-title{color:#ffc107;font-size:1.6rem;font-weight:600;margin-bottom:30px;text-align:center}.verify-form-container{background-color:#2c2c3c;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#fff;max-width:450px;padding:25px 30px;width:100%}.verify-form-container form{display:flex;flex-direction:column;gap:18px}label{font-weight:500}input,label{font-size:14px}input{background-color:#1e1e2f;border:none;border-radius:6px;color:#fff;padding:12px}input:focus{outline:2px solid #ffc107}input:disabled{cursor:not-allowed;opacity:.6}button{background-color:#ffc107;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:15px;font-weight:700;padding:12px;transition:.3s ease}button:hover:not(:disabled){background-color:#e6ac00}button:disabled{cursor:not-allowed;opacity:.7}.error-message,.success-message{word-wrap:break-word;border-radius:5px;font-weight:700;margin-top:15px;padding:10px;text-align:center}.error-message{background-color:#f3cccc;color:#8b0000}@media screen and (max-width:768px){.verification-content{justify-content:flex-start;padding:60px 15px 20px}.verification-title{font-size:1.4rem;margin-bottom:20px}.verify-form-container{max-width:100%;padding:20px 15px;width:100%}.verify-form-container form{gap:15px}input,label{font-size:13px}input{padding:10px}button{font-size:14px;padding:11px}.error-message,.success-message{font-size:13px;padding:10px 8px}}.upd-profile-page{background-color:#f0f2f5;display:flex;min-height:100vh}.upd-sidebar{background-color:#1a1a2e;display:flex;flex:0 0 220px;flex-direction:column;height:100vh;padding:20px}.upd-main-content{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px 30px}.upd-form-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;max-width:600px;padding:30px;width:100%}.upd-form-wrapper h2{color:#333;margin-bottom:20px;text-align:center}.upd-logo-section{margin-bottom:20px}.upd-logo-label{color:#444;display:block;font-weight:600;margin-bottom:8px}.upd-logo-preview{border:1px solid #ccc;border-radius:6px;height:80px;margin-bottom:10px;object-fit:cover;width:80px}.upd-logo-input{display:block}.upd-form{display:flex;flex-direction:column;gap:16px}.upd-form label{color:#444;font-weight:600}.upd-form input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:10px 12px}.upd-form input:focus{border-color:#007bff;outline:none}.upd-form button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:.2s}.upd-form button:hover:not(:disabled){background-color:#0056b3}.upd-form button:disabled{background-color:#aaa;cursor:not-allowed}.upd-error{background-color:#ffe0e0;color:#c0392b}.upd-error,.upd-success{border-radius:4px;font-weight:700;padding:10px;text-align:center}.upd-success{background-color:#e0ffe0;color:#27ae60}@media screen and (max-width:768px){.upd-profile-page{flex-direction:column}.upd-sidebar{display:none}.upd-main-content{padding:20px}}.card{border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:30px}.button-grid{grid-gap:15px;display:grid;gap:15px;margin-top:20px}.btn{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;padding:12px 20px;text-align:center;text-decoration:none}.btn:hover{background-color:#0056b3}.container{background-color:#f9f9f9;display:flex;min-height:100vh}.sidebar{background:#2d3748;color:#fff;display:flex;flex-direction:column;width:240px}.sidebar-title{font-size:1.5rem;font-weight:700;margin-bottom:20px}.sidebar button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:10px;text-align:left}.sidebar button:hover{background:#4a5568;border-radius:5px}.main-content{padding:20px}.title{background:#4caf50;border-radius:5px;font-weight:700;padding:10px}.message{font-weight:700;margin-bottom:15px}.branch-form{background:#fff;border-radius:5px;box-shadow:0 2px 8px #0000001a;padding:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.error-message-bottom{background-color:#ffe6e6;border:1px solid #f5c6cb;border-radius:6px;color:#c00;font-size:.95rem;font-weight:600;margin-top:1rem;padding:12px 16px;text-align:center}.form-group input{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.submit-btn{background:#4caf50;border-radius:5px;color:#fff;padding:10px 15px}.submit-btn:hover{background:#45a049}.error-text{color:red;font-size:.9rem;margin-top:4px}.form-actions{align-items:center;gap:12px;margin-top:1rem}.success-message-inline{background-color:#28a745;border-radius:4px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 12px}.loading-overlay{align-items:center;background-color:#ffffffbf;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.spinner{border:5px solid #f3f3f3;border-top-color:#3498db;height:40px;width:40px}.pharmacy-page-container{background-color:#f9f9f9;display:flex;min-height:100vh}.sidebar-container{width:240px}.pharmacy-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;margin-left:10px;padding:20px}.pharmacy-title{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:20px}.pharmacy-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pharmacy-card{background:#fefefe;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:15px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.pharmacy-card.branch-clickable:hover{background-color:#f0f4ff;box-shadow:0 4px 12px #00000026;cursor:pointer;transform:translateY(-3px)}.pharmacy-card p{font-size:.95rem;margin:6px 0}.pharmacy-card strong{color:#2c3e50}.error-text,.loading-text,.no-branches-text{font-size:1.1rem;margin-top:20px}.error-text{color:#d9534f}.search-input{border:1px solid #ccc;border-radius:8px;max-width:400px}.search-input:focus{border-color:#007bff}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-card{display:flex;flex-direction:column;gap:10px}.skeleton-box{animation:skeleton-loading 1.5s linear infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200px 100%;border-radius:6px;height:16px}.skeleton-number{height:20px;width:40%}.skeleton-line{width:80%}.layout{display:flex;min-height:100vh}.sidebar{padding:20px;width:250px}.main-content{flex:1 1;padding:30px}.title{color:#fff;font-size:1.8rem;margin-bottom:20px}.upload-section input[type=file]{background-color:#fff}.upload-section button{align-items:center;display:flex;justify-content:center}.upload-message{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:5px;color:#856404;padding:10px 15px}.upload-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.upload-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.unverified-box{background-color:#2c2c3c;border-radius:10px;box-shadow:0 4px 12px #0000004d;margin-top:20px;padding:30px;text-align:center}.warning-text{color:#fc0;font-size:16px;font-weight:600;margin-bottom:20px}.verify-btn{background-color:#007bff;border-radius:6px;color:#fff;display:inline-block;font-weight:700;padding:12px 20px;text-decoration:none;transition:background-color .2s ease-in-out}.verify-btn:hover{background-color:#0056b3}.addinv-dashboard-container{background-color:#1c1c28;color:#fff;display:flex;font-family:Poppins,sans-serif;min-height:100vh}.addinv-main-dashboard{flex:1 1;overflow-y:auto;padding:40px}.addinv-main-dashboard h2{color:#00b894;font-size:1.8rem;font-weight:600;margin-bottom:25px}.addinv-form{grid-gap:18px;background-color:#2b2b3c;border-radius:12px;box-shadow:0 3px 12px #0006;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:25px}.addinv-form input,.addinv-form select{background-color:#1f1f2e;border:1px solid #444;border-radius:6px;color:#fff;font-size:.95rem;padding:10px 14px;transition:border-color .3s ease;width:100%}.addinv-form input:focus,.addinv-form select:focus{border-color:#00b894;outline:none}.addinv-price-input-wrapper{align-items:center;background-color:#1f1f2e;border:1px solid #444;border-radius:6px;display:flex;padding:0 10px;transition:border-color .3s ease}.addinv-price-input-wrapper span{color:#00b894;font-weight:700;margin-right:8px}.addinv-price-input-wrapper input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.95rem;outline:none}.addinv-error-message{color:#ff7675;font-size:.85rem;grid-column:span 2;margin-bottom:6px;margin-top:-8px}.addinv-success-message{background-color:#00b894;border-radius:6px;color:#fff;font-size:.9rem;margin-bottom:15px;padding:10px 14px}.addinv-form button{background-color:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;grid-column:span 2;padding:12px 20px;transition:all .3s ease}.addinv-form button:hover{background-color:#01976d;transform:translateY(-1px)}@media (max-width:768px){.addinv-form{grid-template-columns:1fr}.addinv-main-dashboard{padding:20px}.addinv-form button{grid-column:1}}@media (max-width:480px){.addinv-main-dashboard h2{font-size:1.4rem}}.error-list{background-color:#ffe6e6;border:1px solid #ff4d4d;border-radius:5px;margin-top:15px;padding:10px}.error-list h4{color:#c00;font-size:16px;font-weight:700;margin:0 0 8px}.error-list ul{list-style-type:disc;margin:0;padding-left:20px}.error-list li{color:maroon;font-size:14px;margin-bottom:4px}.inventory-page-container{background-color:#1e1e2f;display:flex;min-height:100vh}.inventory-section{background:#2c2c3c;border-radius:8px;color:#fff;flex-grow:1;margin:20px;overflow-y:auto;padding:15px 30px}.search-input{background-color:#1e1e2f;border:none;border-radius:5px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.search-input::placeholder{color:#bbb}.inventory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.inventory-total{color:#bbb;font-size:.95rem}.inventory-item{border-bottom:1px solid #444;display:flex;flex-direction:column;padding:12px 0}.inventory-item:last-child{border-bottom:none}.item-info{display:flex;flex-direction:column}.item-details-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.price-section{align-items:center;display:inline-flex;gap:5px}.item-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.delete-btn,.edit-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:5px;padding:5px;transition:color .3s ease}.edit-btn:hover{color:#ffc107}.delete-btn:hover{color:#dc3545}.disabled-btn{cursor:not-allowed;opacity:.4}.price-edit-inline{align-items:center;background-color:#3a3a4d;border:2px solid #4caf50;border-radius:6px;display:inline-flex;gap:5px;padding:4px 8px}.naira-symbol{color:#4caf50;font-weight:700}.price-input-inline{background-color:#2c2c3c;border:1px solid #4caf50;border-radius:4px;color:#fff;font-size:14px;outline:none;padding:4px 6px;width:80px}.price-input-inline:focus{border-color:#66bb6a;box-shadow:0 0 0 2px #4caf5033}.price-input-inline:disabled{cursor:not-allowed;opacity:.6}.price-cancel-btn,.price-save-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;padding:4px 8px;transition:all .2s ease}.price-save-btn{background-color:#4caf50;color:#fff}.price-save-btn:hover:not(:disabled){background-color:#45a049;transform:scale(1.05)}.price-save-btn:disabled{cursor:not-allowed;opacity:.6}.price-cancel-btn{background-color:#f44336;color:#fff}.price-cancel-btn:hover:not(:disabled){background-color:#da190b;transform:scale(1.05)}.price-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.inline-price-edit-icon{background:none;border:none;color:#ffc107;cursor:pointer;font-size:14px;margin-left:5px;padding:2px 4px;transition:color .2s ease,transform .2s ease}.inline-price-edit-icon:hover{color:#ffca28;transform:scale(1.1)}.price-edit-btn{align-items:center;background-color:#ff9800;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 12px;transition:all .3s ease}.price-edit-btn:hover:not(:disabled){background-color:#e68900;box-shadow:0 4px 8px #ff98004d;transform:translateY(-2px)}.price-edit-btn:disabled{cursor:not-allowed;opacity:.5}.batch-list{margin-left:25px;margin-top:8px}.batch-price-note{background-color:#1e3a5f;border-left:3px solid #2196f3;border-radius:5px;color:#64b5f6;font-size:13px;margin-bottom:10px;padding:8px 12px}.styled-batch{align-items:center;background:#3a3a4d;border-left:4px solid #ffc107;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.batch-info{color:#fff;font-size:.9rem}.batch-actions{display:flex;gap:8px}.batch-actions button{align-items:center;background:none;border:none;color:#bbb;cursor:pointer;display:flex;font-size:14px;gap:4px;transition:color .3s ease}.batch-edit-btn:hover{color:#ffc107}.batch-delete-btn:hover{color:#dc3545}.toggle-batches-btn{background:none;border:none;color:#66b3ff;cursor:pointer;font-size:.9rem;margin-top:5px;transition:color .2s ease}.toggle-batches-btn:hover{color:#4da3ff;text-decoration:underline}.pagination{gap:10px;margin-top:15px}.pagination button{background:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background .3s ease}.pagination button:hover:not(:disabled){background:#666}.pagination button:disabled{cursor:not-allowed;opacity:.4}.error-message{background-color:#dc3545}.error-message,.success-message{word-wrap:break-word;animation:slideIn .3s ease;border-radius:5px;box-shadow:0 2px 4px #0003;font-size:14px;margin-bottom:15px;padding:10px 15px}.success-message{background-color:#28a745}.loading-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:400px}.spinner{border:4px solid #444;border-radius:50%;border-top-color:#ffc107;height:50px;width:50px}.no-items{color:#bbb;font-size:1rem;padding:20px;text-align:center}@media (max-width:768px){.inventory-section{margin:10px;padding:15px}.inventory-header{gap:10px}.inventory-header,.item-details-row{align-items:flex-start;flex-direction:column}.item-details-row{gap:5px}.item-actions{flex-direction:column;gap:8px}.delete-btn,.edit-btn,.price-edit-btn{justify-content:center;width:100%}.price-edit-inline{flex-wrap:wrap;padding:6px}.price-input-inline{width:100px}.error-message,.success-message{font-size:13px;line-height:1.4;margin-bottom:12px;padding:12px}.batch-list{margin-left:10px}.styled-batch{align-items:flex-start;flex-direction:column;gap:8px}.batch-actions{display:flex;justify-content:flex-end;width:100%}.batch-price-note{font-size:12px;padding:6px 10px}.pagination{gap:5px}.pagination button{font-size:13px;padding:8px 10px}}.upload-section{display:flex;flex-direction:column;gap:10px;margin-top:20px}.upload-section input[type=file]{border:1px solid #ccc;border-radius:5px;padding:10px}.upload-section button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.upload-section button:hover{background-color:#0056b3}.upload-message{font-weight:700;margin-top:15px}.update-inventory-dashboard{background-color:#1c1c28;color:#fff;display:flex;font-family:Poppins,sans-serif;min-height:100vh}.update-inventory-main{flex:1 1;overflow-y:auto;padding:40px}.update-inventory-main h2{color:#00b894;font-size:1.8rem;font-weight:600;margin-bottom:25px}.update-inventory-form{grid-gap:18px;background-color:#2b2b3c;border-radius:12px;box-shadow:0 3px 12px #0006;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:25px}.update-inventory-form input,.update-inventory-form select{background-color:#1f1f2e;border:1px solid #444;border-radius:6px;color:#fff;font-size:.95rem;padding:10px 14px;transition:border-color .3s ease;width:100%}.update-inventory-form input:focus,.update-inventory-form select:focus{border-color:#00b894;outline:none}.update-inventory-form input[type=hidden]{display:none}.update-inventory-price{align-items:center;background-color:#1f1f2e;border:1px solid #444;border-radius:6px;display:flex;padding:0 10px;transition:border-color .3s ease}.update-inventory-price span{color:#00b894;font-weight:700;margin-right:8px}.update-inventory-price input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.95rem;outline:none}.update-inventory-error{color:#ff7675;font-size:.85rem;grid-column:span 2;margin-bottom:6px;margin-top:-8px}.update-inventory-success{background-color:#00b894;border-radius:6px;color:#fff;font-size:.9rem;margin-bottom:15px;padding:10px 14px}.input-error{border-color:#ff7675!important}.update-inventory-form button{background-color:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;grid-column:span 2;padding:12px 20px;transition:all .3s ease}.update-inventory-form button:hover{background-color:#01976d;transform:translateY(-1px)}@media (max-width:768px){.update-inventory-form{grid-template-columns:1fr}.update-inventory-main{padding:20px}.update-inventory-form button{grid-column:1}}@media (max-width:480px){.update-inventory-main h2{font-size:1.4rem}}.drug-analytics-layout{background:#f9fafb;display:flex;min-height:100vh}.drug-analytics-container{flex:1 1;padding:20px 30px}.drug-analytics-container h2{color:#111827;font-size:1.6rem;font-weight:700;margin-bottom:20px}.drug-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.drug-stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:20px;text-align:center;transition:transform .2s ease}.drug-stat-card:hover{transform:translateY(-3px)}.drug-stat-card h3{font-size:1.8rem;margin:10px 0}.drug-stat-card p{color:#6b7280;font-size:.95rem}.drug-stat-card.purple{border-top:5px solid #4f46e5}.drug-stat-card.green{border-top:5px solid #22c55e}.drug-stat-card.orange{border-top:5px solid #f59e0b}.drug-stat-card.red{border-top:5px solid #ef4444}.drug-card-icon{font-size:1.6rem;margin-bottom:10px}.drug-charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.drug-chart-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:20px}.drug-chart-card h3{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin-bottom:15px}.drug-analytics-table{border-collapse:collapse;font-size:.95rem;margin-top:10px;width:100%}.drug-analytics-table td,.drug-analytics-table th{border:1px solid #e5e7eb;padding:10px 12px;text-align:left}.drug-analytics-table th{background:#f3f4f6;color:#374151;font-weight:600}.drug-analytics-table tr:nth-child(2n){background:#f9fafb}.drug-error-box{background:#fee2e2;color:#991b1b}.drug-error-box,.drug-success-box{border-radius:8px;margin-bottom:15px;padding:12px 16px}.drug-success-box{background:#dcfce7;color:#166534}.drug-skeleton{animation:drug-skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:12px}@keyframes drug-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ba-layout{background:#f9fafb;display:flex;min-height:100vh}.ba-container{flex:1 1;overflow-y:auto;padding:20px}.ba-container h2{color:#111827;font-size:1.8rem;margin-bottom:20px}.ba-error-box{background:#fee2e2;border-radius:8px;color:#991b1b;font-size:.95rem;margin-bottom:20px;padding:10px 15px}.ba-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:25px;padding:20px}.ba-card h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.4rem;margin-bottom:15px;padding-bottom:5px}.ba-summary{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.ba-summary p{align-items:center;background:#f3f4f6;border-radius:8px;color:#374151;display:flex;font-size:.95rem;gap:6px;padding:8px 12px}.ba-chart-card{margin-bottom:20px}.ba-chart-card h4{align-items:center;color:#374151;display:flex;font-size:1.1rem;gap:6px;margin-bottom:10px}.ba-chart-card p{color:#6b7280;font-size:.9rem}.ba-table{border-collapse:collapse;font-size:.9rem;margin-top:10px;width:100%}.ba-table td,.ba-table th{border:1px solid #e5e7eb;padding:8px 10px;text-align:left}.ba-table th{background:#f3f4f6;font-weight:600}.ba-low-stock-list{color:#374151;font-size:.9rem;list-style:disc;margin-left:20px}.ba-purple{color:#4f46e5}.ba-orange{color:#f59e0b}.ba-red{color:#dc2626}.ba-blue{color:#2563eb}.analytics-layout{background:#f8f9fc;display:flex;font-family:Inter,sans-serif;min-height:100vh}.analytics-container{flex:1 1;overflow-y:auto;padding:20px 30px}h2{color:#1f2937;font-size:1.9rem;font-weight:700;margin-bottom:25px}.cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.stat-card{align-items:center;border-radius:16px;box-shadow:0 6px 14px #0000001a;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:24px;transition:transform .25s ease,box-shadow .25s ease}.stat-card:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-6px) scale(1.02)}.stat-card h3{font-size:2.2rem;font-weight:700;margin:12px 0}.stat-card p{font-size:1rem;opacity:.95}.card-icon{font-size:2.7rem;opacity:.9}.purple{background:linear-gradient(135deg,#4f46e5,#6366f1)}.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.chart-card{background:#fff;border-radius:16px;box-shadow:0 6px 14px #00000014;padding:20px;transition:transform .25s ease,box-shadow .25s ease}.chart-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.chart-card h3{color:#374151;font-weight:600;margin-bottom:16px}.error-box{background:#ffe2e2;color:#b10000;margin-bottom:20px;padding:12px 16px}.loading{font-size:1.2rem;padding:20px;text-align:center}.skeleton{animation:shimmer 1.6s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:16px;min-height:150px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.analytics-layout{flex-direction:column}.analytics-container{padding:15px}h2{font-size:1.5rem}.charts-grid{grid-template-columns:1fr}.stat-card h3{font-size:1.8rem}}.pbp-page-container{background-color:#f9fafb;color:#1f2937;display:flex;font-family:Inter,Helvetica,Arial,sans-serif;min-height:100vh}.pbp-content{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:30px 50px}.pbp-title{color:#111827;font-size:32px;font-weight:700;margin-bottom:30px;text-align:center}.pbp-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:650px;padding:30px 35px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.pbp-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.pbp-card p{color:#4b5563;font-size:16px;line-height:1.6;margin-bottom:14px}.pbp-card strong{color:#111827}.pbp-btn-group{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.pbp-delete-btn,.pbp-edit-btn{padding:10px 18px}.pbp-delete-btn{background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;transition:background .2s ease,transform .2s ease}.pbp-delete-btn:hover{background-color:#dc2626;transform:translateY(-2px)}.pbp-error{color:#ef4444;font-size:16px;font-weight:600;margin-top:20px;text-align:center}.pbp-loading,.pbp-no-data{color:#6b7280;font-size:18px;text-align:center}@media screen and (max-width:768px){.pbp-content{padding:20px}.pbp-card{padding:25px 20px}.pbp-title{font-size:26px}}.pbp-card label{color:#374151;display:flex;flex-direction:column;font-weight:500;margin-bottom:15px}.pbp-card input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;margin-top:5px;padding:10px 12px;transition:border .2s ease}.pbp-card input:focus{border-color:#3b82f6;outline:none}.pbp-edit-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s ease,transform .2s ease}.pbp-edit-btn:hover{background-color:#2563eb;transform:translateY(-2px)}.pbp-success{color:#16a34a;font-weight:600;margin-top:15px;text-align:center}.pbpr-page-container{background-color:#1a1a2e;display:flex;min-height:100vh}.pbpr-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px;position:relative;z-index:1}.pbpr-form-container{background-color:#2c2c3c;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;flex-direction:column;gap:15px;max-width:500px;padding:25px;position:relative;width:100%;z-index:2}.pbpr-form-container h3{margin-bottom:20px;text-align:center}.pbpr-form-container form{display:flex;flex-direction:column;gap:15px}.pbpr-form-container input{background-color:#1e1e2f;border:none;border-radius:6px;color:#fff;font-size:14px;padding:12px}.pbpr-form-container button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px}.pbpr-form-container button:hover{background-color:#0056b3}.pbpr-error-message,.pbpr-success-message{border-radius:5px;font-weight:700;margin-top:15px;padding:10px;text-align:center}.pbpr-error-message{background-color:#f3cccc;color:#8b0000}.pbpr-success-message{background-color:#28a745;color:#fff}.pbpr-password-wrapper{position:relative}.pbpr-password-wrapper input{padding-right:40px;width:100%}.pbpr-password-toggle-icon{color:#ccc;cursor:pointer;font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@media screen and (max-width:600px){.pbpr-form-container{padding:20px;width:90%}.pbpr-page-container{flex-direction:column}}.updatebatch-dashboard-container{background-color:#1c1c28;color:#fff;display:flex;font-family:Poppins,sans-serif;min-height:100vh}.updatebatch-main-dashboard{flex:1 1;overflow-y:auto;padding:40px}.updatebatch-main-dashboard h2{color:#00b894;font-size:1.8rem;font-weight:600;margin-bottom:25px}.updatebatch-form{background-color:#2b2b3c;border-radius:12px;box-shadow:0 3px 12px #0006;display:flex;flex-direction:column;gap:15px;max-width:500px;padding:25px}.updatebatch-form label{font-weight:500;margin-bottom:4px}.updatebatch-form input{background-color:#1f1f2e;border:1px solid #444;border-radius:6px;color:#fff;font-size:.95rem;padding:10px 14px;transition:border-color .3s ease;width:100%}.updatebatch-form input:focus{border-color:#00b894;outline:none}.updatebatch-error-message{color:#ff7675;font-size:.85rem;margin-bottom:6px;margin-top:-8px}.updatebatch-success-message{background-color:#00b894;border-radius:6px;color:#fff;font-size:.9rem;margin-bottom:15px;padding:10px 14px}.updatebatch-form button{background-color:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.updatebatch-form button:hover{background-color:#01976d;transform:translateY(-1px)}.updatebatch-form button:disabled{background-color:#555;cursor:not-allowed}@media (max-width:768px){.updatebatch-main-dashboard{padding:20px}.updatebatch-form{max-width:100%}}.pos-layout{background:#1e1e2f;display:flex;min-height:100vh}.pos-container{background:#1e1e2f;color:#fff;flex:1 1;overflow-y:auto;padding:25px}.pos-container h2{border-bottom:1px solid #444;color:#ffc107;font-size:1.6rem;margin-bottom:20px;padding-bottom:10px}.pos-nav-menu{border-bottom:2px solid #444;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:15px}.nav-btn{font-size:.95rem;padding:10px 20px}.error-text{background:#2c2c3c;border-radius:6px;color:#f44;margin-bottom:15px;padding:10px}.pos-search{background:#2c2c3c;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:20px;padding:12px 15px;width:100%}.pos-search::placeholder{color:#aaa}.pos-search:focus{border-color:#ffc107;outline:none}.pos-body{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.pos-cart,.pos-inventory{background:#2c2c3c;border-radius:10px;box-shadow:0 2px 6px #0000004d;max-height:600px;min-height:300px;overflow-y:auto;padding:20px}.pos-cart h3,.pos-inventory h3{border-bottom:1px solid #444;color:#ffc107;font-size:1.1rem;margin-bottom:15px;padding-bottom:8px}.pos-cart p,.pos-inventory p{color:#aaa;font-size:.95rem}.cart-item,.pos-item{align-items:center;background:#1e1e2f;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:10px;transition:all .2s ease}.pos-item:hover{background:#252535}.cart-item button,.pos-item button{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:8px 15px;transition:all .2s ease}.pos-item button{background:#28a745;color:#fff}.pos-item button:hover{background:#218838}.pos-item button:disabled{background:#6c757d;cursor:not-allowed}.cart-item button{background:#dc3545;color:#fff}.cart-item button:hover{background:#c82333}.cart-item input{background:#1e1e2f;border:1px solid #444;border-radius:5px;color:#fff;margin-right:5px;padding:5px;text-align:center;width:60px}.cart-total{border-top:2px solid #444;color:#ffc107;font-size:1.2rem;margin-top:15px;padding-top:10px;text-align:right}.cart-checkout-btn{background:#ffc107;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;margin-top:15px;padding:12px 0;transition:all .3s ease;width:100%}.cart-checkout-btn:hover{background:#ffb300;transform:translateY(-2px)}.cart-checkout-btn:active{transform:scale(.98)}.cart-checkout-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.pos-report-view{background:#2c2c3c;border-radius:10px;margin-top:20px;padding:20px}.pos-report-view h3{border-bottom:2px solid #444;color:#ffc107;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-input{background:#1e1e2f;border:1px solid #444;border-radius:6px;color:#fff;flex:1 1;font-size:.95rem;min-width:200px;padding:10px 15px}.filter-input::placeholder{color:#aaa}.filter-input:focus{border-color:#ffc107;outline:none}.clear-filter-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.clear-filter-btn:hover{background:#c82333;transform:translateY(-2px)}.pagination{align-items:center;background:#1e1e2f;border-radius:8px;display:flex;gap:15px;justify-content:center;margin-top:25px;padding:15px}.pagination-btn{background:#ffc107;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#ffb300;transform:translateY(-2px)}.pagination-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.pagination-info{color:#fff;font-size:.95rem;font-weight:500}.history-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.history-card{background:#1e1e2f;border-left:4px solid #ffc107;border-radius:8px;padding:15px;transition:all .2s ease}.history-card:hover{box-shadow:0 4px 12px #ffc10733;transform:translateY(-3px)}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.history-header strong{color:#ffc107}.history-status{background:#28a745;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:3px 10px}.history-date{color:#aaa;font-size:.85rem;margin-bottom:8px}.history-user-info{background:#ffffff0d;border-radius:4px;font-size:.85rem;margin:10px 0;padding:8px}.history-user-info p{color:#ddd;margin:4px 0}.sold-by strong{color:#28a745}.voided-by{color:#dc3545!important}.voided-by strong{color:#dc3545}.history-financial{background:#ffffff08;border-radius:4px;margin:10px 0;padding:10px}.history-total{color:#fff;font-size:1.1rem;font-weight:600;margin:5px 0}.history-cost{color:#ff9800;font-size:.95rem;margin:5px 0}.history-profit{font-size:1rem;font-weight:600;margin:5px 0}.profit-positive{color:#28a745}.profit-negative{color:#dc3545}.history-items{border-top:1px solid #444;list-style:none;margin:10px 0 0;padding:10px 0 0}.history-items li{align-items:center;color:#bbb;display:flex;flex-wrap:wrap;font-size:.9rem;gap:5px;justify-content:space-between;padding:5px 0}.item-name{flex:1 1;min-width:120px}.item-price{color:#fff;font-weight:500}.item-profit{background:#28a74526;border-radius:4px;font-size:.85rem;font-weight:600;padding:2px 6px}.reprint-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:12px;padding:10px;transition:all .2s ease;width:100%}.reprint-btn:hover{background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.reprint-btn:active{transform:translateY(0)}.history-actions{display:flex;gap:8px;margin-top:12px}.history-actions .reprint-btn{flex:1 1;margin-top:0}.void-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px;transition:all .2s ease}.void-btn:hover{background:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-2px)}.void-btn:active{transform:translateY(0)}.status-voided{background:#6c757d!important}.history-card.voided{border-left-color:#6c757d;opacity:.7}.report-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.report-card{background:#1e1e2f;border:2px solid #444;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.report-card:hover{border-color:#ffc107;transform:translateY(-5px)}.report-card h4{color:#aaa;font-size:.95rem;margin-bottom:10px}.report-value{color:#ffc107;font-size:2rem;font-weight:700}.report-value.cost-value{color:#ff9800}.report-value.profit-positive{color:#28a745}.report-value.profit-negative{color:#dc3545}.profit-period-selector{background:#1e1e2f;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:25px;padding:15px}.period-btn{background:#2c2c3c;border:2px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.period-btn:hover{background:#3c3c4c;border-color:#ffc107;transform:translateY(-2px)}.period-btn.active{background:#ffc107;border-color:#ffc107;box-shadow:0 4px 12px #ffc1074d;color:#000}.custom-date-selector{background:#1e1e2f;border-radius:8px;margin-bottom:25px;padding:20px}.date-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.date-input-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.date-input-group label{color:#ffc107;font-size:.9rem;font-weight:600}.search-date-btn{height:fit-content;padding:10px 30px}.profit-period-title{color:#ffc107;font-size:1.3rem;font-weight:600;margin:25px 0 20px;text-align:center}.top-items-section{margin-top:40px}.top-items-section h4{color:#ffc107;font-size:1.2rem;margin-bottom:20px;text-align:center}.top-items-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.top-item-card{background:#1e1e2f;border-left:4px solid #28a745;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .2s ease}.top-item-card:hover{box-shadow:0 4px 12px #28a74533;transform:translateY(-3px)}.top-item-rank{align-items:center;color:#ffc107;display:flex;font-size:2rem;font-weight:700;justify-content:center;min-width:50px}.top-item-info{flex:1 1}.top-item-info strong{color:#fff;display:block;font-size:1.05rem;margin-bottom:8px}.top-item-info p{color:#aaa;font-size:.9rem;margin:4px 0}.no-data-message{color:#aaa;font-size:1.1rem;padding:40px}.info-message,.no-data-message{background:#1e1e2f;border-radius:8px;margin-top:20px;text-align:center}.info-message{border:2px solid #444;padding:30px}.info-message p{color:#fff;font-size:1.1rem;margin:10px 0}.info-note{background:#ffc1071a;border-left:4px solid #ffc107;border-radius:6px;color:#ffc107!important;font-size:.95rem!important;margin-top:20px!important;padding:15px}.outofstock-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.outofstock-card{background:#1e1e2f;border-left:4px solid #dc3545;border-radius:8px;padding:15px;transition:all .2s ease}.outofstock-card:hover{box-shadow:0 4px 12px #dc354533;transform:translateY(-3px)}.outofstock-card strong{color:#fff;display:block;font-size:1.05rem;margin-bottom:8px}.outofstock-card p{color:#aaa;margin:5px 0}.out-badge{background:#dc3545;border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-top:8px;padding:4px 10px}.lowstock-card{background:#1e1e2f;border-left:4px solid #ff9800;border-radius:8px;padding:15px;transition:all .2s ease}.lowstock-card:hover{box-shadow:0 4px 12px #ff980033;transform:translateY(-3px)}.lowstock-card strong{color:#fff;display:block;font-size:1.05rem;margin-bottom:8px}.lowstock-card p{color:#aaa;margin:5px 0}.stock-quantity{font-weight:500;margin:8px 0}.low-stock-value{color:#ff9800;font-size:1.1rem;font-weight:700}.low-badge{background:#ff9800;border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-top:8px;padding:4px 10px}.expiring-card{background:#1e1e2f;border-left:4px solid #ffc107;border-radius:8px;padding:15px;transition:all .2s ease}.expiring-card:hover{box-shadow:0 4px 12px #ffc10733;transform:translateY(-3px)}.expiring-card strong{color:#fff;display:block;font-size:1.05rem;margin-bottom:8px}.expiring-card p{color:#aaa;margin:5px 0}.expiry-date{color:#ffc107;font-weight:500;margin:8px 0}.expiry-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-top:8px;padding:4px 10px}@media (max-width:768px){.pos-layout{flex-direction:column}.pos-body{grid-template-columns:1fr}.cart-checkout-btn{width:100%}.pos-nav-menu{flex-direction:column}.nav-btn{width:100%}.history-grid,.outofstock-grid,.report-cards{grid-template-columns:1fr}.filter-controls{flex-direction:column}.filter-input{width:100%}.pagination{flex-direction:column;gap:10px}.pagination-btn{width:100%}}.receipt-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.receipt-modal-content{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.receipt-close-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:35px;z-index:10}.receipt-close-btn:hover{background:#c82333;transform:scale(1.1)}.receipt-content{color:#000;font-family:Courier New,monospace;padding:40px 30px 20px}.receipt-header{border-bottom:2px dashed #000;margin-bottom:20px;padding-bottom:15px;text-align:center}.receipt-header h2{color:#000;font-size:1.5rem;font-weight:700;margin:0 0 10px}.receipt-header p{color:#333;font-size:.9rem;margin:5px 0}.voided-stamp{background:#dc35451a;border:4px solid #dc3545;color:#dc3545;font-size:2.5rem;font-weight:700;letter-spacing:10px;margin:20px 0;padding:15px;text-align:center;transform:rotate(-15deg)}.receipt-info{font-size:.95rem;margin-bottom:20px}.receipt-info p{color:#000;margin:8px 0}.receipt-info strong{font-weight:700;margin-right:5px}.receipt-content table{border-collapse:collapse;margin-bottom:20px;width:100%}.receipt-content td,.receipt-content th{border-bottom:1px solid #ddd;font-size:.9rem;padding:8px 5px;text-align:left}.receipt-content th{border-bottom:2px solid #000;font-weight:700}.receipt-content td{color:#333}.receipt-total{border-top:2px solid #000;margin-top:10px;padding-top:15px;text-align:right}.receipt-total p{color:#000;font-size:1.3rem;font-weight:700;margin:0}.receipt-footer{border-top:2px dashed #000;color:#555;font-size:.85rem;margin-top:25px;padding-top:15px;text-align:center}.receipt-footer p{margin:5px 0}.receipt-meta{border-top:1px solid #ddd;color:#777;font-size:.8rem;margin-top:20px;padding-top:15px}.receipt-meta p{margin:5px 0}.receipt-actions{background:#f8f9fa;border-top:1px solid #ddd;display:flex;gap:10px;padding:20px}.receipt-cancel-btn,.receipt-print-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px;transition:all .2s ease}.receipt-print-btn{background:#28a745;color:#fff}.receipt-print-btn:hover{background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.receipt-cancel-btn{background:#6c757d;color:#fff}.receipt-cancel-btn:hover{background:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}@media (max-width:768px){.receipt-modal-content{margin:10px;max-width:95%}.receipt-content{padding:35px 20px 15px}.receipt-header h2{font-size:1.3rem}.voided-stamp{font-size:2rem;letter-spacing:5px}.receipt-content table{font-size:.85rem}.receipt-actions{flex-direction:column}.receipt-cancel-btn,.receipt-print-btn{width:100%}}@media print{.receipt-modal-overlay{background:#fff}.receipt-actions,.receipt-close-btn{display:none}.receipt-modal-content{box-shadow:none;max-height:none}}.sales-history-container{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;padding:20px}.sale-card{border:1px solid #ccc;border-radius:6px;margin-bottom:15px;padding:15px}.sale-header{display:flex;flex-wrap:wrap;font-weight:500;justify-content:space-between;margin-bottom:10px}.sale-items{border-top:1px dashed #aaa;padding-top:10px}.sale-item{display:flex;justify-content:space-between;margin-bottom:6px}.sales-filters{display:flex;gap:12px;margin-bottom:16px}.sales-filters input{border:1px solid #ccc;border-radius:6px;padding:8px}.staff-layout{background:#1e1e2f;display:flex;min-height:100vh}.staff-container{background:#1e1e2f;color:#fff;flex:1 1;overflow-y:auto;padding:25px}.staff-container h2{border-bottom:2px solid #444;color:#ffc107;font-size:1.8rem;margin-bottom:20px;padding-bottom:10px}.staff-nav-menu{border-bottom:2px solid #444;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;padding-bottom:15px}.nav-btn{background:#2c2c3c;border:2px solid #0000;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.nav-btn:hover{background:#3c3c4c;transform:translateY(-2px)}.nav-btn.active{background:#ffc107;border-color:#ffc107;color:#000;font-weight:600}.error-message,.success-message{font-weight:500;padding:12px 20px}.success-message{background:#28a745;border-radius:6px;color:#fff;margin-bottom:20px}.search-bar{background:#2c2c3c;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;padding:15px}.search-input{background:#1e1e2f;border:1px solid #444;border-radius:6px;color:#fff;flex:1 1;font-size:1rem;min-width:250px;padding:12px 15px}.search-input::placeholder{color:#aaa}.search-input:focus{border-color:#ffc107;outline:none}.search-btn{background:#ffc107;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .2s ease}.search-btn:hover{background:#ffb300;transform:translateY(-2px)}.clear-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .2s ease}.clear-btn:hover{background:#c82333;transform:translateY(-2px)}.empty-state{background:#2c2c3c;border-radius:10px;margin-top:20px;padding:60px 20px;text-align:center}.empty-state p{color:#aaa;font-size:1.2rem;margin-bottom:20px}.add-first-btn{background:#ffc107;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 40px;transition:all .3s ease}.add-first-btn:hover{background:#ffb300;box-shadow:0 4px 12px #ffc1074d;transform:translateY(-3px)}.staff-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.staff-card{background:#2c2c3c;border-left:4px solid #ffc107;border-radius:10px;padding:20px;transition:all .3s ease}.staff-card:hover{box-shadow:0 6px 20px #ffc10733;transform:translateY(-5px)}.staff-header{border-bottom:1px solid #444;gap:15px;margin-bottom:20px;padding-bottom:15px}.staff-avatar,.staff-header{align-items:center;display:flex}.staff-avatar{background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;color:#000;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;width:60px}.staff-info h3{color:#fff;font-size:1.2rem;margin:0 0 8px}.role-badge{font-size:.75rem;padding:4px 12px}.location-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px}.location-main{background:#ffc10733;border-left:3px solid #ffc107;color:#ffc107;padding-left:10px}.location-branch{background:#28a74533;border-left:3px solid #28a745;color:#28a745;padding-left:10px}.role-inventory{background:#6f42c1;color:#fff}.role-sales{background:#ffc107;color:#000}.staff-details{margin-bottom:15px}.staff-details p{color:#ddd;font-size:.9rem;margin:8px 0}.status-active{color:#28a745;font-weight:600}.status-inactive{color:#dc3545;font-weight:600}.staff-permissions{background:#ffc1070d;border-radius:6px;margin:15px 0;padding:12px}.staff-permissions strong{color:#ffc107;display:block;margin-bottom:8px}.permissions-list{display:flex;flex-wrap:wrap;gap:6px}.permission-tag{background:#444;border-radius:12px;color:#ddd;font-size:.75rem;padding:4px 10px}.permission-tag.more{background:#ffc107;color:#000;font-weight:600}.staff-actions{border-top:1px solid #444;display:flex;gap:10px;margin-top:15px;padding-top:15px}.view-btn{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px 12px;transition:all .2s ease}.view-btn:hover{background:#138496;transform:translateY(-2px)}.permission-btn{background:#9b59b6;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px 12px;transition:all .2s ease}.permission-btn:hover{background:#8e44ad;box-shadow:0 4px 8px #9b59b64d;transform:translateY(-2px)}.permission-btn:active{transform:translateY(0)}.edit-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .2s ease}.edit-btn:hover{background:#218838;transform:translateY(-2px)}.delete-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .2s ease}.delete-btn:hover{background:#c82333;transform:translateY(-2px)}.staff-form-view{background:#2c2c3c;border-radius:10px;margin:20px auto;max-width:700px;padding:30px}.staff-form-view h3{border-bottom:2px solid #444;color:#ffc107;font-size:1.5rem;margin-bottom:25px;padding-bottom:10px}.edit-info{background:#ffc1071a;border-left:4px solid #ffc107;border-radius:6px;margin-bottom:20px;padding:15px}.edit-info p{color:#fff;margin:8px 0}.staff-form{gap:20px}.form-group,.staff-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#ffc107;font-size:.95rem;font-weight:600}.form-group input,.form-group select{background:#1e1e2f;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;padding:12px 15px}.form-group input::placeholder{color:#777}.form-group input:focus,.form-group select:focus{border-color:#ffc107;outline:none}.form-group select option{background:#1e1e2f;color:#fff}.form-hint{color:#999;display:block;font-size:.8rem;margin-top:5px}.checkbox-group{align-items:center;flex-direction:row}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-group input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-group span{color:#fff;font-weight:400}.info-box{background:#ffc1071a;border-left:4px solid #ffc107;border-radius:6px;color:#ffc107;margin:15px 0;padding:15px}.info-box strong{display:block;margin-bottom:5px}.permissions-group{background:#9b59b614;border:2px solid #9b59b6;border-radius:8px;display:flex;flex-direction:column;margin-top:25px;padding:20px}.permissions-group>label{color:#9b59b6;display:block;font-size:1rem;font-weight:700;margin-bottom:8px}.permission-hint{color:#999;font-size:.85rem;font-style:italic;margin:0 0 15px}.creation-permissions-grid{grid-gap:12px;background:#2c2c3c99;border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:15px;padding:12px}.permission-checkbox-inline{align-items:center;background:#2c2c3c;border-left:3px solid #9b59b6;border-radius:6px;display:flex;gap:10px;height:auto;justify-content:flex-start;min-height:44px;padding:10px 12px;transition:all .2s ease}.permission-checkbox-inline:hover{background:#333;border-left-color:#b573c9;box-shadow:0 2px 4px #9b59b633}.permission-checkbox-inline input[type=checkbox]{accent-color:#9b59b6;cursor:pointer;flex-shrink:0;height:18px;margin:0;max-height:18px;max-width:18px;min-height:18px;min-width:18px;padding:0;vertical-align:middle;width:18px}.permission-checkbox-inline label{align-items:center;color:#ddd;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;height:100%;margin:0;padding:0;-webkit-user-select:none;user-select:none}.permission-checkbox-inline input[type=checkbox]:checked{background-color:#9b59b6;border-color:#9b59b6}.permission-checkbox-inline:hover label{color:#9b59b6;font-weight:600}.permissions-checkboxes{grid-gap:12px;background:#9b59b60d;border-left:4px solid #9b59b6;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:15px}.permission-checkbox{align-items:center;background:#0000;border-radius:6px;display:flex;gap:10px;height:auto;justify-content:flex-start;min-height:40px;padding:10px;transition:all .2s ease}.permission-checkbox:hover{background:#9b59b61a}.permission-checkbox input[type=checkbox]{accent-color:#9b59b6;cursor:pointer;flex-shrink:0;height:18px;margin:0;max-height:18px;max-width:18px;min-height:18px;min-width:18px;padding:0;vertical-align:middle;width:18px}.permission-checkbox label{align-items:center;color:#ddd;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;height:100%;margin:0;padding:0;-webkit-user-select:none;user-select:none}.permission-checkbox input[type=checkbox]:hover{cursor:pointer;transform:scale(1.1)}.permission-checkbox:hover label{color:#9b59b6;font-weight:600}.selected-creation-permissions{background:#28a7451a;border-left:4px solid #28a745;border-radius:6px;margin-top:15px;padding:12px}.selection-count{color:#28a745;font-size:.9rem;margin:0 0 10px}.selection-count strong{color:#28a745;font-weight:700}.selected-creation-list{display:flex;flex-wrap:wrap;gap:8px}.selected-creation-tag{align-items:center;animation:slideIn .2s ease;background:#28a745;border-radius:16px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.selected-permissions{border-top:1px solid #444;margin-top:20px;padding-top:20px}.selected-permissions h4{color:#28a745;display:block;font-size:1rem;margin:0 0 15px}.selected-list{display:flex;flex-wrap:wrap;gap:8px}.selected-tag{animation:slideIn .2s ease;background:#28a745;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;padding:8px 12px}.remove-btn,.selected-tag{align-items:center;color:#fff}.remove-btn{background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:16px;justify-content:center;margin-left:4px;padding:0;transition:all .2s ease;width:16px}.remove-btn:hover{opacity:.8;transform:scale(1.2)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#2c2c3c;border:2px solid #9b59b6;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#fff;font-size:1.3rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.modal-close:hover{background:#fff3}.modal-body{color:#fff;padding:25px}.staff-name{color:#ddd;font-size:1rem;margin:0 0 10px}.staff-role{color:#9b59b6;font-size:.95rem;margin:0 0 20px}.permissions-section{margin-bottom:25px}.permissions-section h4{color:#9b59b6;display:block;font-size:1rem;margin:0 0 15px}.modal-footer{background:#9b59b60d;border-top:1px solid #444;display:flex;gap:10px;padding:20px}.modal-cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;transition:all .2s ease}.modal-cancel-btn:hover{background:#5a6268}.modal-submit-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;transition:all .2s ease}.modal-submit-btn:hover:not(:disabled){background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.modal-submit-btn:disabled{cursor:not-allowed;opacity:.6}.form-actions{display:flex;gap:15px;margin-top:10px}.submit-btn{background:#ffc107;border:none;border-radius:6px;color:#000;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:14px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:#ffb300;box-shadow:0 4px 12px #ffc1074d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:14px;transition:all .3s ease}.cancel-btn:hover{background:#5a6268;transform:translateY(-2px)}.permission-checkbox input[type=checkbox]:focus,.permission-checkbox-inline input[type=checkbox]:focus{outline:2px solid #9b59b6;outline-offset:2px}@media (prefers-reduced-motion:reduce){.permission-checkbox,.permission-checkbox-inline,.selected-creation-tag,.selected-tag{animation:none;transition:none}}@media (max-width:768px){.staff-layout{flex-direction:column}.staff-container{padding:15px}.staff-nav-menu{flex-direction:column}.nav-btn{width:100%}.search-bar{flex-direction:column}.clear-btn,.search-btn,.search-input{width:100%}.staff-grid{grid-template-columns:1fr}.staff-form-view{padding:20px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.creation-permissions-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.permissions-checkboxes{grid-template-columns:1fr}.permission-checkbox,.permission-checkbox-inline{min-height:40px;padding:10px}.permission-checkbox label,.permission-checkbox-inline label{font-size:.85rem}.modal-content{max-height:90vh;width:95%}.modal-header h3{font-size:1.1rem}.selected-creation-list,.selected-list{gap:6px}.selected-creation-tag,.selected-tag{font-size:.75rem;padding:4px 8px}}.profile-layout{background:#1e1e2f;display:flex;min-height:100vh}.profile-container{background:#1e1e2f;color:#fff;flex:1 1;margin:0 auto;max-width:1200px;overflow-y:auto;padding:25px;width:100%}.back-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:20px;padding:10px 20px;transition:all .2s ease}.back-btn:hover{background:#5a6268;transform:translateY(-2px)}.loading-text{color:#ffc107;font-size:1.1rem;padding:40px;text-align:center}.error-message{background:#dc3545;border-radius:6px;color:#fff;margin-bottom:20px;padding:15px 20px}.error-message,.profile-card{display:block;visibility:visible}.profile-card{background:#2c2c3c;border-left:4px solid #ffc107;border-radius:10px;padding:30px}.profile-header{align-items:flex-start;border-bottom:1px solid #444;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;color:#000;display:flex;flex-shrink:0;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;width:100px}.profile-header-content{flex:1 1}.profile-header-content h2{color:#fff;font-size:1.8rem;margin:0 0 10px}.role-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;margin-right:10px;padding:6px 15px;text-transform:uppercase}.role-manager{background:#ff9800;color:#fff}.role-pharmacist{background:#28a745;color:#fff}.role-cashier{background:#17a2b8;color:#fff}.role-inventory_manager{background:#6f42c1;color:#fff}.role-sales_clerk{background:#ffc107;color:#000}.role-default{background:#6c757d;color:#fff}.status-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:6px 15px}.status-badge.status-active{background:#28a74533;border:1px solid #28a745;color:#28a745}.status-badge.status-inactive{background:#dc354533;border:1px solid #dc3545;color:#dc3545}.profile-section{border-bottom:1px solid #444;display:block;margin-bottom:25px;padding-bottom:20px}.profile-section:last-child{border-bottom:none;margin-bottom:0}.profile-section h4{color:#ffc107;display:block;font-size:1.1rem;margin:0 0 15px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:#ffc1070d;border-left:3px solid #ffc107;border-radius:6px;padding:12px}.info-item label{color:#ffc107;display:block;font-size:.75rem;font-weight:600;margin-bottom:5px;text-transform:uppercase}.info-item p{color:#fff;font-size:.95rem;margin:0}.text-active{color:#28a745;font-weight:600}.text-inactive{color:#dc3545;font-weight:600}.location-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.location-card{border-left:4px solid;border-radius:6px;display:block;padding:15px}.location-card h5{display:block;font-size:.9rem;margin:0 0 10px}.pharmacy-card{background:#17a2b80d;border-left-color:#17a2b8}.pharmacy-card h5{color:#17a2b8}.branch-card{background:#28a7450d;border-left-color:#28a745}.branch-card h5{color:#28a745}.main-card{background:#ffc1070d;border-left-color:#ffc107}.main-card h5{color:#ffc107}.location-name{color:#fff;font-size:1rem;font-weight:600;margin:8px 0}.location-detail{color:#ddd;font-size:.85rem;font-style:italic;margin:5px 0}.location-id{color:#aaa;font-size:.8rem;margin:8px 0}.location-note{color:#ddd;font-size:.9rem;font-style:italic;margin:0}.location-type-badge{border-radius:6px;display:block;font-weight:600;margin-top:10px;padding:10px 15px;text-align:center}.location-type-badge.main_pharmacy{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.location-type-badge.branch{background:#28a74533;border:1px solid #28a745;color:#28a745}.owner-card{background:#ffc1071a;border:2px solid #ffc107;border-radius:6px;display:flex;gap:15px;padding:15px}.owner-avatar{align-items:center;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;color:#000;display:flex;flex-shrink:0;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;width:60px}.owner-details{flex:1 1}.owner-details p{color:#ddd;margin:5px 0}.owner-name{color:#ffc107;font-size:1.1rem;font-weight:600;margin:0 0 8px}.permissions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.permission-item{background:#444;border-left:3px solid #28a745;border-radius:4px;color:#28a745;font-size:.9rem;padding:10px 12px}.no-permissions{color:#aaa;font-style:italic}@media (max-width:768px){.profile-layout{flex-direction:column}.profile-container{padding:15px}.profile-card{padding:20px}.profile-header{align-items:center;flex-direction:column;text-align:center}.profile-header-content h2{font-size:1.5rem}.info-grid,.location-cards{grid-template-columns:1fr}.owner-card{align-items:center;flex-direction:column;text-align:center}.permissions-grid{grid-template-columns:1fr}}:root{--bg-base:#f0ede8;--bg-card:#faf9f7;--bg-card-alt:#f5f3ef;--bg-inset:#ede9e3;--accent:#2c5f8a;--accent-light:#e8f0f8;--accent-mid:#3d7ab5;--success:#2d7a4f;--success-light:#e6f4ec;--warning:#9a6c00;--warning-light:#fdf5e0;--danger:#b53535;--danger-light:#fbeaea;--info:#1a6a7a;--info-light:#e4f4f7;--text-primary:#1e1e1e;--text-secondary:#4a4a4a;--text-muted:#7a7875;--border:#ddd8d0;--border-strong:#c8c2b9;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #00000017;--shadow-lg:0 8px 32px #0000001f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--font-display:"Sora",sans-serif;--font-body:"DM Sans",sans-serif;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box}.subscription-layout{background:#f0ede8;background:var(--bg-base);color:#1e1e1e;color:var(--text-primary);display:flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);min-height:100vh}.subscription-container{animation:fadeUp .45s cubic-bezier(.4,0,.2,1) both;background:#faf9f7;background:var(--bg-card);border:1px solid #ddd8d0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);flex:1 1;margin:2rem auto;max-width:940px;padding:2.5rem 2.5rem 3rem;text-align:center;width:100%}.subscription-container h2{color:#1e1e1e;color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.3px;margin-bottom:1.5rem}.subscription-container h2,.subscription-container h3{font-family:Sora,sans-serif;font-family:var(--font-display)}.subscription-container h3{color:#4a4a4a;color:var(--text-secondary);font-weight:600;margin-bottom:.5rem;margin-top:1.5rem}.error-box{background:#fbeaea;background:var(--danger-light);border-left:4px solid #b53535;border-left:4px solid var(--danger);color:#b53535;color:var(--danger)}.error-box,.success-box{animation:slideDown .3s ease-out;border-radius:10px;border-radius:var(--radius-md);font-size:.925rem;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.25rem;text-align:left}.success-box{background:#e6f4ec;background:var(--success-light);border-left:4px solid #2d7a4f;border-left:4px solid var(--success);color:#2d7a4f;color:var(--success)}.current-sub{background:#e8f0f8;background:var(--accent-light);border:1.5px solid #2c5f8a;border:1.5px solid var(--accent);border-radius:14px;border-radius:var(--radius-lg);margin:1.5rem 0;padding:1.5rem;text-align:left}.current-sub h3{color:#2c5f8a;color:var(--accent);font-family:Sora,sans-serif;font-family:var(--font-display);font-size:1.2rem;margin:0 0 1rem}.current-sub p{color:#4a4a4a;color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:.5rem 0}.current-sub strong{color:#2c5f8a;color:var(--accent);font-weight:600}.pending-subs{background:#fdf5e0;background:var(--warning-light);border:1px solid #e8d28a;border-radius:14px;border-radius:var(--radius-lg);margin:1.5rem 0;padding:1rem}.pending-subs h3{color:#9a6c00;color:var(--warning);font-family:Sora,sans-serif;font-family:var(--font-display);margin:0 0 1rem}.pending-sub-card{background:#faf9f7;background:var(--bg-card);border:1px solid #e8d28a;border-left:4px solid #c99b00;border-radius:10px;border-radius:var(--radius-md);margin-bottom:.75rem;padding:1rem;text-align:left}.pending-sub-card p{color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.plans{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin:2rem 0}.plan-card{background:#faf9f7;background:var(--bg-card);border:1.5px solid #ddd8d0;border:1.5px solid var(--border);cursor:pointer;flex-basis:calc(33.333% - 1rem);flex-grow:0;flex-shrink:1;max-width:185px;min-width:150px;overflow:hidden;padding:1.5rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.plan-card,.plan-card:after{border-radius:14px;border-radius:var(--radius-lg)}.plan-card:after{background:linear-gradient(135deg,#2c5f8a0a,#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.plan-card:hover{border-color:#3d7ab5;border-color:var(--accent-mid);box-shadow:0 6px 24px #2c5f8a24;transform:translateY(-3px)}.plan-card:hover:after{opacity:1}.plan-card.selected{background:#e8f0f8;background:var(--accent-light);border-color:#2c5f8a;border-color:var(--accent);border-width:2px;box-shadow:0 8px 28px #2c5f8a2e;transform:translateY(-3px)}.plan-card h3{color:#1e1e1e;color:var(--text-primary);font-family:Sora,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.plan-card p{color:#7a7875;color:var(--text-muted);font-size:.875rem;margin:.3rem 0}.plan-card p:first-of-type{color:#2c5f8a;color:var(--accent);font-family:Sora,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin:.5rem 0}.plan-details{animation:slideDown .3s ease-out;background:#e8f0f8;background:var(--accent-light);border:1.5px solid #2c5f8a40;border-radius:14px;border-radius:var(--radius-lg);margin:1.5rem 0;padding:1.5rem;text-align:left}.plan-details h3{color:#2c5f8a;color:var(--accent);font-family:Sora,sans-serif;font-family:var(--font-display);font-size:1.1rem;margin:0 0 1rem}.plan-details ul{list-style:none;margin:0;padding:0}.plan-details li{border-bottom:1px solid #2c5f8a1a;color:#4a4a4a;color:var(--text-secondary);font-size:.9rem;line-height:1.5;padding:.65rem 0 .65rem 2rem;position:relative}.plan-details li:last-child{border-bottom:none}.plan-details li:before{color:#2c5f8a;color:var(--accent);content:"✓";font-size:1rem;font-weight:700;left:0;position:absolute}.months{background:#f5f3ef;background:var(--bg-card-alt);border:1px solid #ddd8d0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);margin:1.5rem 0;padding:1.25rem}.months label{align-items:center;color:#4a4a4a;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:500;gap:1rem;justify-content:center}.months input{background:#faf9f7;background:var(--bg-card);border:1.5px solid #ddd8d0;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1e1e1e;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:1rem;padding:.6rem .75rem;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100px}.months input:hover{border-color:#3d7ab5;border-color:var(--accent-mid)}.months input:focus{border-color:#2c5f8a;border-color:var(--accent);box-shadow:0 0 0 3px #2c5f8a1f;outline:none}.price-summary{background:#faf9f7;background:var(--bg-card);border:1px solid #ddd8d0;border-left:4px solid #2c5f8a;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;border-radius:var(--radius-md);margin:1.5rem 0;padding:1.5rem;text-align:left}.price-summary p{color:#4a4a4a;color:var(--text-secondary);display:flex;font-size:.925rem;justify-content:space-between;margin:.75rem 0}.price-summary hr{border:none;border-top:1px solid #ddd8d0;border-top:1px solid var(--border);margin:1rem 0}.price-total{color:#2c5f8a;color:var(--accent);font-family:Sora,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.actions button{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.2px;padding:.85rem 2rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.actions button:first-child{background:#2c5f8a;background:var(--accent);box-shadow:0 3px 12px #2c5f8a4d;color:#fff}.actions button:first-child:hover:not(:disabled){background:#3d7ab5;background:var(--accent-mid);box-shadow:0 6px 20px #2c5f8a59;transform:translateY(-2px)}.actions button:last-child{background:#b53535;background:var(--danger);box-shadow:0 3px 12px #b5353540;color:#fff}.actions button:last-child:hover:not(:disabled){box-shadow:0 6px 20px #b5353559;transform:translateY(-2px)}.actions button:disabled{cursor:not-allowed;opacity:.48;transform:none}.actions button:active:not(:disabled){transform:translateY(0)}.info-box{background:#e8f0f8;background:var(--accent-light);border:1.5px solid #2c5f8a33;border-radius:10px;border-radius:var(--radius-md);color:#2c5f8a;color:var(--accent);font-size:.9rem;line-height:1.6;margin-top:2rem;padding:1rem 1.25rem;text-align:center}.info-box p{margin:0}.info-box strong{color:#2c5f8a;color:var(--accent);font-weight:700}.loading{opacity:.55;pointer-events:none}.spinner{animation:spin 1s linear infinite;display:inline-block}.subscription-hero{background:linear-gradient(135deg,#2c5f8a,#1a4a72);background:linear-gradient(135deg,var(--accent) 0,#1a4a72 100%);border-radius:14px;border-radius:var(--radius-lg);color:#fff;margin-bottom:2rem;overflow:hidden;padding:2rem 2.5rem;position:relative;text-align:center}.subscription-hero:before{background:#ffffff0f;border-radius:50%;content:"";height:160px;position:absolute;right:-40px;top:-40px;width:160px}.subscription-hero:after{background:#ffffff0d;border-radius:50%;bottom:-30px;content:"";height:100px;left:-30px;position:absolute;width:100px}.subscription-hero h3{color:#fff;font-family:Sora,sans-serif;font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin:0 0 .75rem;position:relative;z-index:1}.subscription-hero p{font-size:.95rem;line-height:1.65;margin:0 0 .5rem;opacity:.92;position:relative;z-index:1}.subscription-hero p:last-child{font-size:.875rem;margin-bottom:0;opacity:.82}.billing-cycle-section{background:#f5f3ef;background:var(--bg-card-alt);border:1px solid #ddd8d0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);margin:2rem 0;padding:1.5rem;text-align:center}.billing-cycle-section h3{color:#1e1e1e;color:var(--text-primary);font-family:Sora,sans-serif;font-family:var(--font-display);font-size:1.05rem;margin:0 0 .4rem}.billing-cycle-section>p{color:#7a7875;color:var(--text-muted);font-size:.875rem;margin:0 0 1.25rem}button{font-family:DM Sans,sans-serif;font-family:var(--font-body)}.section-divider{border:none;border-top:1px solid #ddd8d0;border-top:1px solid var(--border);margin:2rem 0}.pending-payment-card{background:#fdf5e0;background:var(--warning-light);border:1.5px solid #dfc060;border-radius:14px;border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem;text-align:left}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.actions button:focus-visible,.months input:focus-visible,.plan-card:focus-visible{outline:2.5px solid #2c5f8a;outline:2.5px solid var(--accent);outline-offset:2px}@media (max-width:768px){.subscription-layout{flex-direction:column}.subscription-container{border-radius:14px;border-radius:var(--radius-lg);margin:1rem;max-width:100%;padding:1.5rem}.plans{flex-direction:column;gap:1rem}.plan-card{flex:1 1;max-width:100%;min-width:auto}.actions{flex-direction:column}.actions button{justify-content:center;width:100%}.months label{align-items:flex-start;flex-direction:column}.months input{width:100%}.current-sub,.pending-subs,.plan-details{padding:1rem}}@media (max-width:480px){.subscription-container{border-radius:10px;border-radius:var(--radius-md);margin:.5rem;padding:1rem}.subscription-container h2{font-size:1.35rem}.plan-card{padding:1rem}.plan-card h3{font-size:1rem}.actions button{font-size:.9rem;padding:.75rem 1.25rem}.info-box{font-size:.85rem}}@media (prefers-color-scheme:dark){:root{--bg-base:#1a1917;--bg-card:#242220;--bg-card-alt:#2a2826;--bg-inset:#1e1c1a;--accent:#5b9bd5;--accent-light:#1a2d40;--accent-mid:#4a88c0;--text-primary:#ede9e3;--text-secondary:#b8b4ae;--text-muted:#807c77;--border:#3a3733;--border-strong:#4a4744;--success-light:#162a1e;--warning-light:#2a2010;--danger-light:#2a1515;--info-light:#122025}.subscription-container{box-shadow:0 8px 40px #00000073}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.devices-layout{background-color:#1e1e2e;color:#e0e0e0;display:flex;min-height:100vh}.devices-container{flex:1 1;max-width:860px;padding:2rem 2.5rem}.devices-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.75rem}.devices-header-left{align-items:center;display:flex;gap:1rem}.devices-header-icon{color:#ffc107;font-size:2rem}.devices-title{color:#ffc107;font-size:1.6rem;font-weight:700;letter-spacing:.3px;margin:0 0 .2rem}.devices-subtitle{color:#888;font-size:.85rem;margin:0}.devices-refresh-btn{background:#3a3a4f;border:1px solid #555;border-radius:8px;color:#ccc;cursor:pointer;font-size:1rem;padding:.55rem .75rem;transition:background .2s,color .2s}.devices-refresh-btn:hover:not(:disabled){background:#4a4a60;color:#ffc107}.devices-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.devices-usage-card{background:#2c2c3c;border:1px solid #3a3a4f;border-radius:12px;margin-bottom:1.75rem;padding:1.25rem 1.5rem}.devices-usage-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.devices-usage-label{color:#888;font-size:.8rem;margin-right:.5rem}.devices-tier-badge,.devices-usage-label{letter-spacing:.5px;text-transform:uppercase}.devices-tier-badge{border-radius:20px;font-size:.78rem;font-weight:700;padding:.2rem .65rem}.devices-tier-free{background:#3a3a4f;color:#aaa}.devices-tier-basic{background:#1e3a5f;color:#60a5fa}.devices-tier-standard{background:#1a3a2a;color:#4ade80}.devices-tier-premium{background:#3a2a10;border:1px solid #ffc10740;color:#ffc107}.devices-usage-count{align-items:baseline;display:flex;gap:.3rem}.devices-usage-number{color:#ffc107;font-size:1.6rem;font-weight:700;line-height:1}.devices-usage-sep{color:#555;font-size:1.1rem}.devices-usage-max{color:#888;font-size:1.1rem}.devices-usage-unit{color:#666;font-size:.8rem;margin-left:.2rem}.devices-progress-track{background:#3a3a4f;border-radius:3px;height:6px;margin-bottom:.75rem;overflow:hidden}.devices-progress-fill{background:linear-gradient(90deg,#ffc107,#ff9800);border-radius:3px;height:100%;transition:width .4s ease}.devices-progress-fill.at-limit{background:linear-gradient(90deg,#ef4444,#dc2626)}.devices-limit-warning{background:#3a2a10;border:1px solid #ffc10740;border-radius:6px;color:#fbbf24;padding:.5rem .75rem}.devices-limit-warning,.devices-unlimited-note{align-items:center;display:flex;font-size:.8rem}.devices-unlimited-note{color:#4ade80}.devices-error{background:#3a1a1a;border:1px solid #ef4444;border-radius:8px;color:#fca5a5;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem}.devices-loading{align-items:center;color:#888;display:flex;font-size:.9rem;gap:.75rem;padding:2rem 0}.devices-empty{color:#666;padding:3rem 1rem;text-align:center}.devices-empty-icon{color:#3a3a4f;font-size:3rem;margin-bottom:1rem}.devices-empty p{color:#888;font-size:1rem;margin:0 0 .5rem}.devices-empty span{color:#555;display:block;font-size:.82rem;line-height:1.5;margin:0 auto;max-width:380px}.devices-list{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.75rem}.devices-card{align-items:center;animation:fadeSlideUp .3s ease both;background:#2c2c3c;border:1px solid #3a3a4f;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;transition:border-color .2s,background .2s}.devices-card:hover{background:#313145;border-color:#4a4a60}.devices-card-left{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.devices-card-icon{align-items:center;background:#3a3a4f;border-radius:8px;color:#ffc107;display:flex;flex-shrink:0;font-size:1.1rem;height:42px;justify-content:center;width:42px}.devices-card-info{min-width:0}.devices-card-name{color:#e0e0e0;font-size:.95rem;font-weight:600;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devices-card-os{color:#888;font-size:.8rem;margin-bottom:.3rem}.devices-card-dates{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.4rem}.devices-card-dot{color:#444}.devices-card-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.6rem}.devices-status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.2rem .6rem;white-space:nowrap}.devices-status-badge.active{background:#1a3a2a;border:1px solid #4ade8040;color:#4ade80}.devices-status-badge.inactive{background:#3a3a4f;border:1px solid #44444440;color:#666}.devices-deactivate-btn{align-items:center;background:#3a1a1a;border:1px solid #ef444440;border-radius:6px;color:#fca5a5;cursor:pointer;display:flex;font-size:.78rem;gap:.4rem;padding:.35rem .75rem;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.devices-deactivate-btn:hover:not(:disabled){background:#4a1a1a;border-color:#ef4444;color:#ef4444}.devices-deactivate-btn:disabled{cursor:not-allowed;opacity:.6}.devices-info-note{background:#272736;border:1px solid #3a3a4f;border-left:3px solid #ffc107;border-radius:6px;color:#888;font-size:.8rem;line-height:1.6;padding:.85rem 1rem}.devices-info-note strong{color:#ffc107}@media screen and (max-width:768px){.devices-container{padding:1rem}.devices-card{align-items:flex-start;flex-direction:column}.devices-card-right{align-items:center;flex-direction:row;justify-content:space-between;width:100%}}
/*# sourceMappingURL=main.46033648.css.map*/