@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:rotateX(0);--tw-rotate-y:rotateY(0);--tw-rotate-z:rotateZ(0);--tw-skew-x:skewX(0);--tw-skew-y:skewY(0);--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}:root{color-scheme:light dark;color:#e5e7eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#030712;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}html{overflow-x:hidden}a{color:#818cf8;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#6366f1}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{color:#e5e7eb;cursor:pointer;background-color:#1f2937;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s,background-color .25s}button:hover{background-color:#374151;border-color:#4f46e5}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#111827;background-color:#f9fafb}a{color:#4f46e5}a:hover{color:#4338ca}button{color:#1f2937;background-color:#e5e7eb}button:hover{background-color:#d1d5db;border-color:#a5b4fc}.custom-text-input{color:#111827;background-color:#fff;border-color:#d1d5db}.custom-text-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e54d}.back-button{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;min-height:32px;padding:0;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.back-button:hover{color:#2563eb;background-color:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.back-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.back-button svg{width:1rem;min-width:1rem;height:1rem;transition:transform .2s;display:block}}.back-button:hover svg{transform:translate(-3px)}@media (prefers-color-scheme:dark){.back-button{color:#f1f5f9;background-color:#1e293b;border-color:#334155;box-shadow:0 1px 3px #0000004d}.back-button:hover{color:#60a5fa;background-color:#0f172a;border-color:#60a5fa}}.custom-select-input{color:#111827;background-color:#fff;border-color:#d1d5db}.custom-select-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e54d}.custom-select-input:disabled{background-color:#f3f4f6}.ai-context-container{background-color:#f3f4f6;border-color:#e5e7eb}.ai-context-header{color:#1f2937;border-bottom-color:#e5e7eb}.ai-context-section{background-color:#fff;border-color:#d1d5db}.ai-context-section-title{color:#374151;border-bottom-color:#f3f4f6}.ai-context-text{color:#4b5563}.ai-context-item{background-color:#fff;border-color:#e5e7eb}.ai-context-item:hover{background-color:#f9fafb}.ai-context-section .prose code{color:#1f2937;background-color:#f3f4f6;border-color:#e5e7eb}.segmented-control-button{color:#374151;background-color:#fff;border:1px solid #d1d5db}.segmented-control-button:focus{box-shadow:0 0 0 2px #3b82f680}.segmented-control-button.active{color:#fff;background-color:#2563eb;border-color:#2563eb}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-modal-in{animation:.3s ease-out forwards fadeIn,.3s ease-out forwards scaleUp}.dashboard-title{font-size:1.1rem!important}.drug-search-results-opaque{opacity:1!important;background-color:#fff!important}.patient-search-title{font-size:1.25rem!important}@media print{.no-print{display:none!important}body{color:#000!important;background-color:#fff!important;margin:0!important;padding:0!important;font-size:10pt!important;line-height:1.3!important}body *{visibility:hidden!important}.printable-section,.printable-section *{visibility:visible!important;color:#000!important;background-color:#fff!important}.printable-section{box-shadow:none!important;border:1px solid #ccc!important;border-radius:0!important;width:auto!important;margin:0 0 .5rem!important;padding:1rem!important;display:block!important}@page{margin:1in}body{margin:1in}.printable-section .prose{max-width:none!important}.printable-section .prose h4{margin-bottom:.5rem!important;font-size:12pt!important}.printable-section .prose p,.printable-section .prose div,.printable-section .prose strong,.printable-section .prose li,.printable-section .grid div{font-size:10pt!important;line-height:1.3!important}a,a:visited{color:#000!important;text-decoration:none!important}}.custom-text-input{box-sizing:border-box;color:#d1d5db;background-color:#1f2937;border:1px solid #4b5563;border-radius:.5rem;width:100%;min-height:3rem;padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block;box-shadow:0 1px 2px #0606060d}.custom-text-input::-moz-placeholder{color:#6b7280;opacity:1}.custom-text-input::placeholder{color:#6b7280;opacity:1}.custom-text-input:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 2px #818cf866}.custom-text-input:-webkit-autofill{caret-color:#d1d5db;-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#d1d5db!important;-webkit-box-shadow:inset 0 0 0 30px #1f2937!important}.custom-text-input:-webkit-autofill:hover{caret-color:#d1d5db;-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#d1d5db!important;-webkit-box-shadow:inset 0 0 0 30px #1f2937!important}.custom-text-input:-webkit-autofill:focus{caret-color:#d1d5db;-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#d1d5db!important;-webkit-box-shadow:inset 0 0 0 30px #1f2937!important}.custom-text-input:-webkit-autofill:active{caret-color:#d1d5db;-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#d1d5db!important;-webkit-box-shadow:inset 0 0 0 30px #1f2937!important}.custom-select-input{color:#d1d5db;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#1f2937;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #4b5563;border-radius:.5rem;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;line-height:1.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block;box-shadow:0 1px 2px #0000000d}.custom-select-input:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 2px #818cf866}.custom-select-input:disabled{opacity:.7;cursor:not-allowed;background-color:#374151}.segmented-control{border-radius:.375rem;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.segmented-control-button{color:#d1d5db;cursor:pointer;background-color:#374151;border:1px solid #4b5563;outline:none;padding:.375rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.segmented-control-button:not(:first-child){margin-left:-1px}.segmented-control-button:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.segmented-control-button:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.segmented-control-button:hover:not(.active){background-color:#4b5563}.segmented-control-button:focus{z-index:10;box-shadow:0 0 0 2px #3b82f680}.segmented-control-button.active{color:#fff;z-index:5;background-color:#2563eb;border-color:#2563eb}.segmented-control-button:disabled{opacity:.5;cursor:not-allowed}.status-pill{text-transform:capitalize;border:1px solid #0000;border-radius:9999px;align-items:center;padding:.3em .9em;font-size:.8rem;font-weight:500;line-height:1.2;display:inline-flex}.status-pill-pending{color:#004d40;background-color:#a0e7e5;border-color:#50c8c6}.status-pill-billed{color:#8b4513;background-color:#ffdab9;border-color:#ffa07a}.status-pill-dispensed{color:#006400;background-color:#98fb98;border-color:#3cb371}.status-pill-cancelled{color:#8b0000;background-color:#ffb6c1;border-color:salmon}.status-pill-default{color:#424242;background-color:#e0e0e0;border-color:#bdbdbd}.error-message-box{color:#ad1457;background-color:#fff0f5;border:1px solid #f8bbd0;border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;box-shadow:0 2px 4px #0000000d}.order-item-card{color:#065f46;background-color:#f0fdf4;border:1px solid #a7f3d0;border-radius:.75rem;margin-bottom:1rem;padding:1rem;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out;box-shadow:0 4px 8px #0000000d}.order-item-card:hover{border-color:#6ee7b7;box-shadow:0 6px 12px #00000012}.pharmacy-table-container{background-color:#f0fdf4;border:1px solid #a7f3d0;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 8px #0000000d}.pharmacy-queue-table{border-collapse:separate;border-spacing:0;width:100%}.pharmacy-queue-table thead th{color:#065f46;background-color:#d1fae5;border-bottom:2px solid #6ee7b7}.pharmacy-table-container thead{background-color:#0000}.pharmacy-queue-table tbody tr{background-color:#0000;border-bottom:1px solid #a7f3d0;transition:background-color .2s ease-in-out}.pharmacy-queue-table tbody tr:last-child{border-bottom:none}.pharmacy-queue-table tbody tr:hover{background-color:#d1fae5}.pharmacy-queue-table td{color:#047857}.admin-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-top:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.admin-table{border-collapse:separate;border-spacing:0;min-width:100%}.admin-table thead th{color:#374151;text-align:left;text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb;border-bottom:2px solid #e5e7eb;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}.admin-table tbody tr{background-color:#fff;transition:background-color .15s ease-in-out}.admin-table tbody tr:nth-child(2n){background-color:#f9fafb}.admin-table tbody tr:hover{background-color:#f3f4f6}.admin-table tbody td{color:#4b5563;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:.75rem 1.5rem;font-size:.875rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table-actions button{border-radius:.375rem;padding:.25rem .5rem;transition:background-color .15s ease-in-out,color .15s ease-in-out}.admin-table-actions button:hover{background-color:#e5e7eb}.admin-table-actions .action-edit{color:#059669}.admin-table-actions .action-edit:hover{color:#047857}.admin-table-actions .action-delete{color:#dc2626}.admin-table-actions .action-delete:hover{color:#b91c1c}.admin-table-actions .action-view{color:#2563eb}.admin-table-actions .action-view:hover{color:#1d4ed8}.admin-pill{text-transform:capitalize;border:1px solid #0000;border-radius:9999px;align-items:center;padding:.25em .75em;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.admin-pill-icon{margin-right:.35em}.admin-pill-success{color:#03543f;background-color:#def7ec;border-color:#a7f3d0}.admin-pill-warning{color:#92400e;background-color:#fef3c7;border-color:#fde68a}.admin-pill-danger{color:#991b1b;background-color:#fee2e2;border-color:#fecaca}.admin-pill-info{color:#1e40af;background-color:#dbeafe;border-color:#bfdbfe}.admin-pill-neutral{color:#374151;background-color:#f3f4f6;border-color:#e5e7eb}.admin-pill-primary{color:#3730a3;background-color:#e0e7ff;border-color:#c7d2fe}.alert-box{border-style:solid;border-width:1px;border-radius:.5rem;align-items:center;margin-bottom:1rem;padding:.75rem 1.25rem;font-size:.875rem;display:flex;box-shadow:0 1px 3px #00000012,0 1px 2px #00000008}.alert-box-icon{margin-right:.75rem}.alert-box-content{flex-grow:1}.alert-box-close{cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:1rem;padding:.25rem;transition:opacity .15s ease-in-out}.alert-box-success{color:#065f46;background-color:#f0fdf4;border-color:#a7f3d0}.alert-box-success .alert-box-icon{color:#10b981}.alert-box-success .alert-box-close{color:#065f46}.alert-box-error{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.alert-box-error .alert-box-icon{color:#ef4444}.alert-box-error .alert-box-close{color:#991b1b}.alert-box-warning{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.alert-box-warning .alert-box-icon{color:#f59e0b}.alert-box-warning .alert-box-close{color:#92400e}.alert-box-info{color:#1e40af;background-color:#eff6ff;border-color:#bfdbfe}.alert-box-info .alert-box-icon{color:#3b82f6}.alert-box-info .alert-box-close{color:#1e40af}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:rotateX(0);--tw-rotate-y:rotateY(0);--tw-rotate-z:rotateZ(0);--tw-skew-x:skewX(0);--tw-skew-y:skewY(0);--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.col-span-full{grid-column:1/-1}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table\!{display:table!important}.table-cell{display:table-cell}.table-row{display:table-row}.h-\[90vh\]{height:90vh}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[150px\]{max-height:150px}.min-h-screen{min-height:100vh}.w-1\/3{width:33.3333%}.w-auto{width:auto}.w-full{width:100%}.max-w-none{max-width:none}.min-w-full{min-width:100%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-transparent{border-color:#0000}.bg-transparent{background-color:#0000}.object-contain{-o-object-fit:contain;object-fit:contain}.text-left{text-align:left}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:opacity-90:hover{opacity:.9}}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}@media print{.print\:absolute{position:absolute}.print\:static{position:static}.print\:block{display:block}.print\:h-auto{height:auto}.print\:w-1\/2{width:50%}.print\:w-full{width:100%}.print\:max-w-none{max-width:none}.print\:overflow-visible{overflow:visible}.print\:bg-transparent{background-color:#0000}.print\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=url],textarea{padding-top:.75rem;padding-bottom:.75rem}@layer components;@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#f8f9fa;position:fixed;top:0;left:0;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:opacity .3s ease-out}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:1rem}.spinner-ring{display:inline-block;position:relative;width:80px;height:80px;margin-bottom:1.5rem}.spinner-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:6px solid #007bff;border-radius:50%;animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#007bff transparent transparent transparent}.spinner-ring div:nth-child(1){animation-delay:-.45s}.spinner-ring div:nth-child(2){animation-delay:-.3s}.spinner-ring div:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{font-size:1.5rem;font-weight:600;color:#343a40;letter-spacing:.05em;opacity:0;animation:fadeIn .8s ease-in-out forwards .3s}.loading-subtitle{font-size:.875rem;color:#6c757d;margin-top:.5rem;opacity:0;animation:fadeIn .8s ease-in-out forwards .6s}@media (prefers-color-scheme: dark){.loading-container{background-color:#111827}.loading-title{color:#f3f4f6}.loading-subtitle{color:#9ca3af}.spinner-ring div{border:6px solid #3b82f6;border-color:#3b82f6 transparent transparent transparent}}[data-theme=dark] .loading-container,.dark-mode .loading-container,body.dark-mode .loading-container{background-color:#0f0f1a}[data-theme=dark] .loading-title,.dark-mode .loading-title,body.dark-mode .loading-title{color:#cdd6f4}[data-theme=dark] .loading-subtitle,.dark-mode .loading-subtitle,body.dark-mode .loading-subtitle{color:#a6adc8}[data-theme=dark] .spinner-ring div,.dark-mode .spinner-ring div,body.dark-mode .spinner-ring div{border:6px solid #a78bfa;border-color:#a78bfa transparent transparent transparent}:root{--lam-bg-light: rgba(255, 255, 255, .98);--lam-bg-light-secondary: #f8fafc;--lam-border-light: rgba(226, 232, 240, .8);--lam-text-main-light: #1e293b;--lam-text-muted-light: #64748b;--lam-bg-dark: rgba(30, 30, 46, .98);--lam-bg-dark-secondary: #181825;--lam-border-dark: rgba(69, 71, 90, .6);--lam-text-main-dark: #cdd6f4;--lam-text-muted-dark: #a6adc8;--lam-primary-gradient: linear-gradient(135deg, #6d28d9 0%, #7c3aed 30%, #8b5cf6 70%, #a78bfa 100%);--lam-accent-gradient: linear-gradient(135deg, #3b82f6 0%, #6366f1 50%, #8b5cf6 100%);--lam-success-gradient: linear-gradient(135deg, #059669 0%, #10b981 100%);--lam-danger-gradient: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--lam-glass-bg-light: rgba(255, 255, 255, .7);--lam-glass-bg-dark: rgba(30, 30, 46, .7);--lam-glass-border: 1px solid rgba(255, 255, 255, .15);--lam-glass-shadow: 0 8px 32px rgba(0, 0, 0, .12);--lam-premium-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15), 0 12px 24px -8px rgba(124, 58, 237, .1)}.live-api-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00000080,#1e1e2eb3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:lamFadeIn .25s ease-out}@keyframes lamFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.live-api-modal-content{background:linear-gradient(145deg,var(--lam-bg-light) 0%,var(--lam-bg-light-secondary) 100%);color:var(--lam-text-main-light);border-radius:1.5rem;box-shadow:var(--lam-premium-shadow);width:100%;max-width:1000px;height:85vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--lam-border-light);transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .live-api-modal-content,.dark-mode .live-api-modal-content,body.dark-mode .live-api-modal-content{background:linear-gradient(145deg,var(--lam-bg-dark) 0%,var(--lam-bg-dark-secondary) 100%);color:var(--lam-text-main-dark);border-color:var(--lam-border-dark);box-shadow:0 25px 50px -12px #00000080,0 12px 24px -8px #7c3aed26,0 0 0 1px #ffffff0d inset}@media (max-width: 768px){.live-api-modal-overlay{padding:0}.live-api-modal-content{width:100%;height:100dvh;max-width:none;border-radius:0;border:none}}.live-api-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--lam-border-light);background:linear-gradient(180deg,var(--lam-glass-bg-light) 0%,rgba(248,250,252,.9) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:20;flex-shrink:0}[data-theme=dark] .live-api-modal-header,.dark-mode .live-api-modal-header,body.dark-mode .live-api-modal-header{border-color:var(--lam-border-dark);background:linear-gradient(180deg,var(--lam-glass-bg-dark) 0%,rgba(24,24,37,.9) 100%)}@media (max-width: 768px){.live-api-modal-header{padding:.5rem .75rem}}.live-api-modal-header-left{display:flex;align-items:center;gap:.65rem}.live-api-modal-logo{width:2rem;height:2rem;background:var(--lam-primary-gradient);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;box-shadow:0 4px 10px #7c3aed4d}.live-api-modal-title{font-size:1.125rem;font-weight:600;line-height:1.2}@media (max-width: 768px){.live-api-modal-title{font-size:1rem}}.live-api-modal-subtitle{font-size:.75rem;color:var(--lam-text-muted-light);margin-top:.1rem}[data-theme=dark] .live-api-modal-subtitle,.dark-mode .live-api-modal-subtitle,body.dark-mode .live-api-modal-subtitle{color:var(--lam-text-muted-dark)}.live-api-modal-close-button{padding:.5rem;border-radius:.6rem;color:var(--lam-text-muted-light);transition:all .2s ease;background:transparent;border:none;cursor:pointer}[data-theme=dark] .live-api-modal-close-button,.dark-mode .live-api-modal-close-button,body.dark-mode .live-api-modal-close-button{color:var(--lam-text-muted-dark)}.live-api-modal-close-button:hover{background:#7c3aed1a;color:#7c3aed}[data-theme=dark] .live-api-modal-close-button:hover,.dark-mode .live-api-modal-close-button:hover,body.dark-mode .live-api-modal-close-button:hover{background:#8b5cf626;color:#a78bfa}.live-api-modal-main-content{flex:1;display:flex;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff80,#f8fafccc)}[data-theme=dark] .live-api-modal-main-content,.dark-mode .live-api-modal-main-content,body.dark-mode .live-api-modal-main-content{background:linear-gradient(180deg,#1e1e2e,#181825)}@media (max-width: 768px){.live-api-modal-main-content{flex-direction:column}}.live-api-reception-area{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (max-width: 768px){.live-api-reception-area{padding:.5rem;gap:.75rem}}.live-api-video-stream{position:absolute;top:1rem;right:1rem;width:180px;height:120px;border-radius:.75rem;box-shadow:0 8px 16px #0003;border:2px solid white;background-color:#000;-o-object-fit:cover;object-fit:cover;z-index:10;transition:all .3s ease}[data-theme=dark] .live-api-video-stream,.dark-mode .live-api-video-stream,body.dark-mode .live-api-video-stream{border-color:#404040}@media (max-width: 768px){.live-api-video-stream{position:static;width:100%;height:150px;max-width:280px;margin:0 auto;border-radius:.75rem}}.hospital-reception-container{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.hospital-reception-container{gap:.75rem}}.hospital-reception-logo-section{display:flex;align-items:center;gap:1rem;padding:.5rem;background:#ffffff80;border-radius:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .hospital-reception-logo-section,.dark-mode .hospital-reception-logo-section,body.dark-mode .hospital-reception-logo-section{background:#ffffff08}@media (max-width: 768px){.hospital-reception-logo-section{padding:.4rem;gap:.75rem}}.hospital-reception-logo{width:3.5rem;height:3.5rem;background:var(--lam-primary-gradient);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 4px 15px #7c3aed66}@media (max-width: 768px){.hospital-reception-logo{width:2.5rem;height:2.5rem;font-size:1.25rem}}.hospital-reception-title{font-size:1.5rem;font-weight:700;color:var(--lam-text-main-light)}@media (max-width: 768px){.hospital-reception-title{font-size:1.25rem}}[data-theme=dark] .hospital-reception-title,.dark-mode .hospital-reception-title,body.dark-mode .hospital-reception-title{color:var(--lam-text-main-dark)}.hospital-reception-subtitle{font-size:.875rem;color:var(--lam-text-muted-light)}@media (max-width: 768px){.hospital-reception-subtitle{font-size:.75rem}}[data-theme=dark] .hospital-reception-subtitle,.dark-mode .hospital-reception-subtitle,body.dark-mode .hospital-reception-subtitle{color:var(--lam-text-muted-dark)}.hospital-reception-token-card,.hospital-reception-patient-info-card,.hospital-reception-summary-card{padding:1rem;border-radius:1rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 4px #00000008}@media (max-width: 768px){.hospital-reception-token-card,.hospital-reception-patient-info-card,.hospital-reception-summary-card{padding:.75rem}}.hospital-reception-token-card{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-color:#dbeafe}[data-theme=dark] .hospital-reception-token-card,.dark-mode .hospital-reception-token-card,body.dark-mode .hospital-reception-token-card{background:linear-gradient(135deg,#1e3a8a30,#4c1d9530);border-color:#1e3a8a50}.hospital-reception-token-number{font-size:1.5rem;font-weight:700;color:#2563eb}[data-theme=dark] .hospital-reception-token-number,.dark-mode .hospital-reception-token-number,body.dark-mode .hospital-reception-token-number{color:#60a5fa}.hospital-reception-patient-info-card{background-color:#fff}[data-theme=dark] .hospital-reception-patient-info-card,.dark-mode .hospital-reception-patient-info-card,body.dark-mode .hospital-reception-patient-info-card{background-color:#ffffff08;border-color:#ffffff0d}.hospital-reception-patient-info-content{margin-top:.5rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;font-family:monospace;font-size:.85rem}[data-theme=dark] .hospital-reception-patient-info-content,.dark-mode .hospital-reception-patient-info-content,body.dark-mode .hospital-reception-patient-info-content{background-color:#0003;color:#d1d5db}.hospital-reception-summary-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#d1fae5}[data-theme=dark] .hospital-reception-summary-card,.dark-mode .hospital-reception-summary-card,body.dark-mode .hospital-reception-summary-card{background:linear-gradient(135deg,#064e3b33,#065f4633);border-color:#10b98126;box-shadow:0 4px 12px #0003}.hospital-reception-summary-text{font-size:.95rem;line-height:1.5}@media (max-width: 768px){.hospital-reception-summary-text{font-size:.85rem}}.live-api-input-area{padding:.75rem 1rem;background:linear-gradient(180deg,#f8fafcf2,#fff);border-top:1px solid var(--lam-border-light);z-index:20}[data-theme=dark] .live-api-input-area,.dark-mode .live-api-input-area,body.dark-mode .live-api-input-area{background:linear-gradient(180deg,#181825f2,#1e1e2e);border-color:var(--lam-border-dark)}@media (max-width: 768px){.live-api-input-area{padding:.5rem}}.live-api-input-container{max-width:800px;margin:0 auto;position:relative;display:flex;align-items:flex-end}.live-api-textarea{flex:1;min-height:2.75rem;max-height:6rem;padding:.65rem 3rem .65rem 1rem;border:1px solid var(--lam-border-light);border-radius:1.5rem;background:linear-gradient(145deg,#fff,#f8fafc);color:var(--lam-text-main-light);font-size:.95rem;line-height:1.4;resize:none;transition:all .2s ease}[data-theme=dark] .live-api-textarea,.dark-mode .live-api-textarea,body.dark-mode .live-api-textarea{background:linear-gradient(145deg,#313244,#2a2a3c);border-color:#45475a99;color:var(--lam-text-main-dark)}@media (max-width: 768px){.live-api-textarea{font-size:.9rem;padding:.5rem 2.5rem .5rem .8rem}}.live-api-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}[data-theme=dark] .live-api-textarea:focus,.dark-mode .live-api-textarea:focus,body.dark-mode .live-api-textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26;background:#313244}.live-api-send-button{position:absolute;right:.4rem;bottom:.4rem;padding:.55rem;background:var(--lam-primary-gradient);color:#fff;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #7c3aed4d}.live-api-send-button:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 12px #7c3aed66}.live-api-send-button:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}[data-theme=dark] .live-api-send-button:disabled,.dark-mode .live-api-send-button:disabled,body.dark-mode .live-api-send-button:disabled{background:#45475a}.live-api-control-tray{background:linear-gradient(180deg,#f8fafcd9,#fffffff2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--lam-border-light);padding:.75rem 1rem;z-index:20}[data-theme=dark] .live-api-control-tray,.dark-mode .live-api-control-tray,body.dark-mode .live-api-control-tray{background:linear-gradient(180deg,#181825d9,#1e1e2ef2);border-color:var(--lam-border-dark)}@media (max-width: 768px){.live-api-control-tray{padding:.5rem}}.live-api-control-tray-inner{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto}@media (max-width: 768px){.live-api-control-tray-inner{flex-wrap:wrap;gap:.5rem;justify-content:center}.live-api-control-group{justify-content:center}}.live-api-control-group{display:flex;align-items:center;gap:.5rem}.live-api-control-button{padding:.6rem;border-radius:.75rem;transition:all .2s;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.live-api-control-button{padding:.5rem}}.live-api-control-button.mic-active{background-color:#ef4444;color:#fff;box-shadow:0 2px 6px #ef44444d}.live-api-control-button.mic-inactive{background-color:var(--lam-bg-light-secondary);color:var(--lam-text-muted-light);border:1px solid var(--lam-border-light)}[data-theme=dark] .live-api-control-button.mic-inactive,.dark-mode .live-api-control-button.mic-inactive,body.dark-mode .live-api-control-button.mic-inactive{background-color:#333;color:var(--lam-text-muted-dark)}.live-api-control-button.video-active{background-color:#3b82f6;color:#fff;box-shadow:0 2px 6px #3b82f64d}.live-api-control-button.video-inactive{background-color:var(--lam-bg-light-secondary);color:var(--lam-text-muted-light);border:1px solid var(--lam-border-light)}[data-theme=dark] .live-api-control-button.video-inactive,.dark-mode .live-api-control-button.video-inactive,body.dark-mode .live-api-control-button.video-inactive{background-color:#333;color:var(--lam-text-muted-dark)}.live-api-control-button:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}[data-theme=dark] .live-api-control-button:hover:not(:disabled),.dark-mode .live-api-control-button:hover:not(:disabled),body.dark-mode .live-api-control-button:hover:not(:disabled){filter:brightness(1.1)}.live-api-audio-pulse-container{padding:.5rem;background-color:#00000008;border-radius:1rem;display:flex;align-items:center;justify-content:center;height:40px;width:60px}@media (max-width: 768px){.live-api-audio-pulse-container{height:36px;width:50px;padding:.4rem}}[data-theme=dark] .live-api-audio-pulse-container,.dark-mode .live-api-audio-pulse-container,body.dark-mode .live-api-audio-pulse-container{background-color:#ffffff0d}.audio-bar{width:4px;margin:0 2px;background:var(--lam-accent-gradient);border-radius:2px;transition:height .1s ease}.live-api-status-indicator{display:flex;align-items:center;gap:.4rem;padding:.25rem .5rem;border-radius:1rem;background-color:#00000008}[data-theme=dark] .live-api-status-indicator,.dark-mode .live-api-status-indicator,body.dark-mode .live-api-status-indicator{background-color:#ffffff0d}.live-api-status-dot{width:.5rem;height:.5rem;border-radius:50%}.live-api-status-dot.connected{background-color:#22c55e;box-shadow:0 0 8px #22c55e60}.live-api-status-dot.disconnected{background-color:#9ca3af}.live-api-status-text{font-size:.75rem;font-weight:500;color:var(--lam-text-muted-light)}[data-theme=dark] .live-api-status-text,.dark-mode .live-api-status-text,body.dark-mode .live-api-status-text{color:var(--lam-text-muted-dark)}.live-api-connect-button{padding:.65rem 1.35rem;border-radius:.85rem;font-weight:600;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;border:none;cursor:pointer}@media (max-width: 768px){.live-api-connect-button{padding:.55rem 1.1rem;font-size:.85rem}}.live-api-connect-button.connected{background:linear-gradient(135deg,#ef444426,#dc262633);color:#ef4444;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .live-api-connect-button.connected,.dark-mode .live-api-connect-button.connected,body.dark-mode .live-api-connect-button.connected{background:linear-gradient(135deg,#ef444433,#b91c1c40);color:#f87171;border-color:#f8717133}.live-api-connect-button.disconnected{background:var(--lam-success-gradient);color:#fff;box-shadow:0 4px 14px #10b98159}.live-api-connect-button:hover{transform:translateY(-2px);filter:brightness(1.05)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb,.dark-mode ::-webkit-scrollbar-thumb,body.dark-mode ::-webkit-scrollbar-thumb{background:#4b5563}.live-api-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.live-api-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:live-api-spin .8s linear infinite}@keyframes live-api-spin{to{transform:rotate(360deg)}}.live-api-loading-text{font-size:.9rem;color:var(--lam-text-muted-light)}[data-theme=dark] .live-api-loading-text,.dark-mode .live-api-loading-text,body.dark-mode .live-api-loading-text{color:var(--lam-text-muted-dark)}.ai-avatar-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;transition:all .3s ease}.ai-avatar-container.active{transform:scale(1.02)}.ai-avatar-svg{width:180px;height:180px;filter:drop-shadow(0 8px 24px rgba(124,58,237,.2));transition:all .3s ease}.ai-avatar-container.active .ai-avatar-svg{filter:drop-shadow(0 12px 36px rgba(124,58,237,.35))}@media (max-width: 768px){.ai-avatar-svg{width:140px;height:140px}.ai-avatar-container{padding:1rem}}.avatar-glow{transition:opacity .3s ease}.avatar-status-text{margin-top:.75rem;font-size:.9rem;font-weight:500;color:var(--lam-text-muted-light);text-align:center;transition:all .3s ease}.ai-avatar-container.active .avatar-status-text{color:#8b5cf6;font-weight:600}[data-theme=dark] .avatar-status-text,.dark-mode .avatar-status-text,body.dark-mode .avatar-status-text{color:var(--lam-text-muted-dark)}[data-theme=dark] .ai-avatar-container.active .avatar-status-text,.dark-mode .ai-avatar-container.active .avatar-status-text,body.dark-mode .ai-avatar-container.active .avatar-status-text{color:#a78bfa}.hospital-reception-avatar-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#8b5cf60d,#7c3aed14);border-radius:1.25rem;border:1px solid rgba(139,92,246,.1);margin-bottom:1rem}[data-theme=dark] .hospital-reception-avatar-section,.dark-mode .hospital-reception-avatar-section,body.dark-mode .hospital-reception-avatar-section{background:linear-gradient(135deg,#8b5cf614,#7c3aed1f);border-color:#8b5cf626}@media (max-width: 768px){.hospital-reception-avatar-section{padding:.75rem;margin-bottom:.75rem}}.hospital-reception-info-section{display:flex;flex-direction:column;gap:.75rem}.live-api-mini-avatar-container{display:flex;align-items:center;justify-content:center;padding:0}.ai-avatar-container.mini{padding:0}.ai-avatar-container.mini .ai-avatar-svg{width:48px;height:48px;filter:drop-shadow(0 2px 8px rgba(124,58,237,.2))}.ai-avatar-container.mini.active .ai-avatar-svg{filter:drop-shadow(0 4px 12px rgba(124,58,237,.35))}@media (max-width: 768px){.ai-avatar-container.mini .ai-avatar-svg{width:40px;height:40px}}.skeleton{background-color:#e5e7eb;border-radius:4px;width:100%}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:4px}.skeleton-rectangular{height:100%;border-radius:8px}.skeleton-circular{border-radius:50%}.skeleton-animate{animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(to right,#e5e7eb 4%,#f3f4f6 25%,#e5e7eb 36%);background-size:1000px 100%}@keyframes skeleton-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media (prefers-color-scheme: dark){.skeleton{background-color:#374151}.skeleton-animate{background:linear-gradient(to right,#374151 4%,#4b5563 25%,#374151 36%);background-size:1000px 100%}}.App{text-align:center;height:100%;width:100%;display:flex;flex-direction:column;background-color:var(--background-color);color:var(--text-color);font-family:Google Sans,sans-serif;font-size:14px;line-height:20px;font-weight:400;letter-spacing:.25px}.streaming-console{display:flex;flex-direction:row;height:100%;width:100%}.streaming-console main{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px;gap:16px;overflow:hidden;position:relative}.streaming-console main .input-container{width:100%;max-width:600px;padding:14px 0;border-top:none;margin-top:auto}.streaming-console main .input-container .input-content{position:relative;background:var(--Neutral-10);border:1px solid var(--Neutral-15);border-radius:10px;padding:11px 18px;display:flex;align-items:center;min-height:50px}.streaming-console main .input-container .input-content .input-area{background:none;color:var(--text-color);field-sizing:content;flex-grow:1;outline:none;border:0;resize:none;padding:0;max-height:150px;overflow-y:auto;z-index:2}.streaming-console main .input-container .input-content .input-content-placeholder{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;z-index:1;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre-wrap;color:var(--Neutral-50)}.streaming-console main .input-container .input-content .send-button{position:static;transform:none;background:none;border:0;color:var(--Primary-50);cursor:pointer;transition:color .1s ease-in;font-size:24px;padding:0 8px}.streaming-console main .input-container .input-content .send-button:hover{color:var(--Primary-70)}.streaming-console .main-app-area{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;height:100%;overflow:hidden}.streaming-console .hospital-reception{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;text-align:center;padding:20px;box-sizing:border-box;background-color:var(--Neutral-5);border-radius:8px;box-shadow:var(--box-shadow-md)}.streaming-console .hospital-reception h1{font-size:2.5em;color:var(--primary-color);margin-bottom:10px}.streaming-console .hospital-reception h2{font-size:1.5em;color:var(--Neutral-70);margin-top:20px;margin-bottom:10px}.streaming-console .hospital-reception p{font-size:1.1em;color:var(--Neutral-60);margin-bottom:20px}.streaming-console .hospital-reception pre{background-color:var(--Neutral-10);padding:15px;border-radius:5px;overflow-x:auto;max-width:100%;text-align:left;font-size:.9em;color:var(--Neutral-80)}.streaming-console .hospital-reception div{margin-top:15px;width:100%;max-width:600px}.streaming-console .stream{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background-color:#000;z-index:1}.streaming-console .stream.hidden{display:none}.action-button{background-color:var(--Neutral-15);border:none;border-radius:12px;padding:12px;color:var(--text-color);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out,transform .1s ease-out;min-width:48px;min-height:48px}.action-button:hover{background-color:var(--Neutral-20);transform:translateY(-2px)}.action-button:active{background-color:var(--Neutral-30);transform:translateY(0)}.action-button.mic-button{width:48px;height:48px;border-radius:50%;padding:0;font-size:24px}.action-button.no-action{cursor:default}.action-button.no-action:hover{background-color:var(--Neutral-15);transform:none}.action-button.outlined{border:1px solid var(--Neutral-30)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}@keyframes mic-pulse-animation{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.7}}.mic-button.recording:before{animation:mic-pulse-animation 1.5s infinite ease-in-out}.select-group{display:flex;flex-direction:column;gap:var(--spacing-xxs);width:100%}.select-group label{font-size:12px;color:var(--Neutral-60)}.dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-color);border:1px solid var(--Neutral-30);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--box-shadow-md);z-index:var(--z-index-modal);width:90%;max-width:600px;max-height:90%;overflow-y:auto}.dialog .dialog-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.dialog .dialog-container.disabled{position:relative}.dialog .dialog-container.disabled:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1;cursor:not-allowed}.dialog .dialog-container .connected-indicator{background-color:var(--Primary-10);color:var(--Primary-90);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);text-align:center;font-weight:500}.dialog .dialog-container .mode-selectors{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.dialog .dialog-container h3{font-size:16px;color:var(--text-color);margin-bottom:var(--spacing-xs)}.dialog .dialog-container .system{width:100%;min-height:100px;background-color:var(--Neutral-15);border:1px solid var(--Neutral-30);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);color:var(--text-color);font-family:var(--font-family-monospace);resize:vertical}.dialog .dialog-container h4{font-size:14px;color:var(--Neutral-80);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs)}.dialog .dialog-container .function-declarations .fd-rows{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dialog .dialog-container .function-declarations .fd-row{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--Neutral-10);padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}.dialog .dialog-container .function-declarations .fd-row-name{font-weight:500;color:var(--Primary-70)}.dialog .dialog-container .function-declarations .fd-row-args{font-size:12px;color:var(--Neutral-50);display:flex;gap:var(--spacing-xxs);flex-wrap:wrap}.dialog .dialog-container .function-declarations .fd-row-description{flex-grow:1;background-color:var(--Neutral-15);border:1px solid var(--Neutral-30);border-radius:var(--border-radius-sm);padding:4px var(--spacing-xs);color:var(--text-color)}.react-select{background:var(--Neutral-20);color:var(--text-color);width:193px;height:30px}.react-select .react-select__single-value{color:var(--text-color)}.react-select .react-select__menu{background:var(--Neutral-20);color:var(--text-color)}.react-select__control{background:var(--Neutral-15);color:var(--text-color);min-height:33px;max-height:33px;border:0}.react-select__option--is-focused{background-color:var(--Neutral-30)}.react-select__option--is-selected{background-color:var(--Neutral-20)}.side-panel{background:var(--Neutral-0);width:40px;display:flex;flex-direction:column;height:100vh;transition:all .2s ease-in;font-family:var(--font-family-sans-serif);border-right:1px solid var(--Neutral-30);color:var(--text-color);font-size:13px;font-style:normal;font-weight:400;line-height:160%}.side-panel .hidden{display:none!important}.side-panel.open .top h2{left:0%;display:block;opacity:1}.side-panel .top{display:flex;width:calc(100% - 45px);justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 25px;border-bottom:1px solid var(--Neutral-20)}.side-panel .top h2{position:relative;color:var(--text-color);font-family:Google Sans;font-size:21px;font-style:normal;font-weight:500;line-height:16px;opacity:0;display:none;left:-100%;transition:opacity .2s ease-in,left .2s ease-in,display .2s ease-in;transition-behavior:allow-discrete}@starting-style{.side-panel .top h2{left:0%;opacity:1}}.side-panel .opener{height:30px;transition:transform .2s ease-in}.side-panel:not(.open) .side-panel-container{opacity:0;display:none;transition:all .2s ease-in allow-discrete;transition-delay:.1s}.side-panel:not(.open) .indicators .streaming-indicator{width:30px;opacity:0}.side-panel:not(.open) .opener{transform:translate(-50%)}.side-panel:not(.open) .input-container{opacity:0;display:none;transition:all .2s ease-in allow-discrete}.side-panel .indicators{display:flex;padding:var(--spacing-lg) 25px;justify-content:flex-end;gap:21px}.side-panel .indicators .streaming-indicator{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--border-radius-sm);border:1px solid var(--Neutral-20);background:var(--Neutral-10);display:flex;width:136px;height:30px;padding-left:4px;justify-content:center;align-items:center;gap:6px;flex-shrink:0;text-align:center;font-family:var(--font-family-monospace);font-size:14px;font-style:normal;font-weight:400;line-height:normal;transition:width .2s ease-in}.side-panel .indicators .streaming-indicator.connected{color:var(--Primary-50)}.side-panel .side-panel-container{align-self:flex-end;width:400px;flex-grow:1;overflow-x:hidden;overflow-y:auto}.side-panel.open{width:400px;height:100vh}.side-panel-responses,.side-panel-requests{flex-grow:1;flex-shrink:1;overflow-x:hidden;overflow-y:auto;width:100%;display:block;margin-left:var(--spacing-xs)}.top{width:100%;flex-grow:0;flex-shrink:0;height:30px;display:flex;align-self:flex-end;align-items:center;transition:all .2s ease-in}.top button{background:transparent;border:0;cursor:pointer;font-size:1.25rem;line-height:1.75rem;padding:var(--spacing-xxs)}.disabled .mic-button:before,.mic-button.disabled:before{background:#0000}.mic-button{position:relative;background-color:var(--Danger);z-index:1;color:var(--Neutral-0);transition:all .2s ease-in}.mic-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Danger)}.mic-button:hover{background-color:#c23628}.mic-button:before{position:absolute;z-index:-1;top:calc(var(--volume) * -1);left:calc(var(--volume) * -1);display:block;content:"";opacity:.35;background-color:var(--Danger);width:calc(100% + var(--volume) * 2);height:calc(100% + var(--volume) * 2);border-radius:24px;transition:all .02s ease-in-out}.connect-toggle:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.connect-toggle:not(.connected){background-color:var(--Primary-50);color:var(--Neutral-0)}.control-tray{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:inline-flex;justify-content:center;align-items:flex-start;gap:var(--spacing-xs);padding-bottom:var(--spacing-md)}.control-tray .disabled .action-button,.control-tray .action-button.disabled{background:#0000;border:1px solid var(--Neutral-30);color:var(--Neutral-30)}.control-tray .connection-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xxs)}.control-tray .connection-container .connection-button-container{border-radius:27px;border:1px solid var(--Neutral-30);background:var(--Neutral-5);padding:10px}.control-tray .connection-container .text-indicator{font-size:11px;color:var(--Primary-50);-webkit-user-select:none;-moz-user-select:none;user-select:none}.control-tray .connection-container:not(.connected) .text-indicator{opacity:0}.actions-nav{background:var(--Neutral-5);border:1px solid var(--Neutral-30);border-radius:27px;display:inline-flex;gap:var(--spacing-sm);align-items:center;overflow:clip;padding:var(--spacing-xs);transition:all .6s ease-in}.actions-nav>*{display:flex;align-items:center;flex-direction:column;gap:1rem}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}@media (max-width: 768px){.streaming-console{flex-direction:column}.side-panel{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--Neutral-30)}.side-panel.open{width:100%;height:auto}.side-panel .top{width:100%;padding:var(--spacing-sm) var(--spacing-md);justify-content:center}.side-panel .top h2{display:block;opacity:1;position:static;transform:none}.side-panel .top .opener{display:none}.side-panel:not(.open){width:100%;height:50px}.side-panel:not(.open) .top{justify-content:center}.side-panel:not(.open) .top .opener{display:block;transform:none}.side-panel:not(.open) .indicators,.side-panel:not(.open) .input-container,.side-panel:not(.open) .side-panel-container{display:none}.side-panel .indicators{justify-content:center;padding:var(--spacing-md)}.side-panel .side-panel-container{width:100%;max-height:300px}.side-panel .input-container{padding:var(--spacing-sm) var(--spacing-md)}.streaming-console main{padding:var(--spacing-md)}.control-tray{position:static;transform:none;width:100%;padding:var(--spacing-md) 0;flex-wrap:wrap;justify-content:center}.actions-nav{flex-wrap:wrap;justify-content:center;width:100%;padding:var(--spacing-sm)}.dialog{width:95%;padding:var(--spacing-sm)}.dialog-container .mode-selectors{flex-direction:column;gap:var(--spacing-sm)}.react-select{width:100%}}.audioPulse{display:flex;width:24px;justify-content:space-evenly;align-items:center;transition:all .5s}.audioPulse>div{background-color:var(--Neutral-30);width:4px;min-height:4px;border-radius:1000px;transition:height .1s}.audioPulse.hover>div{animation:hover 1.4s infinite alternate ease-in-out}.audioPulse{height:4px;transition:opacity .333s}.audioPulse.active{opacity:1}.audioPulse.active>div{background-color:var(--Neutral-80)}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-3.5px)}}@keyframes pulse{0%{scale:1 1}to{scale:1.2 1.2}}._overlay_79cew_5{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:transparent;pointer-events:auto;animation:_fadeIn_79cew_1 .15s ease-out}@keyframes _fadeIn_79cew_1{0%{opacity:0}to{opacity:1}}._overlayMinimized_79cew_55{background:transparent!important;pointer-events:none!important}._modal_79cew_65{width:600px;max-width:95vw;height:600px;max-height:80vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;overflow:hidden;display:flex;flex-direction:column;animation:_scaleIn_79cew_1 .2s cubic-bezier(.16,1,.3,1);transition:height .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),transform .1s linear}._modal_79cew_65._minimized_79cew_97{height:auto!important;min-height:auto!important;width:320px!important;pointer-events:auto}._modal_79cew_65._minimized_79cew_97 ._contentWrapper_79cew_113{display:none}@keyframes _scaleIn_79cew_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _scaleOut_79cew_1{to{opacity:0;transform:translate(40vw,-40vh) scale(.5)}}._modal_79cew_65._exiting_79cew_161{animation:_scaleOut_79cew_1 .2s cubic-bezier(.4,0,1,1) forwards!important}._overlay_79cew_5._exiting_79cew_161{opacity:0;pointer-events:none;transition:opacity .2s ease-out}._header_79cew_183{padding:0;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#a78bfa);position:relative;flex-shrink:0}._inputWrapper_79cew_197{padding:0;position:relative;display:flex;flex-direction:column}._inputContainer_79cew_215{display:flex;align-items:flex-start;background:#fff3;border-radius:0;padding:.5rem 1rem;gap:.5rem;width:100%;margin:0;border:none;border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease}._inputContainer_79cew_215:focus-within{background:#ffffff40;transform:none;width:100%}._minimizedSearchIcon_79cew_273{display:none}._searchIcon_79cew_281{color:#ffffffe6;flex-shrink:0;margin-top:6px}._input_79cew_197{flex:1;min-width:0;background:transparent;border:none;outline:none!important;box-shadow:none!important;font-size:1rem;color:#fff;font-weight:500;resize:none;min-height:24px;max-height:150px;line-height:1.5;font-family:inherit;overflow-y:hidden;padding-right:0}._input_79cew_197::-moz-placeholder{color:#ffffffb3}._input_79cew_197::placeholder{color:#ffffffb3}._controlsGroup_79cew_347{display:flex;align-items:center;gap:.25rem;flex-shrink:0;align-self:flex-end;margin-left:.5rem;padding-bottom:2px}._iconButton_79cew_373{background:#ffffff26;border:none;color:#ffffffe6;padding:.35rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}._iconButton_79cew_373:hover{background:#ffffff4d;color:#fff;transform:translateY(-1px)}._sendButton_79cew_413{background:#ffffff40;font-weight:700}._closeButton_79cew_423{background:#ff000026}._closeButton_79cew_423:hover{background:#ff00004d}._divider_79cew_443{width:1px;height:1.25rem;background:#ffffff4d;margin:0 .25rem}._dragBar_79cew_459{width:100%;height:56px;background:#f1f5f9;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;cursor:grab;flex-shrink:0;border-bottom:1px solid #e2e8f0}._dragBarTitle_79cew_489{font-size:1rem;font-weight:600;color:#475569;display:flex;align-items:center;gap:.5rem;position:absolute;left:50%;transform:translate(-50%);pointer-events:none}._dragBarControls_79cew_519,._dragBarControlsRight_79cew_537{display:flex;gap:8px;align-items:center;z-index:10}._newChatBtn_79cew_553{background:transparent;border:none;color:#64748b;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}._newChatBtn_79cew_553:hover{background:#f1f5f9;color:#0f172a}._windowControlBtn_79cew_589{width:44px;height:44px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;color:#64748b}._windowControlBtn_79cew_589:hover{background:#f1f5f9;color:#0f172a;transform:scale(1.05)}._dragBar_79cew_459:active{cursor:grabbing}._dragHandlePill_79cew_641{width:32px;height:4px;background:#cbd5e1;border-radius:2px}._contentWrapper_79cew_113{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}._content_79cew_113{flex:1;overflow-y:auto;background:#fff}._overlayContent_79cew_687{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;display:flex;flex-direction:column}._section_79cew_711{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}._sectionTitle_79cew_723{font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}._recentList_79cew_743{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}._recentList_79cew_743::-webkit-scrollbar{display:none}._recentPill_79cew_767{display:flex;align-items:center;gap:.5rem;padding:.35rem .65rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}._recentPill_79cew_767:hover{border-color:#c4b5fd;background:#faf5ff}._recentName_79cew_807{font-size:.85rem;font-weight:500;color:#1f2937}._recentToken_79cew_819{font-size:.7rem;padding:.1rem .3rem;background:#eff6ff;color:#3b82f6;border-radius:4px;font-weight:700}._recentInfo_79cew_837{font-size:.75rem;color:#6b7280}._examplesGrid_79cew_849{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}._exampleCard_79cew_861{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}._exampleCard_79cew_861:hover{border-color:#c4b5fd;background:#faf5ff;transform:translateY(-1px)}._exampleIcon_79cew_897{font-size:1.1rem}._exampleText_79cew_905{font-size:.8rem;color:#374151;font-weight:500}._chatSectionFill_79cew_919{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}._chatMessagesFill_79cew_935{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}._chatBubble_79cew_955{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;line-height:1.6;max-width:85%;word-break:break-word;margin-bottom:.5rem}._chatBubbleUser_79cew_975{background:#f3f4f6;color:#1f2937;align-self:flex-end;border-bottom-right-radius:2px}._chatBubbleModel_79cew_991{background:transparent;color:#334155;align-self:flex-start;padding-left:0}._chatBubbleSystem_79cew_1009{align-self:center;font-size:.7rem;color:#94a3b8;background:transparent}._processing_79cew_1025{display:flex;align-items:center;gap:.5rem;padding:.5rem;color:#7c3aed;font-size:.8rem}._spinner_79cew_1043{animation:_spin_79cew_1043 1s linear infinite}@keyframes _spin_79cew_1043{to{transform:rotate(360deg)}}._resultItem_79cew_1065{padding:.5rem .75rem;background:#fff;border-radius:6px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}._resultItem_79cew_1065:hover{background:#eff6ff}._resultName_79cew_1093{font-size:.9rem;font-weight:500}._resultToken_79cew_1103{font-size:.75rem;color:#3b82f6;margin-right:.5rem}._resultDetails_79cew_1115{font-size:.75rem;color:#64748b}._noResults_79cew_1125{text-align:center;padding:.75rem;color:#64748b;font-size:.8rem;background:#f8fafc;border-radius:6px;border:1px dashed #e2e8f0}@media (max-width: 768px){._overlay_79cew_5{padding:0;align-items:stretch;background:#00000080;transition:background-color .3s}._overlayMinimized_79cew_55{background:transparent!important;pointer-events:none}._overlayMinimized_79cew_55 ._modal_79cew_65{pointer-events:auto}._modal_79cew_65{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;transform:none!important}._modal_79cew_65._minimized_79cew_97{height:48px!important;width:48px!important;min-width:48px!important;inset:auto!important;top:1rem!important;right:1rem!important;left:auto!important;bottom:auto!important;border-radius:50%!important;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #7c3aed80,0 0 0 2px #fffc!important;background:linear-gradient(135deg,#7c3aed,#8b5cf6);display:flex;align-items:center;justify-content:center;z-index:10000}._dragBar_79cew_459{position:sticky;top:0;z-index:20;flex-shrink:0;height:56px}._contentWrapper_79cew_113{flex:1 1 0%;min-height:0;overflow-y:auto;overscroll-behavior:contain}._content_79cew_113,._chatSectionFill_79cew_919{flex:1;overflow-y:auto;overscroll-behavior:contain}._header_79cew_183{position:sticky;bottom:0;z-index:20;flex-shrink:0}._minimizedSearchIcon_79cew_273{display:none;color:#fff}._modal_79cew_65._minimized_79cew_97 ._minimizedSearchIcon_79cew_273{display:flex;align-items:center;justify-content:center}._modal_79cew_65._minimized_79cew_97 ._input_79cew_197,._modal_79cew_65._minimized_79cew_97 ._controlsGroup_79cew_347,._modal_79cew_65._minimized_79cew_97 ._dragBar_79cew_459,._modal_79cew_65._minimized_79cew_97 ._contentWrapper_79cew_113{display:none!important}._modal_79cew_65._minimized_79cew_97 ._header_79cew_183{position:static;background:transparent;padding:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}._modal_79cew_65._minimized_79cew_97 ._inputWrapper_79cew_197{padding:0;margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}._modal_79cew_65._minimized_79cew_97 ._inputContainer_79cew_215{padding:0;margin:0;width:100%;height:100%;background:transparent;box-shadow:none;gap:0;display:flex;align-items:center;justify-content:center;border:none}._modal_79cew_65._minimized_79cew_97 ._searchIcon_79cew_281{display:none}._controlsGroup_79cew_347{gap:.25rem;right:.75rem}}._modal_79cew_65{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(139,92,246,.15);box-shadow:0 25px 50px -12px #00000026,0 12px 24px -8px #7c3aed1a,0 0 0 1px #fffc inset}._header_79cew_183{background:linear-gradient(135deg,#6d28d9,#7c3aed 30%,#8b5cf6 70%,#a78bfa);box-shadow:0 4px 15px #7c3aed40}._dragBar_79cew_459{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(226,232,240,.8)}._dragBarTitle_79cew_489{color:#475569;font-weight:600}._windowControlBtn_79cew_589{color:#64748b;transition:all .2s ease}._windowControlBtn_79cew_589:hover{background:#7c3aed1a;color:#7c3aed}._newChatBtn_79cew_553{color:#64748b}._newChatBtn_79cew_553:hover{background:#7c3aed1a;color:#7c3aed}._content_79cew_113,._chatSectionFill_79cew_919{background:linear-gradient(180deg,#fff,#fafafa)}._section_79cew_711{border-bottom:1px solid rgba(226,232,240,.6)}._sectionTitle_79cew_723{color:#7c3aed;font-weight:700;text-transform:uppercase;letter-spacing:.08em}._recentPill_79cew_767{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 4px #0000000a}._recentPill_79cew_767:hover{border-color:#a78bfa;background:linear-gradient(145deg,#faf5ff,#f3e8ff);box-shadow:0 4px 12px #7c3aed26;transform:translateY(-1px)}._recentName_79cew_807{color:#1e293b;font-weight:600}._recentToken_79cew_819{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;font-weight:700}._recentInfo_79cew_837{color:#64748b}._exampleCard_79cew_861{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 4px #0000000a}._exampleCard_79cew_861:hover{border-color:#a78bfa;background:linear-gradient(145deg,#faf5ff,#f3e8ff);box-shadow:0 6px 16px #7c3aed2e;transform:translateY(-2px)}._exampleText_79cew_905{color:#334155;font-weight:500}._chatBubbleUser_79cew_975{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b;border:1px solid rgba(226,232,240,.5)}._chatBubbleModel_79cew_991{background:transparent;color:#334155}._chatBubbleSystem_79cew_1009{color:#94a3b8}._resultItem_79cew_1065{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:8px;transition:all .2s ease}._resultItem_79cew_1065:hover{background:linear-gradient(145deg,#faf5ff,#eff6ff);box-shadow:0 2px 8px #7c3aed1f}._resultName_79cew_1093{color:#1e293b;font-weight:600}._resultToken_79cew_1103{color:#7c3aed;font-weight:600}._resultDetails_79cew_1115{color:#64748b}._noResults_79cew_1125{background:linear-gradient(145deg,#f8fafc,#f1f5f9);color:#64748b;border:1px dashed rgba(148,163,184,.4)}._processing_79cew_1025{color:#7c3aed}._overlayContent_79cew_687{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] ._overlay_79cew_5,.dark-mode ._overlay_79cew_5,body.dark-mode ._overlay_79cew_5{background:#000000b3}[data-theme=dark] ._modal_79cew_65,.dark-mode ._modal_79cew_65,body.dark-mode ._modal_79cew_65{background:linear-gradient(145deg,#1e1e2e,#181825);border:1px solid rgba(139,92,246,.25);box-shadow:0 25px 50px -12px #00000080,0 12px 24px -8px #7c3aed33,0 0 0 1px #ffffff0d inset,0 0 80px -40px #8b5cf64d}[data-theme=dark] ._header_79cew_183,.dark-mode ._header_79cew_183,body.dark-mode ._header_79cew_183{background:linear-gradient(135deg,#4c1d95,#6d28d9 30%,#7c3aed 70%,#8b5cf6);box-shadow:0 4px 20px #7c3aed59}[data-theme=dark] ._inputContainer_79cew_215,.dark-mode ._inputContainer_79cew_215,body.dark-mode ._inputContainer_79cew_215{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=dark] ._inputContainer_79cew_215:focus-within,.dark-mode ._inputContainer_79cew_215:focus-within,body.dark-mode ._inputContainer_79cew_215:focus-within{background:#ffffff26}[data-theme=dark] ._input_79cew_197,.dark-mode ._input_79cew_197,body.dark-mode ._input_79cew_197{color:#fff}[data-theme=dark] ._input_79cew_197::-moz-placeholder,.dark-mode ._input_79cew_197::-moz-placeholder,body.dark-mode ._input_79cew_197::-moz-placeholder{color:#fff9}[data-theme=dark] ._input_79cew_197::placeholder,.dark-mode ._input_79cew_197::placeholder,body.dark-mode ._input_79cew_197::placeholder{color:#fff9}[data-theme=dark] ._dragBar_79cew_459,.dark-mode ._dragBar_79cew_459,body.dark-mode ._dragBar_79cew_459{background:linear-gradient(180deg,#1e1e2e,#181825);border-bottom:1px solid rgba(139,92,246,.15)}[data-theme=dark] ._dragBarTitle_79cew_489,.dark-mode ._dragBarTitle_79cew_489,body.dark-mode ._dragBarTitle_79cew_489{color:#cdd6f4}[data-theme=dark] ._windowControlBtn_79cew_589,.dark-mode ._windowControlBtn_79cew_589,body.dark-mode ._windowControlBtn_79cew_589{color:#a6adc8}[data-theme=dark] ._windowControlBtn_79cew_589:hover,.dark-mode ._windowControlBtn_79cew_589:hover,body.dark-mode ._windowControlBtn_79cew_589:hover{background:#8b5cf633;color:#cba6f7}[data-theme=dark] ._newChatBtn_79cew_553,.dark-mode ._newChatBtn_79cew_553,body.dark-mode ._newChatBtn_79cew_553{color:#a6adc8}[data-theme=dark] ._newChatBtn_79cew_553:hover,.dark-mode ._newChatBtn_79cew_553:hover,body.dark-mode ._newChatBtn_79cew_553:hover{background:#8b5cf633;color:#cba6f7}[data-theme=dark] ._dragHandlePill_79cew_641,.dark-mode ._dragHandlePill_79cew_641,body.dark-mode ._dragHandlePill_79cew_641{background:#45475a}[data-theme=dark] ._content_79cew_113,.dark-mode ._content_79cew_113,body.dark-mode ._content_79cew_113,[data-theme=dark] ._chatSectionFill_79cew_919,.dark-mode ._chatSectionFill_79cew_919,body.dark-mode ._chatSectionFill_79cew_919{background:linear-gradient(180deg,#1e1e2e,#181825)}[data-theme=dark] ._contentWrapper_79cew_113,.dark-mode ._contentWrapper_79cew_113,body.dark-mode ._contentWrapper_79cew_113{background:#1e1e2e}[data-theme=dark] ._section_79cew_711,.dark-mode ._section_79cew_711,body.dark-mode ._section_79cew_711{border-bottom:1px solid rgba(69,71,90,.5)}[data-theme=dark] ._sectionTitle_79cew_723,.dark-mode ._sectionTitle_79cew_723,body.dark-mode ._sectionTitle_79cew_723{color:#cba6f7}[data-theme=dark] ._recentPill_79cew_767,.dark-mode ._recentPill_79cew_767,body.dark-mode ._recentPill_79cew_767{background:linear-gradient(145deg,#313244,#2a2a3c);border:1px solid rgba(69,71,90,.6);box-shadow:0 2px 8px #0003}[data-theme=dark] ._recentPill_79cew_767:hover,.dark-mode ._recentPill_79cew_767:hover,body.dark-mode ._recentPill_79cew_767:hover{border-color:#a78bfa;background:linear-gradient(145deg,#3a3a4c,#2e2e3f);box-shadow:0 4px 16px #8b5cf640}[data-theme=dark] ._recentName_79cew_807,.dark-mode ._recentName_79cew_807,body.dark-mode ._recentName_79cew_807{color:#cdd6f4}[data-theme=dark] ._recentToken_79cew_819,.dark-mode ._recentToken_79cew_819,body.dark-mode ._recentToken_79cew_819{background:linear-gradient(135deg,#60a5fa33,#3b82f640);color:#89b4fa}[data-theme=dark] ._recentInfo_79cew_837,.dark-mode ._recentInfo_79cew_837,body.dark-mode ._recentInfo_79cew_837{color:#a6adc8}[data-theme=dark] ._exampleCard_79cew_861,.dark-mode ._exampleCard_79cew_861,body.dark-mode ._exampleCard_79cew_861{background:linear-gradient(145deg,#313244,#2a2a3c);border:1px solid rgba(69,71,90,.6);box-shadow:0 2px 8px #0003}[data-theme=dark] ._exampleCard_79cew_861:hover,.dark-mode ._exampleCard_79cew_861:hover,body.dark-mode ._exampleCard_79cew_861:hover{border-color:#a78bfa;background:linear-gradient(145deg,#3a3a4c,#2e2e3f);box-shadow:0 8px 24px #8b5cf64d}[data-theme=dark] ._exampleText_79cew_905,.dark-mode ._exampleText_79cew_905,body.dark-mode ._exampleText_79cew_905{color:#bac2de}[data-theme=dark] ._chatBubbleUser_79cew_975,.dark-mode ._chatBubbleUser_79cew_975,body.dark-mode ._chatBubbleUser_79cew_975{background:linear-gradient(135deg,#45475a,#3a3a4c);color:#cdd6f4;border:1px solid rgba(69,71,90,.4)}[data-theme=dark] ._chatBubbleModel_79cew_991,.dark-mode ._chatBubbleModel_79cew_991,body.dark-mode ._chatBubbleModel_79cew_991{background:transparent;color:#bac2de}[data-theme=dark] ._chatBubbleSystem_79cew_1009,.dark-mode ._chatBubbleSystem_79cew_1009,body.dark-mode ._chatBubbleSystem_79cew_1009{color:#6c7086}[data-theme=dark] ._chatMessagesFill_79cew_935,.dark-mode ._chatMessagesFill_79cew_935,body.dark-mode ._chatMessagesFill_79cew_935{background:transparent}[data-theme=dark] ._resultItem_79cew_1065,.dark-mode ._resultItem_79cew_1065,body.dark-mode ._resultItem_79cew_1065{background:linear-gradient(145deg,#313244,#2a2a3c);border:1px solid rgba(69,71,90,.4)}[data-theme=dark] ._resultItem_79cew_1065:hover,.dark-mode ._resultItem_79cew_1065:hover,body.dark-mode ._resultItem_79cew_1065:hover{background:linear-gradient(145deg,#3a3a4c,#2e2e3f);border-color:#8b5cf666;box-shadow:0 4px 12px #8b5cf626}[data-theme=dark] ._resultName_79cew_1093,.dark-mode ._resultName_79cew_1093,body.dark-mode ._resultName_79cew_1093{color:#cdd6f4}[data-theme=dark] ._resultToken_79cew_1103,.dark-mode ._resultToken_79cew_1103,body.dark-mode ._resultToken_79cew_1103{color:#cba6f7}[data-theme=dark] ._resultDetails_79cew_1115,.dark-mode ._resultDetails_79cew_1115,body.dark-mode ._resultDetails_79cew_1115{color:#a6adc8}[data-theme=dark] ._noResults_79cew_1125,.dark-mode ._noResults_79cew_1125,body.dark-mode ._noResults_79cew_1125{background:linear-gradient(145deg,#313244,#2a2a3c);color:#a6adc8;border:1px dashed rgba(108,112,134,.5)}[data-theme=dark] ._processing_79cew_1025,.dark-mode ._processing_79cew_1025,body.dark-mode ._processing_79cew_1025{color:#cba6f7}[data-theme=dark] ._overlayContent_79cew_687,.dark-mode ._overlayContent_79cew_687,body.dark-mode ._overlayContent_79cew_687{background:#1e1e2ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] ._iconButton_79cew_373,.dark-mode ._iconButton_79cew_373,body.dark-mode ._iconButton_79cew_373{background:#ffffff1f;color:#ffffffd9}[data-theme=dark] ._iconButton_79cew_373:hover,.dark-mode ._iconButton_79cew_373:hover,body.dark-mode ._iconButton_79cew_373:hover{background:#ffffff40;color:#fff}[data-theme=dark] ._sendButton_79cew_413,.dark-mode ._sendButton_79cew_413,body.dark-mode ._sendButton_79cew_413{background:#8b5cf659}[data-theme=dark] ._sendButton_79cew_413:hover,.dark-mode ._sendButton_79cew_413:hover,body.dark-mode ._sendButton_79cew_413:hover{background:#8b5cf68c}[data-theme=dark] ._closeButton_79cew_423,.dark-mode ._closeButton_79cew_423,body.dark-mode ._closeButton_79cew_423{background:#ef444433}[data-theme=dark] ._closeButton_79cew_423:hover,.dark-mode ._closeButton_79cew_423:hover,body.dark-mode ._closeButton_79cew_423:hover{background:#ef444466}[data-theme=dark] ._divider_79cew_443,.dark-mode ._divider_79cew_443,body.dark-mode ._divider_79cew_443{background:#fff3}[data-theme=dark] ._modal_79cew_65._minimized_79cew_97,.dark-mode ._modal_79cew_65._minimized_79cew_97,body.dark-mode ._modal_79cew_65._minimized_79cew_97{box-shadow:0 4px 20px #8b5cf680,0 0 0 2px #8b5cf64d!important;background:linear-gradient(135deg,#6d28d9,#8b5cf6)}@media (max-width: 768px){[data-theme=dark] ._modal_79cew_65._minimized_79cew_97,.dark-mode ._modal_79cew_65._minimized_79cew_97,body.dark-mode ._modal_79cew_65._minimized_79cew_97{box-shadow:0 4px 20px #8b5cf699,0 0 0 2px #8b5cf666!important}[data-theme=dark] ._overlay_79cew_5,.dark-mode ._overlay_79cew_5,body.dark-mode ._overlay_79cew_5{background:#000000bf}}[data-theme=dark] ._chatMessagesFill_79cew_935::-webkit-scrollbar,.dark-mode ._chatMessagesFill_79cew_935::-webkit-scrollbar,body.dark-mode ._chatMessagesFill_79cew_935::-webkit-scrollbar,[data-theme=dark] ._content_79cew_113::-webkit-scrollbar,.dark-mode ._content_79cew_113::-webkit-scrollbar,body.dark-mode ._content_79cew_113::-webkit-scrollbar{width:6px}[data-theme=dark] ._chatMessagesFill_79cew_935::-webkit-scrollbar-track,.dark-mode ._chatMessagesFill_79cew_935::-webkit-scrollbar-track,body.dark-mode ._chatMessagesFill_79cew_935::-webkit-scrollbar-track,[data-theme=dark] ._content_79cew_113::-webkit-scrollbar-track,.dark-mode ._content_79cew_113::-webkit-scrollbar-track,body.dark-mode ._content_79cew_113::-webkit-scrollbar-track{background:#45475a4d;border-radius:3px}[data-theme=dark] ._chatMessagesFill_79cew_935::-webkit-scrollbar-thumb,.dark-mode ._chatMessagesFill_79cew_935::-webkit-scrollbar-thumb,body.dark-mode ._chatMessagesFill_79cew_935::-webkit-scrollbar-thumb,[data-theme=dark] ._content_79cew_113::-webkit-scrollbar-thumb,.dark-mode ._content_79cew_113::-webkit-scrollbar-thumb,body.dark-mode ._content_79cew_113::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6c7086,#585b70);border-radius:3px}[data-theme=dark] ._chatMessagesFill_79cew_935::-webkit-scrollbar-thumb:hover,.dark-mode ._chatMessagesFill_79cew_935::-webkit-scrollbar-thumb:hover,body.dark-mode ._chatMessagesFill_79cew_935::-webkit-scrollbar-thumb:hover,[data-theme=dark] ._content_79cew_113::-webkit-scrollbar-thumb:hover,.dark-mode ._content_79cew_113::-webkit-scrollbar-thumb:hover,body.dark-mode ._content_79cew_113::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7f849c,#6c7086)}.excel-grid{display:flex;flex-direction:column;height:100%;background:var(--bg-color, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;overflow:hidden;font-size:14px}.excel-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, #e0e0e0);gap:10px;flex-wrap:wrap}.excel-search{position:relative;flex:1;max-width:300px}.excel-search input{width:100%;padding:6px 30px 6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.excel-search input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.clear-search{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#999;padding:2px}.excel-actions{display:flex;gap:8px}.excel-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}.excel-btn:hover{background:#f0f0f0}.excel-btn.save-btn{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.excel-btn.save-btn.has-changes{background:#4caf50;color:#fff;animation:pulse 1.5s infinite}.excel-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.excel-status{display:flex;gap:15px;padding:4px 12px;font-size:12px;color:#666;background:#fafafa;border-bottom:1px solid #eee;min-height:24px}.unsaved-indicator{color:#ff9800;font-weight:500}.excel-table-wrapper{flex:1;overflow:auto}.excel-table{width:100%;border-collapse:collapse;table-layout:fixed}.excel-table th{background:linear-gradient(to bottom,#f8f9fa,#e9ecef);border:1px solid #dee2e6;padding:8px 10px;text-align:left;font-weight:600;position:sticky;top:0;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}.excel-table th:hover{background:linear-gradient(to bottom,#e9ecef,#dee2e6)}.th-content{display:flex;align-items:center;justify-content:space-between;gap:4px}.excel-table td{border:1px solid #e9ecef;padding:0;height:32px;position:relative;cursor:cell}.excel-table td span{display:block;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.excel-table td.editing{padding:0;background:#fff8e1;box-shadow:inset 0 0 0 2px #4285f4}.excel-table td.editing input{width:100%;height:100%;border:none;padding:6px 8px;font-size:inherit;font-family:inherit;background:transparent;outline:none}.excel-table td.read-only{background:#f5f5f5;cursor:default}.excel-table tr:hover td{background:#f0f7ff}.excel-table tr.selected td{background:#e3f2fd}.row-num-header,.row-num{width:40px;min-width:40px;text-align:center;background:#f5f5f5;color:#666;font-size:12px;cursor:pointer}.row-num:hover{background:#e0e0e0}.action-col{width:36px;min-width:36px;text-align:center}.delete-row{background:none;border:none;cursor:pointer;color:#999;padding:4px;border-radius:4px}.delete-row:hover{background:#ffebee;color:#f44336}.excel-table td.no-data{text-align:center;padding:40px;color:#999;font-style:italic}.excel-footer{display:flex;gap:15px;padding:6px 12px;font-size:12px;color:#666;background:#f8f9fa;border-top:1px solid #e0e0e0}[data-theme=dark] .excel-grid{background:#1e293b;border-color:#475569}[data-theme=dark] .excel-toolbar{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#475569}[data-theme=dark] .excel-search input{background:#334155;border-color:#475569;color:#f1f5f9}[data-theme=dark] .excel-search input:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf84d}[data-theme=dark] .excel-search input::-moz-placeholder{color:#64748b}[data-theme=dark] .excel-search input::placeholder{color:#64748b}[data-theme=dark] .clear-search{color:#94a3b8}[data-theme=dark] .clear-search:hover{color:#f1f5f9}[data-theme=dark] .excel-btn{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .excel-btn:hover{background:#475569;border-color:#64748b}[data-theme=dark] .excel-btn.save-btn{background:#34d39926;border-color:#34d399;color:#6ee7b7}[data-theme=dark] .excel-btn.save-btn.has-changes{background:linear-gradient(135deg,#059669,#047857);border-color:#34d399;color:#fff}[data-theme=dark] .excel-status{background:#0f172a;border-color:#334155;color:#94a3b8}[data-theme=dark] .unsaved-indicator{color:#fbbf24}[data-theme=dark] .excel-table th{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569;color:#e2e8f0}[data-theme=dark] .excel-table th:hover{background:linear-gradient(135deg,#334155,#475569)}[data-theme=dark] .excel-table td{border-color:#334155;color:#e2e8f0;background:#1e293b}[data-theme=dark] .excel-table td span{color:#e2e8f0}[data-theme=dark] .excel-table td.editing{background:#334155;box-shadow:inset 0 0 0 2px #818cf8}[data-theme=dark] .excel-table td.editing input{color:#f1f5f9;background:transparent}[data-theme=dark] .excel-table td.read-only{background:#0f172a}[data-theme=dark] .excel-table tr:hover td{background:#334155}[data-theme=dark] .excel-table tr.selected td{background:#818cf833}[data-theme=dark] .row-num-header,[data-theme=dark] .row-num{background:#0f172a;color:#94a3b8;border-color:#334155}[data-theme=dark] .row-num:hover{background:#334155}[data-theme=dark] .delete-row{color:#94a3b8}[data-theme=dark] .delete-row:hover{background:#f8717133;color:#f87171}[data-theme=dark] .excel-table td.no-data{color:#64748b}[data-theme=dark] .excel-footer{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#334155;color:#94a3b8}@media (prefers-color-scheme: dark){.excel-grid{background:#1e293b;border-color:#475569}.excel-toolbar{background:#0f172a;border-color:#475569}.excel-search input{background:#334155;border-color:#475569;color:#f1f5f9}.excel-btn{background:#334155;border-color:#475569;color:#e2e8f0}.excel-btn:hover{background:#475569}.excel-table th{background:linear-gradient(to bottom,#1e293b,#334155);border-color:#475569;color:#e2e8f0}.excel-table td{border-color:#334155;color:#e2e8f0;background:#1e293b}.excel-table tr:hover td{background:#334155}.excel-status,.excel-footer{background:#0f172a;border-color:#334155;color:#94a3b8}.row-num-header,.row-num{background:#0f172a;color:#94a3b8}}.temp-dash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:10px;animation:tempDashFadeIn .2s ease}@keyframes tempDashFadeIn{0%{opacity:0}to{opacity:1}}.temp-dash-modal{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:12px;width:100%;max-width:800px;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 16px 32px -10px #0003,0 0 0 1px #8b5cf61a;animation:tempDashSlideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes tempDashSlideUp{0%{transform:translateY(15px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.temp-dash-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#6d28d9,#7c3aed,#8b5cf6);flex-shrink:0}.temp-dash-title-group{display:flex;align-items:center;gap:8px}.temp-dash-icon{background:#fff3;padding:5px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center}.temp-dash-title-text h2{margin:0;font-size:.9rem;font-weight:600;color:#fff;line-height:1.2}.temp-dash-ai-badge{display:inline-flex;align-items:center;gap:3px;font-size:.6rem;color:#ffffffe6;background:#ffffff26;padding:1px 6px;border-radius:8px;margin-top:1px;font-weight:500}.temp-dash-actions{display:flex;gap:6px;align-items:center}.temp-dash-save-btn{background:#fff3;color:#fff;border:none;padding:4px 10px;border-radius:6px;font-weight:500;font-size:.75rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.temp-dash-save-btn:hover{background:#ffffff4d}.temp-dash-close-btn{background:#ffffff26;border:none;cursor:pointer;color:#fff;padding:4px;display:flex;border-radius:6px;transition:all .2s}.temp-dash-close-btn:hover{background:#ffffff40}.temp-dash-save-form{display:flex;gap:8px;padding:8px 12px;background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;flex-wrap:wrap}.temp-dash-save-form input{flex:1;min-width:120px;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;font-size:.8rem;background:#fff;transition:all .2s}.temp-dash-save-form input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.temp-dash-save-form input::-moz-placeholder{color:#94a3b8}.temp-dash-save-form input::placeholder{color:#94a3b8}.temp-dash-save-actions{display:flex;gap:4px}.temp-dash-cancel-btn{background:#e2e8f0;color:#475569;border:none;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.temp-dash-cancel-btn:hover{background:#cbd5e1}.temp-dash-confirm-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.temp-dash-confirm-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6)}.temp-dash-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.temp-dash-body{padding:8px;flex:1;overflow-y:auto;min-height:150px}.temp-dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.temp-dash-empty{color:#94a3b8;font-style:italic;padding:30px 16px;text-align:center;font-size:.85rem}.temp-dash-grid .dashboard-widget{min-height:120px;padding:10px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 4px #00000008}.temp-dash-grid .widget-content{justify-content:flex-start;align-items:flex-start}.temp-dash-grid .widget-header{margin-bottom:6px;padding-bottom:6px}.temp-dash-grid .widget-header h3{font-size:.8rem}.temp-dash-grid .widget-stat{padding:6px}.temp-dash-grid .stat-value{font-size:1.8rem}.temp-dash-grid .stat-label{font-size:.75rem;margin-top:4px}.temp-dash-grid .widget-table{font-size:.72rem}.temp-dash-grid .widget-table th{padding:5px 4px;font-size:.68rem}.temp-dash-grid .widget-table td{padding:4px}.temp-dash-grid .widget-table-container{max-height:150px}.temp-dash-grid .widget-table-search{padding:4px 0;margin-bottom:6px}.temp-dash-grid .widget-table-search input{padding:4px 8px;font-size:.75rem}.temp-dash-grid .widget-expand-btn{padding:3px}.temp-dash-grid .widget-detail-cards{gap:8px;padding:4px 0}.temp-dash-grid .detail-card{padding:10px;border-radius:8px}.temp-dash-grid .detail-card-header{margin-bottom:8px;padding-bottom:8px;gap:6px}.temp-dash-grid .detail-card-title{font-size:.95rem}.temp-dash-grid .detail-card-fields{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.temp-dash-grid .detail-field-label{font-size:.68rem}.temp-dash-grid .detail-field-value{font-size:.85rem}.temp-dash-body::-webkit-scrollbar{width:6px}.temp-dash-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.temp-dash-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.temp-dash-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .temp-dash-overlay,.dark-mode .temp-dash-overlay,body.dark-mode .temp-dash-overlay{background:#000c}[data-theme=dark] .temp-dash-modal,.dark-mode .temp-dash-modal,body.dark-mode .temp-dash-modal{background:linear-gradient(145deg,#1e1e2e,#181825);border:1px solid rgba(139,92,246,.2);box-shadow:0 20px 40px -12px #00000080,0 0 60px -20px #8b5cf640}[data-theme=dark] .temp-dash-header,.dark-mode .temp-dash-header,body.dark-mode .temp-dash-header{background:linear-gradient(135deg,#4c1d95,#6d28d9,#7c3aed)}[data-theme=dark] .temp-dash-icon,.dark-mode .temp-dash-icon,body.dark-mode .temp-dash-icon{background:#ffffff26}[data-theme=dark] .temp-dash-ai-badge,.dark-mode .temp-dash-ai-badge,body.dark-mode .temp-dash-ai-badge{background:#ffffff1a}[data-theme=dark] .temp-dash-save-form,.dark-mode .temp-dash-save-form,body.dark-mode .temp-dash-save-form{background:#11111b;border-bottom-color:#313244}[data-theme=dark] .temp-dash-save-form input,.dark-mode .temp-dash-save-form input,body.dark-mode .temp-dash-save-form input{background:#1e1e2e;border-color:#45475a;color:#cdd6f4}[data-theme=dark] .temp-dash-save-form input::-moz-placeholder,.dark-mode .temp-dash-save-form input::-moz-placeholder,body.dark-mode .temp-dash-save-form input::-moz-placeholder{color:#6c7086}[data-theme=dark] .temp-dash-save-form input::placeholder,.dark-mode .temp-dash-save-form input::placeholder,body.dark-mode .temp-dash-save-form input::placeholder{color:#6c7086}[data-theme=dark] .temp-dash-save-form input:focus,.dark-mode .temp-dash-save-form input:focus,body.dark-mode .temp-dash-save-form input:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa26}[data-theme=dark] .temp-dash-cancel-btn,.dark-mode .temp-dash-cancel-btn,body.dark-mode .temp-dash-cancel-btn{background:#313244;color:#bac2de}[data-theme=dark] .temp-dash-cancel-btn:hover,.dark-mode .temp-dash-cancel-btn:hover,body.dark-mode .temp-dash-cancel-btn:hover{background:#45475a}[data-theme=dark] .temp-dash-confirm-btn,.dark-mode .temp-dash-confirm-btn,body.dark-mode .temp-dash-confirm-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}[data-theme=dark] .temp-dash-confirm-btn:hover,.dark-mode .temp-dash-confirm-btn:hover,body.dark-mode .temp-dash-confirm-btn:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}[data-theme=dark] .temp-dash-body,.dark-mode .temp-dash-body,body.dark-mode .temp-dash-body{background:#1e1e2e}[data-theme=dark] .temp-dash-empty,.dark-mode .temp-dash-empty,body.dark-mode .temp-dash-empty{color:#6c7086}[data-theme=dark] .temp-dash-grid .dashboard-widget,.dark-mode .temp-dash-grid .dashboard-widget,body.dark-mode .temp-dash-grid .dashboard-widget{background:linear-gradient(145deg,#313244,#2a2a3c);border-color:#45475a;box-shadow:0 2px 8px #0003}[data-theme=dark] .temp-dash-grid .widget-header,.dark-mode .temp-dash-grid .widget-header,body.dark-mode .temp-dash-grid .widget-header{border-bottom-color:#45475a}[data-theme=dark] .temp-dash-grid .widget-header h3,.dark-mode .temp-dash-grid .widget-header h3,body.dark-mode .temp-dash-grid .widget-header h3{color:#cdd6f4}[data-theme=dark] .temp-dash-grid .stat-value,.dark-mode .temp-dash-grid .stat-value,body.dark-mode .temp-dash-grid .stat-value{background:linear-gradient(135deg,#89b4fa,#cba6f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .temp-dash-grid .stat-label,.dark-mode .temp-dash-grid .stat-label,body.dark-mode .temp-dash-grid .stat-label{color:#a6adc8}[data-theme=dark] .temp-dash-grid .widget-table th,.dark-mode .temp-dash-grid .widget-table th,body.dark-mode .temp-dash-grid .widget-table th{background:#11111b;color:#bac2de;border-bottom-color:#45475a}[data-theme=dark] .temp-dash-grid .widget-table td,.dark-mode .temp-dash-grid .widget-table td,body.dark-mode .temp-dash-grid .widget-table td{color:#cdd6f4;border-bottom-color:#313244}[data-theme=dark] .temp-dash-grid .widget-table tr:hover td,.dark-mode .temp-dash-grid .widget-table tr:hover td,body.dark-mode .temp-dash-grid .widget-table tr:hover td{background:#8b5cf614}[data-theme=dark] .temp-dash-body::-webkit-scrollbar-track,.dark-mode .temp-dash-body::-webkit-scrollbar-track,body.dark-mode .temp-dash-body::-webkit-scrollbar-track{background:#181825}[data-theme=dark] .temp-dash-body::-webkit-scrollbar-thumb,.dark-mode .temp-dash-body::-webkit-scrollbar-thumb,body.dark-mode .temp-dash-body::-webkit-scrollbar-thumb{background:#45475a}[data-theme=dark] .temp-dash-body::-webkit-scrollbar-thumb:hover,.dark-mode .temp-dash-body::-webkit-scrollbar-thumb:hover,body.dark-mode .temp-dash-body::-webkit-scrollbar-thumb:hover{background:#585b70}[data-theme=dark] .temp-dash-grid .widget-modal-overlay,.dark-mode .temp-dash-grid .widget-modal-overlay,body.dark-mode .temp-dash-grid .widget-modal-overlay,[data-theme=dark] .widget-modal-overlay,.dark-mode .widget-modal-overlay,body.dark-mode .widget-modal-overlay{background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .temp-dash-grid .widget-modal-content,.dark-mode .temp-dash-grid .widget-modal-content,body.dark-mode .temp-dash-grid .widget-modal-content,[data-theme=dark] .widget-modal-content,.dark-mode .widget-modal-content,body.dark-mode .widget-modal-content{background:linear-gradient(145deg,#1e1e2e,#181825);border:1px solid rgba(139,92,246,.2);box-shadow:0 25px 50px -12px #0009,0 0 80px -30px #8b5cf64d}[data-theme=dark] .temp-dash-grid .widget-modal-header,.dark-mode .temp-dash-grid .widget-modal-header,body.dark-mode .temp-dash-grid .widget-modal-header,[data-theme=dark] .widget-modal-header,.dark-mode .widget-modal-header,body.dark-mode .widget-modal-header{border-bottom-color:#313244}[data-theme=dark] .temp-dash-grid .widget-modal-header h2,.dark-mode .temp-dash-grid .widget-modal-header h2,body.dark-mode .temp-dash-grid .widget-modal-header h2,[data-theme=dark] .widget-modal-header h2,.dark-mode .widget-modal-header h2,body.dark-mode .widget-modal-header h2{color:#cdd6f4}[data-theme=dark] .temp-dash-grid .widget-modal-close,.dark-mode .temp-dash-grid .widget-modal-close,body.dark-mode .temp-dash-grid .widget-modal-close,[data-theme=dark] .widget-modal-close,.dark-mode .widget-modal-close,body.dark-mode .widget-modal-close{background:#313244;color:#a6adc8}[data-theme=dark] .temp-dash-grid .widget-modal-close:hover,.dark-mode .temp-dash-grid .widget-modal-close:hover,body.dark-mode .temp-dash-grid .widget-modal-close:hover,[data-theme=dark] .widget-modal-close:hover,.dark-mode .widget-modal-close:hover,body.dark-mode .widget-modal-close:hover{background:#45475a;color:#cdd6f4}[data-theme=dark] .temp-dash-grid .widget-modal-body,.dark-mode .temp-dash-grid .widget-modal-body,body.dark-mode .temp-dash-grid .widget-modal-body,[data-theme=dark] .widget-modal-body,.dark-mode .widget-modal-body,body.dark-mode .widget-modal-body{background:#1e1e2e}[data-theme=dark] .temp-dash-grid .detail-card,.dark-mode .temp-dash-grid .detail-card,body.dark-mode .temp-dash-grid .detail-card,[data-theme=dark] .detail-card,.dark-mode .detail-card,body.dark-mode .detail-card{background:linear-gradient(145deg,#313244,#2a2a3c);border-color:#45475a}[data-theme=dark] .temp-dash-grid .detail-card-header,.dark-mode .temp-dash-grid .detail-card-header,body.dark-mode .temp-dash-grid .detail-card-header,[data-theme=dark] .detail-card-header,.dark-mode .detail-card-header,body.dark-mode .detail-card-header{border-bottom-color:#45475a}[data-theme=dark] .temp-dash-grid .detail-card-title,.dark-mode .temp-dash-grid .detail-card-title,body.dark-mode .temp-dash-grid .detail-card-title,[data-theme=dark] .detail-card-title,.dark-mode .detail-card-title,body.dark-mode .detail-card-title{color:#cdd6f4}[data-theme=dark] .temp-dash-grid .detail-card-badge,.dark-mode .temp-dash-grid .detail-card-badge,body.dark-mode .temp-dash-grid .detail-card-badge,[data-theme=dark] .detail-card-badge,.dark-mode .detail-card-badge,body.dark-mode .detail-card-badge{background:linear-gradient(135deg,#89b4fa,#74c7ec)}[data-theme=dark] .temp-dash-grid .detail-field-label,.dark-mode .temp-dash-grid .detail-field-label,body.dark-mode .temp-dash-grid .detail-field-label,[data-theme=dark] .detail-field-label,.dark-mode .detail-field-label,body.dark-mode .detail-field-label{color:#a6adc8}[data-theme=dark] .temp-dash-grid .detail-field-value,.dark-mode .temp-dash-grid .detail-field-value,body.dark-mode .temp-dash-grid .detail-field-value,[data-theme=dark] .detail-field-value,.dark-mode .detail-field-value,body.dark-mode .detail-field-value{color:#cdd6f4}[data-theme=dark] .temp-dash-grid .widget-table-search input,.dark-mode .temp-dash-grid .widget-table-search input,body.dark-mode .temp-dash-grid .widget-table-search input{background:#11111b;border-color:#45475a;color:#cdd6f4}[data-theme=dark] .temp-dash-grid .widget-table-search input:focus,.dark-mode .temp-dash-grid .widget-table-search input:focus,body.dark-mode .temp-dash-grid .widget-table-search input:focus{border-color:#a78bfa;background:#1e1e2e}[data-theme=dark] .temp-dash-grid .widget-table-search svg,.dark-mode .temp-dash-grid .widget-table-search svg,body.dark-mode .temp-dash-grid .widget-table-search svg{color:#6c7086}[data-theme=dark] .temp-dash-grid .widget-expand-btn,.dark-mode .temp-dash-grid .widget-expand-btn,body.dark-mode .temp-dash-grid .widget-expand-btn{color:#6c7086}[data-theme=dark] .temp-dash-grid .widget-expand-btn:hover,.dark-mode .temp-dash-grid .widget-expand-btn:hover,body.dark-mode .temp-dash-grid .widget-expand-btn:hover{background:#313244;color:#cba6f7}[data-theme=dark] .temp-dash-grid .no-data,.dark-mode .temp-dash-grid .no-data,body.dark-mode .temp-dash-grid .no-data{color:#6c7086}[data-theme=dark] .temp-dash-grid .widget-loading,.dark-mode .temp-dash-grid .widget-loading,body.dark-mode .temp-dash-grid .widget-loading{color:#a6adc8}[data-theme=dark] .temp-dash-grid .widget-error,.dark-mode .temp-dash-grid .widget-error,body.dark-mode .temp-dash-grid .widget-error{color:#f38ba8}[data-theme=dark] .temp-dash-grid .recharts-wrapper,.dark-mode .temp-dash-grid .recharts-wrapper,body.dark-mode .temp-dash-grid .recharts-wrapper{background:transparent}[data-theme=dark] .temp-dash-grid .recharts-cartesian-grid line,.dark-mode .temp-dash-grid .recharts-cartesian-grid line,body.dark-mode .temp-dash-grid .recharts-cartesian-grid line{stroke:#45475a}[data-theme=dark] .temp-dash-grid .recharts-xAxis .recharts-cartesian-axis-tick-value,.dark-mode .temp-dash-grid .recharts-xAxis .recharts-cartesian-axis-tick-value,body.dark-mode .temp-dash-grid .recharts-xAxis .recharts-cartesian-axis-tick-value,[data-theme=dark] .temp-dash-grid .recharts-yAxis .recharts-cartesian-axis-tick-value,.dark-mode .temp-dash-grid .recharts-yAxis .recharts-cartesian-axis-tick-value,body.dark-mode .temp-dash-grid .recharts-yAxis .recharts-cartesian-axis-tick-value{fill:#a6adc8!important}[data-theme=dark] .temp-dash-grid .recharts-xAxis .recharts-cartesian-axis-line,.dark-mode .temp-dash-grid .recharts-xAxis .recharts-cartesian-axis-line,body.dark-mode .temp-dash-grid .recharts-xAxis .recharts-cartesian-axis-line,[data-theme=dark] .temp-dash-grid .recharts-yAxis .recharts-cartesian-axis-line,.dark-mode .temp-dash-grid .recharts-yAxis .recharts-cartesian-axis-line,body.dark-mode .temp-dash-grid .recharts-yAxis .recharts-cartesian-axis-line,[data-theme=dark] .temp-dash-grid .recharts-xAxis .recharts-cartesian-axis-tick-line,.dark-mode .temp-dash-grid .recharts-xAxis .recharts-cartesian-axis-tick-line,body.dark-mode .temp-dash-grid .recharts-xAxis .recharts-cartesian-axis-tick-line,[data-theme=dark] .temp-dash-grid .recharts-yAxis .recharts-cartesian-axis-tick-line,.dark-mode .temp-dash-grid .recharts-yAxis .recharts-cartesian-axis-tick-line,body.dark-mode .temp-dash-grid .recharts-yAxis .recharts-cartesian-axis-tick-line{stroke:#585b70}[data-theme=dark] .temp-dash-grid .recharts-tooltip-wrapper .recharts-default-tooltip,.dark-mode .temp-dash-grid .recharts-tooltip-wrapper .recharts-default-tooltip,body.dark-mode .temp-dash-grid .recharts-tooltip-wrapper .recharts-default-tooltip{background:#1e1e2e!important;border:1px solid #45475a!important;border-radius:8px!important;box-shadow:0 4px 12px #0006!important}[data-theme=dark] .temp-dash-grid .recharts-tooltip-label,.dark-mode .temp-dash-grid .recharts-tooltip-label,body.dark-mode .temp-dash-grid .recharts-tooltip-label{color:#cdd6f4!important}[data-theme=dark] .temp-dash-grid .recharts-tooltip-item,.dark-mode .temp-dash-grid .recharts-tooltip-item,body.dark-mode .temp-dash-grid .recharts-tooltip-item{color:#bac2de!important}[data-theme=dark] .temp-dash-grid .recharts-legend-item-text,.dark-mode .temp-dash-grid .recharts-legend-item-text,body.dark-mode .temp-dash-grid .recharts-legend-item-text{color:#a6adc8!important}[data-theme=dark] .temp-dash-grid .recharts-pie-label-text,.dark-mode .temp-dash-grid .recharts-pie-label-text,body.dark-mode .temp-dash-grid .recharts-pie-label-text{fill:#cdd6f4!important}[data-theme=dark] .temp-dash-grid .recharts-active-dot circle,.dark-mode .temp-dash-grid .recharts-active-dot circle,body.dark-mode .temp-dash-grid .recharts-active-dot circle{stroke:#cba6f7}[data-theme=dark] .temp-dash-grid .recharts-bar-rectangle,.dark-mode .temp-dash-grid .recharts-bar-rectangle,body.dark-mode .temp-dash-grid .recharts-bar-rectangle{filter:brightness(1.1)}[data-theme=dark] .temp-dash-grid .recharts-line-curve,.dark-mode .temp-dash-grid .recharts-line-curve,body.dark-mode .temp-dash-grid .recharts-line-curve{filter:brightness(1.2)}[data-theme=dark] .widget-modal-body .recharts-wrapper,.dark-mode .widget-modal-body .recharts-wrapper,body.dark-mode .widget-modal-body .recharts-wrapper{background:transparent}[data-theme=dark] .widget-modal-body .recharts-cartesian-grid line,.dark-mode .widget-modal-body .recharts-cartesian-grid line,body.dark-mode .widget-modal-body .recharts-cartesian-grid line{stroke:#45475a}[data-theme=dark] .widget-modal-body .recharts-xAxis .recharts-cartesian-axis-tick-value,.dark-mode .widget-modal-body .recharts-xAxis .recharts-cartesian-axis-tick-value,body.dark-mode .widget-modal-body .recharts-xAxis .recharts-cartesian-axis-tick-value,[data-theme=dark] .widget-modal-body .recharts-yAxis .recharts-cartesian-axis-tick-value,.dark-mode .widget-modal-body .recharts-yAxis .recharts-cartesian-axis-tick-value,body.dark-mode .widget-modal-body .recharts-yAxis .recharts-cartesian-axis-tick-value{fill:#a6adc8!important}[data-theme=dark] .widget-modal-body .recharts-xAxis .recharts-cartesian-axis-line,.dark-mode .widget-modal-body .recharts-xAxis .recharts-cartesian-axis-line,body.dark-mode .widget-modal-body .recharts-xAxis .recharts-cartesian-axis-line,[data-theme=dark] .widget-modal-body .recharts-yAxis .recharts-cartesian-axis-line,.dark-mode .widget-modal-body .recharts-yAxis .recharts-cartesian-axis-line,body.dark-mode .widget-modal-body .recharts-yAxis .recharts-cartesian-axis-line{stroke:#585b70}[data-theme=dark] .widget-modal-body .recharts-tooltip-wrapper .recharts-default-tooltip,.dark-mode .widget-modal-body .recharts-tooltip-wrapper .recharts-default-tooltip,body.dark-mode .widget-modal-body .recharts-tooltip-wrapper .recharts-default-tooltip{background:#1e1e2e!important;border:1px solid #45475a!important;border-radius:8px!important}[data-theme=dark] .widget-modal-body .recharts-tooltip-label,.dark-mode .widget-modal-body .recharts-tooltip-label,body.dark-mode .widget-modal-body .recharts-tooltip-label{color:#cdd6f4!important}[data-theme=dark] .widget-modal-body .recharts-tooltip-item,.dark-mode .widget-modal-body .recharts-tooltip-item,body.dark-mode .widget-modal-body .recharts-tooltip-item{color:#bac2de!important}[data-theme=dark] .widget-modal-body .recharts-legend-item-text,.dark-mode .widget-modal-body .recharts-legend-item-text,body.dark-mode .widget-modal-body .recharts-legend-item-text{color:#a6adc8!important}[data-theme=dark] .widget-modal-body .recharts-pie-label-text,.dark-mode .widget-modal-body .recharts-pie-label-text,body.dark-mode .widget-modal-body .recharts-pie-label-text{fill:#cdd6f4!important}.widget-modal-body{min-height:400px;display:flex;flex-direction:column}.widget-modal-body .widget-content{flex:1;display:flex;flex-direction:column;min-height:350px}.widget-modal-body .widget-stat,.widget-modal-body .widget-table-container,.widget-modal-body>div:first-child{flex:1;min-height:350px}.widget-modal-body>div[style*="width: 100%"]{min-height:350px!important;height:350px!important}.widget-modal-body .recharts-responsive-container{min-height:300px!important}.widget-modal-body .widget-detail-cards{flex:1;overflow-y:auto}@media (max-width: 768px){.temp-dash-overlay{padding:8px}.temp-dash-modal{max-height:95vh;border-radius:14px 14px 0 0}.temp-dash-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.temp-dash-title-group{flex:1;min-width:0}.temp-dash-icon{padding:6px}.temp-dash-icon svg{width:18px;height:18px}.temp-dash-title-text h2{font-size:.9rem}.temp-dash-actions{gap:6px}.temp-dash-save-btn{padding:5px 10px;font-size:.75rem}.temp-dash-save-form{flex-direction:column;padding:10px 12px;gap:8px}.temp-dash-save-form input,.temp-dash-save-actions{width:100%}.temp-dash-save-actions button{flex:1}.temp-dash-body{padding:10px}.temp-dash-grid{grid-template-columns:1fr;gap:10px}.temp-dash-grid .dashboard-widget{min-height:150px;padding:12px}.temp-dash-grid .stat-value{font-size:2rem}}.saved-dash-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column}.saved-dash-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#6d28d9,#7c3aed,#8b5cf6);flex-shrink:0;box-shadow:0 2px 10px #7c3aed40}.saved-dash-title-group{display:flex;align-items:center;gap:10px}.saved-dash-back-btn{background:#fff3;border:none;color:#fff;padding:6px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.saved-dash-back-btn:hover{background:#ffffff4d}.saved-dash-icon{background:#fff3;padding:6px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center}.saved-dash-title-text h2{margin:0;font-size:1rem;font-weight:600;color:#fff;line-height:1.2}.saved-dash-description{font-size:.7rem;color:#fffc;display:block;margin-top:2px}.saved-dash-actions{display:flex;gap:8px;align-items:center}.saved-dash-edit-btn{background:#fff3;color:#fff;border:none;padding:6px 12px;border-radius:8px;font-weight:500;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.saved-dash-edit-btn:hover{background:#ffffff4d}.saved-dash-body{flex:1;padding:16px 24px;overflow-y:auto}.saved-dash-body .temp-dash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.saved-dash-body .temp-dash-grid:has(.dashboard-widget:only-child){grid-template-columns:1fr}.saved-dash-body .temp-dash-grid .dashboard-widget{min-height:200px;padding:16px;width:100%}.saved-dash-body .temp-dash-grid .stat-value{font-size:2.5rem}.saved-dash-body .temp-dash-grid .widget-header h3{font-size:.95rem}.saved-dash-body .temp-dash-grid .widget-table{font-size:.8rem}.saved-dash-body .temp-dash-grid .widget-table th{padding:8px 6px;font-size:.75rem}.saved-dash-body .temp-dash-grid .widget-table td{padding:6px}.saved-dash-body .temp-dash-grid .widget-table-container{max-height:280px}[data-theme=dark] .saved-dash-container,.dark-mode .saved-dash-container,body.dark-mode .saved-dash-container{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .saved-dash-header,.dark-mode .saved-dash-header,body.dark-mode .saved-dash-header{background:linear-gradient(135deg,#4c1d95,#6d28d9,#7c3aed)}[data-theme=dark] .saved-dash-body,.dark-mode .saved-dash-body,body.dark-mode .saved-dash-body{background:transparent}@media (max-width: 1024px){.saved-dash-body{padding:14px 18px}.saved-dash-body .temp-dash-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}}@media (max-width: 768px){.saved-dash-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.saved-dash-title-group{flex:1;min-width:0}.saved-dash-title-text h2{font-size:.9rem}.saved-dash-body{padding:10px 12px}.saved-dash-body .temp-dash-grid{grid-template-columns:1fr;gap:12px}.saved-dash-body .temp-dash-grid .dashboard-widget{min-height:150px;padding:14px}.saved-dash-body .temp-dash-grid .stat-value{font-size:2rem}}@keyframes ai-glow-pulse{0%{box-shadow:0 0 #7c3aedb3;border-color:#7c3aed;background-color:#7c3aed0d}50%{box-shadow:0 0 0 8px #7c3aed00;border-color:#7c3aed;background-color:#7c3aed1a}to{box-shadow:0 0 #7c3aed00;border-color:inherit;background-color:inherit}}.ai-feedback-glow{animation:ai-glow-pulse 2s ease-in-out;transition:all .5s ease;scroll-margin-top:100px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fffd,#f5fdfb,#f0fbf9,#f7fdf9,#fcfffc);background-attachment:fixed;min-height:100vh}.dashboard-layout{min-height:100vh;background:linear-gradient(135deg,#f8fffd,#f5fdfb,#f0fbf9,#f7fdf9,#fcfffc);background-attachment:fixed;overflow-x:hidden}.app-header{background-color:#fff;padding:.4rem 1rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000d;position:fixed;top:0;left:0;right:0;z-index:1000;min-height:44px}.logo-container{flex-shrink:0;height:2.25rem;width:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;overflow:hidden;transition:transform .3s ease}.logo-container:hover{transform:scale(1.1)}.logo-image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.title-section{display:flex;flex-direction:column}@media (min-width: 640px){.title-section{flex-direction:row;align-items:baseline;gap:.5rem}}.hamburger-icon{background:none;border:none;cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;color:#343a40;transition:color .2s ease-in-out}.hamburger-icon:hover{color:#007bff}.hamburger-icon svg{height:1.25rem;width:1.25rem}.side-panel{position:fixed;top:0;right:-280px;width:240px;height:100vh;background-color:#fff;box-shadow:-2px 0 5px #0000001a;transition:right .3s ease-in-out;z-index:1100;padding:1rem;display:flex;flex-direction:column;overflow-y:auto}.side-panel.open{right:0}.side-panel .close-button{align-self:flex-end;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;transition:color .2s ease-in-out}.side-panel .close-button:hover{color:#dc3545}.side-panel h3{color:#343a40;margin-top:1rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.side-panel ul{list-style:none;padding:0;margin:0}.side-panel .page-section{margin-bottom:1rem}.side-panel .page-title{font-size:1.1rem;font-weight:600;color:#343a40;margin-bottom:.5rem;padding:.5rem 0;border-bottom:1px solid #e9ecef}.side-panel .sub-page-list{list-style:none;padding-left:1rem;margin:0}.side-panel .sub-page-list li{margin-bottom:.5rem}.side-panel li{margin-bottom:.75rem}.side-panel a{text-decoration:none;color:#007bff;font-size:1rem;padding:.5rem .75rem;display:block;border-radius:.25rem;transition:background-color .2s ease-in-out,color .2s ease-in-out}.side-panel a:hover{background-color:#e9ecef;color:#0056b3}.side-panel a.active{background-color:#007bff;color:#fff;font-weight:600}.side-panel a.home-button{color:#fff}.side-panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1050;display:none}.side-panel.open+.side-panel-overlay{display:block}@media (prefers-color-scheme: dark){.hamburger-icon{color:#d1d5db}.hamburger-icon:hover{color:#93c5fd}.side-panel{background-color:#1f2937;box-shadow:2px 0 5px #0000004d}.side-panel .close-button{color:#9ca3af}.side-panel .close-button:hover{color:#ef4444}.side-panel h3{color:#e5e7eb}.side-panel .page-title{color:#e5e7eb;border-bottom:1px solid #374151}.side-panel a{color:#93c5fd}.side-panel a:hover{background-color:#374151;color:#60a5fa}.side-panel a.active{background-color:#3b82f6;color:#fff}}.app-title-link{font-size:1.125rem;font-weight:600;color:#0056b3;text-decoration:none;transition:color .2s ease-in-out}.app-title-link:hover{color:#003d80}.user-role-panel{font-size:.875rem;font-weight:500;color:#495057}.header-right{display:flex;align-items:center;gap:1rem}.install-button{background-color:#007bff;color:#fff;font-weight:600;padding:.375rem .75rem;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;transition:background-color .15s ease-in-out;display:flex;align-items:center;gap:.375rem;font-size:.75rem;border:none;cursor:pointer}.install-button:hover{background-color:#0056b3}.install-button svg{height:1rem;width:1rem}.user-welcome-text{font-size:.875rem;font-weight:500;color:#343a40}@media (max-width: 639px){.user-welcome-text{display:none}.app-header{padding:.75rem .5rem}}@media (max-width: 768px){.install-button{position:fixed;bottom:1.5rem;right:1.5rem;z-index:2000;padding:.5rem .8rem;font-size:.875rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:9999px}.install-button span{display:inline}.shop-button span{display:none}.shop-button{padding:.4rem;border-radius:50%}.go-pro-button{padding:.4rem .6rem;font-size:.7rem}.command-bar-button{padding:.25rem;margin-right:.25rem}.command-bar-button svg{width:20px;height:20px}.header-right{gap:.5rem}}.logout-button{background-color:#dc3545;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;transition:background-color .15s ease-in-out;border:none;cursor:pointer}.logout-button:hover{background-color:#c82333}.notifications-section{position:relative;display:flex;align-items:center;justify-content:center}.notification-icon{background:transparent;border:none;cursor:pointer;padding:.6rem;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;border-radius:50%}.notification-icon:hover,.notification-icon.active{background-color:#007bff1a;color:#007bff}.notification-icon svg{height:1.5rem;width:1.5rem}.notification-count{position:absolute;top:.1rem;right:.1rem;background-color:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:9999px;padding:.1rem .3rem;min-width:1.1rem;height:1.1rem;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.notifications-dropdown{position:absolute;top:120%;right:-10px;width:380px;max-width:90vw;z-index:1001;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;transform-origin:top right;animation:dropdown-enter .2s ease-out forwards}@keyframes dropdown-enter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.glass-effect{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 0 0 1px #0000000d}.notifications-dropdown .dropdown-header{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.06);background:#ffffff80}.notifications-dropdown .dropdown-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.mark-all-btn{background:none;border:none;color:#007bff;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.mark-all-btn:hover{background-color:#007bff1a}.notifications-dropdown .dropdown-list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dropdown-item{display:flex;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.04);background:transparent;cursor:pointer;transition:background-color .2s;position:relative;gap:1rem}.dropdown-item:hover{background-color:#00000005}.dropdown-item.unread{background-color:#007bff08}.item-icon{flex-shrink:0}.notif-icon-bg{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.notif-icon-bg svg{width:20px;height:20px}.notif-icon-bg.expired{background-color:#fef2f2;color:#ef4444}.notif-icon-bg.near-expiry{background-color:#fff7ed;color:#f97316}.notif-icon-bg.low-stock{background-color:#fefce8;color:#eab308}.notif-icon-bg.default{background-color:#eff6ff;color:#3b82f6}.item-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.item-message{margin:0;font-size:.9rem;color:#334155;line-height:1.4;font-weight:500}.dropdown-item.read .item-message{color:#64748b;font-weight:400}.item-time{font-size:.75rem;color:#94a3b8}.unread-dot{width:8px;height:8px;background-color:#007bff;border-radius:50%;margin-top:.5rem;flex-shrink:0}.empty-state{padding:2rem;text-align:center;color:#94a3b8;font-size:.9rem}.notifications-dropdown .dropdown-footer{padding:.75rem 1.25rem;border-top:1px solid rgba(0,0,0,.06);background:#fffc;display:flex;justify-content:space-between;align-items:center}.dropdown-footer button{background:none;border:none;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;transition:color .2s}.dropdown-footer button:hover{color:#007bff}.refresh-btn{padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.refresh-btn:hover{background-color:#0000000d}.refresh-btn svg{width:18px;height:18px;color:#64748b}.refresh-btn svg.spin{animation:spin 1s linear infinite}@media (prefers-color-scheme: dark){.notification-count{border-color:#1f2937}.glass-effect{background:#1e293bf2;border:1px solid rgba(255,255,255,.1)}.notifications-dropdown .dropdown-header{background:#1e293bcc;border-bottom:1px solid rgba(255,255,255,.05)}.notifications-dropdown .dropdown-header h3{color:#e2e8f0}.dropdown-item{border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-item:hover{background-color:#ffffff08}.dropdown-item.unread{background-color:#3b82f61a}.item-message{color:#cbd5e1}.dropdown-item.read .item-message{color:#94a3b8}.notifications-dropdown .dropdown-footer{background:#1e293bcc;border-top:1px solid rgba(255,255,255,.05)}.dropdown-footer button{color:#94a3b8}.dropdown-footer button:hover{color:#60a5fa}.notif-icon-bg.expired{background-color:#ef444433;color:#fca5a5}.notif-icon-bg.near-expiry{background-color:#f9731633;color:#fdba74}.notif-icon-bg.low-stock{background-color:#eab30833;color:#fde047}.notif-icon-bg.default{background-color:#3b82f633;color:#93c5fd}}.command-bar-button{padding:.5rem;margin-right:.5rem;color:#64748b;border-radius:9999px;background:none;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.command-bar-button:hover{background-color:#f1f5f9;color:#0f172a}.shop-button{background-color:#8b5cf6;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;transition:background-color .15s ease-in-out;border:none;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:.375rem}.shop-button:hover{background-color:#7c3aed;color:#fff}.shop-button svg{height:1rem;width:1rem}.guide-button{background-color:#0891b2;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;transition:background-color .15s ease-in-out;border:none;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:.375rem}.guide-button:hover{background-color:#0e7490;color:#fff}.guide-button svg{height:1rem;width:1rem}.go-pro-button{background-color:#28a745;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;transition:background-color .15s ease-in-out;border:none;cursor:pointer}.go-pro-button:hover{background-color:#218838}.pro-badge{background-color:#ffc107;color:#212529;font-size:.75rem;font-weight:700;padding:.375rem .6rem;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e0a800;text-transform:uppercase}.main-content{width:100%;padding:3.25rem 0rem .75rem;position:relative}@media (min-width: 768px){.main-content{padding:3.5rem 1.5rem 1.5rem}}@media print{.no-print{display:none!important}}@media (prefers-color-scheme: dark){body{background:#030712;color:#e5e7eb}.dashboard-layout{background:#111827}.app-header{background-color:#1f2937;border-bottom:1px solid #374151}.app-title-link{color:#93c5fd}.app-title-link:hover{color:#60a5fa}.user-role-panel{color:#9ca3af}.user-welcome-text{color:#d1d5db}.install-button{background-color:#3b82f6;color:#fff}.install-button:hover{background-color:#2563eb}.logout-button{background-color:#e25454;color:#fff}.logout-button:hover{background-color:#dc2626}}.global-loading-bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#e9ecef66;overflow:hidden;z-index:1002}.global-loading-bar:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,#007bff,transparent);box-shadow:0 0 10px #007bff80;animation:loading-animation 1.5s infinite cubic-bezier(.4,0,.2,1)}@keyframes loading-animation{0%{left:-40%;width:40%}50%{width:60%}to{left:100%;width:40%}}@media (prefers-color-scheme: dark){.global-loading-bar{background-color:#37415166}.global-loading-bar:after{background:linear-gradient(90deg,transparent,#3b82f6,transparent);box-shadow:0 0 10px #3b82f680}}@media (max-width: 768px){.notifications-section{display:none}}@media (max-width: 768px){.title-section{display:none}}.ai-assistant-wrapper{position:fixed;bottom:24px;right:24px;width:420px;height:600px;max-height:calc(100vh - 100px);z-index:2000;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;animation:slideInUp .35s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 768px){.ai-assistant-wrapper{bottom:0;right:0;left:0;top:0;width:100%;height:100%;max-height:100%;border-radius:0;z-index:2100;animation:slideInFromBottom .3s cubic-bezier(.16,1,.3,1)}}@media (min-width: 769px) and (max-width: 1024px){.ai-assistant-wrapper{width:380px;height:550px}}@media (prefers-color-scheme: dark){.view-mode-toggle{border-color:#475569}.view-mode-btn{background:#1e293b;color:#94a3b8}.view-mode-btn:first-child{border-right-color:#475569}.view-mode-btn.active{background:#818cf826;color:#a5b4fc}.view-mode-btn:hover:not(.active){background:#334155;color:#e2e8f0}}._container_c9bhr_3{display:flex;flex-direction:column;height:100%;width:100%;background:linear-gradient(180deg,#fafbfc,#f3f4f6);border-radius:20px;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (max-width: 768px){._container_c9bhr_3{border-radius:0}}._header_c9bhr_21{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#a78bfa);position:relative;z-index:10}._header_c9bhr_21:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}._titleGroup_c9bhr_41{display:flex;align-items:center;gap:.625rem}._titleGroup_c9bhr_41 svg{color:#ffffffe6}._title_c9bhr_41{font-size:1.05rem;font-weight:600;color:#fff;margin:0;letter-spacing:-.01em}._closeButton_c9bhr_59{background:#ffffff26;border:none;color:#ffffffe6;cursor:pointer;padding:.5rem;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}._closeButton_c9bhr_59:hover{background:#ffffff40;color:#fff;transform:scale(1.05)}._messageList_c9bhr_79{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;background:#f8fafc}._messageList_c9bhr_79::-webkit-scrollbar{width:5px}._messageList_c9bhr_79::-webkit-scrollbar-track{background:transparent}._messageList_c9bhr_79::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}._messageList_c9bhr_79::-webkit-scrollbar-thumb:hover{background:#9ca3af}._emptyState_c9bhr_108{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;text-align:center;padding:2rem}._emptyStateIcon_c9bhr_119{margin-bottom:1rem;color:#a78bfa;animation:_pulse_c9bhr_1 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes _pulse_c9bhr_1{0%,to{opacity:1}50%{opacity:.6}}._emptyState_c9bhr_108 p{font-size:.95rem;font-weight:500;color:#475569;margin:0 0 1.25rem}._exampleContainer_c9bhr_145{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:100%}._exampleChip_c9bhr_153{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 1px 2px #0000000a}._exampleChip_c9bhr_153:hover{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd;color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed26}._messageRow_c9bhr_176{display:flex;width:100%;animation:_fadeInUp_c9bhr_1 .25s ease-out}@keyframes _fadeInUp_c9bhr_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._messageRowUser_c9bhr_194{justify-content:flex-end}._messageRowModel_c9bhr_198{justify-content:flex-start}._messageRowSystem_c9bhr_202{justify-content:center;margin-bottom:4px}._bubble_c9bhr_208{max-width:85%;padding:.75rem 1rem;border-radius:18px;font-size:.9rem;line-height:1.55;position:relative;word-wrap:break-word;transition:transform .15s ease}._bubble_c9bhr_208:hover{transform:scale(1.01)}._bubbleUser_c9bhr_224{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;border-bottom-right-radius:6px;box-shadow:0 2px 8px #7c3aed40,0 1px 3px #0000001a}._bubbleModel_c9bhr_234{background:#ffffffe6;color:#334155;border:1px solid rgba(226,232,240,.8);border-bottom-left-radius:6px;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}._bubbleSystem_c9bhr_247{background:#f1f5f9;color:#64748b;font-size:.75rem;font-style:italic;border:1px solid #e2e8f0;padding:6px 14px;border-radius:14px}._bubbleModel_c9bhr_234 p{margin-top:.5rem;margin-bottom:.5rem}._bubbleModel_c9bhr_234 p:first-child{margin-top:0}._bubbleModel_c9bhr_234 p:last-child{margin-bottom:0}._bubbleModel_c9bhr_234 code{background:#f1f5f9;padding:.15rem .4rem;border-radius:5px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85em;color:#6366f1}._bubbleModel_c9bhr_234 pre{background:linear-gradient(135deg,#1e293b,#0f172a);color:#e2e8f0;padding:1rem;border-radius:12px;overflow-x:auto;margin:.75rem 0;font-size:.85em;box-shadow:inset 0 1px 2px #0003}._bubbleModel_c9bhr_234 pre code{background:transparent;color:inherit;padding:0}._bubbleModel_c9bhr_234 ul,._bubbleModel_c9bhr_234 ol{padding-left:1.25rem;margin:.5rem 0}._bubbleModel_c9bhr_234 li{margin-bottom:.25rem}._bubbleModel_c9bhr_234 table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.85em;border-radius:8px;overflow:hidden}._bubbleModel_c9bhr_234 th,._bubbleModel_c9bhr_234 td{border:1px solid #e2e8f0;padding:.5rem .75rem;text-align:left}._bubbleModel_c9bhr_234 th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;color:#475569}._processingIndicator_c9bhr_330{display:flex;align-items:center;gap:.625rem;color:#7c3aed;font-size:.875rem;font-weight:500;padding:.75rem 1rem;background:#7c3aed14;border-radius:16px;border:1px solid rgba(124,58,237,.15)}._spin_c9bhr_343{animation:_spin_c9bhr_343 .8s linear infinite}@keyframes _spin_c9bhr_343{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._inputArea_c9bhr_358{padding:1rem 1.25rem 1.25rem;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 20px #00000008}._imagePreviewContainer_c9bhr_365{margin-bottom:.75rem;display:flex;align-items:center;gap:.625rem;padding:.5rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}._inputContainer_c9bhr_376{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:2px solid #e5e7eb;border-radius:14px;padding:.5rem .75rem;transition:all .2s ease}._inputContainer_c9bhr_376:focus-within{border-color:#a78bfa;background:#fff;box-shadow:0 0 0 4px #a78bfa1a}._inputField_c9bhr_393{flex:1;border:none;background:transparent;outline:none;font-size:.9rem;color:#1e293b;padding:.375rem 0}._inputField_c9bhr_393::-moz-placeholder{color:#94a3b8}._inputField_c9bhr_393::placeholder{color:#94a3b8}._sendButton_c9bhr_407{background:none;border:none;color:#7c3aed;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:10px;transition:all .2s ease}._sendButton_c9bhr_407:hover{background:#7c3aed1a;transform:scale(1.08)}._sendButton_c9bhr_407:disabled{color:#cbd5e1;cursor:not-allowed;transform:none;background:none}@media (max-width: 768px){._header_c9bhr_21{padding:1rem;padding-top:max(1rem,env(safe-area-inset-top))}._messageList_c9bhr_79{padding:1rem}._inputArea_c9bhr_358{padding:.875rem 1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}._bubble_c9bhr_208{max-width:90%;font-size:.95rem}._exampleChip_c9bhr_153{padding:.625rem 1rem;font-size:.85rem}._inputContainer_c9bhr_376{padding:.625rem .875rem}._inputField_c9bhr_393{font-size:1rem}}@media (prefers-color-scheme: dark){._container_c9bhr_3{background:linear-gradient(180deg,#1e293b,#0f172a)}._messageList_c9bhr_79{background:#0f172a}._messageList_c9bhr_79::-webkit-scrollbar-thumb{background:#334155}._messageList_c9bhr_79::-webkit-scrollbar-thumb:hover{background:#475569}._emptyState_c9bhr_108{color:#94a3b8}._emptyState_c9bhr_108 p{color:#cbd5e1}._exampleChip_c9bhr_153{background:#1e293b;border-color:#334155;color:#94a3b8;box-shadow:0 1px 2px #0003}._exampleChip_c9bhr_153:hover{background:linear-gradient(135deg,#2e1065,#4c1d95);border-color:#7c3aed;color:#e9d5ff;box-shadow:0 4px 12px #7c3aed4d}._bubbleModel_c9bhr_234{background:#1e293bcc;color:#f1f5f9;border-color:#334155cc;box-shadow:0 2px 8px #0003}._bubbleSystem_c9bhr_247{background:#1e293b;color:#94a3b8;border-color:#334155}._bubbleModel_c9bhr_234 code{background:#0f172a;color:#818cf8}._bubbleModel_c9bhr_234 table th,._bubbleModel_c9bhr_234 table td{border-color:#334155}._bubbleModel_c9bhr_234 th{background:linear-gradient(135deg,#1e293b,#0f172a);color:#cbd5e1}._processingIndicator_c9bhr_330{background:#8b5cf61a;border-color:#8b5cf633;color:#a78bfa}._inputArea_c9bhr_358{background:#1e293b;border-top-color:#334155;box-shadow:0 -4px 20px #0003}._imagePreviewContainer_c9bhr_365,._inputContainer_c9bhr_376{background:#0f172a;border-color:#334155}._inputContainer_c9bhr_376:focus-within{border-color:#7c3aed;background:#0f172a;box-shadow:0 0 0 4px #7c3aed33}._inputField_c9bhr_393{color:#f1f5f9}._inputField_c9bhr_393::-moz-placeholder{color:#475569}._inputField_c9bhr_393::placeholder{color:#475569}._sendButton_c9bhr_407{color:#a78bfa}._sendButton_c9bhr_407:hover{background:#8b5cf626}._sendButton_c9bhr_407:disabled{color:#334155}}.dark-mode ._container_c9bhr_3,[data-theme=dark] ._container_c9bhr_3{background:linear-gradient(180deg,#1e293b,#0f172a)}.dark-mode ._messageList_c9bhr_79,[data-theme=dark] ._messageList_c9bhr_79{background:#0f172a}.dark-mode ._bubbleModel_c9bhr_234,[data-theme=dark] ._bubbleModel_c9bhr_234{background:#1e293bcc;color:#f1f5f9;border-color:#334155cc}.dark-mode ._inputArea_c9bhr_358,[data-theme=dark] ._inputArea_c9bhr_358{background:#1e293b;border-top-color:#334155}.dark-mode ._inputContainer_c9bhr_376,[data-theme=dark] ._inputContainer_c9bhr_376{background:#0f172a;border-color:#334155}.dark-mode ._inputField_c9bhr_393,[data-theme=dark] ._inputField_c9bhr_393{color:#f1f5f9}.auth-page-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);position:relative;overflow:hidden;font-family:Inter,sans-serif;padding:1rem}.auth-page-container:before,.auth-page-container:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);z-index:0;animation:float 10s infinite ease-in-out alternate}.auth-page-container:before{width:400px;height:400px;background:#00796b33;top:-100px;left:-100px}.auth-page-container:after{width:350px;height:350px;background:#00695c26;bottom:-50px;right:-50px;animation-duration:12s}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,20px)}}.auth-form-card{position:relative;z-index:10;background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:2rem;border-radius:1.25rem;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d,0 0 0 1px #ffffff80 inset;width:100%;max-width:440px;border:1px solid rgba(255,255,255,.3);animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.auth-form-card{padding:1.5rem 1.25rem;border-radius:1rem}}.auth-title{text-align:center;font-size:1.75rem;font-weight:800;color:#1e293b;margin-bottom:.25rem;letter-spacing:-.025em;background:linear-gradient(135deg,#00796b,#004d40);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{text-align:center;color:#64748b;font-size:.9rem;margin-bottom:1.5rem}.auth-form .form-group{margin-bottom:1rem;position:relative}.auth-form label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);font-size:.95rem;font-weight:500;color:#64748b;pointer-events:none;transition:all .2s ease-out;margin:0;z-index:10}.auth-text-input{display:block;box-sizing:border-box;width:100%;padding:.875rem 1rem;font-size:1rem;color:#1e293b;background-color:#fff9;border:1px solid #cbd5e1;border-radius:.75rem;transition:all .25s ease;box-shadow:0 1px 2px #0000000d}.auth-text-input:focus{outline:none;border-color:#00796b;background-color:#fff;box-shadow:0 0 0 4px #00796b1a}.auth-text-input:not(:-moz-placeholder)+label{opacity:0;transform:translateY(-50%) translate(10px);visibility:hidden}.auth-text-input:focus+label,.auth-text-input:not(:placeholder-shown)+label{opacity:0;transform:translateY(-50%) translate(10px);visibility:hidden}.auth-text-input:hover{border-color:#94a3b8;background-color:#fffc}.auth-text-input::-moz-placeholder{color:transparent}.auth-text-input::placeholder{color:transparent}.auth-error-message{padding:.5rem .75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.625rem;text-align:center;margin-top:.75rem;margin-bottom:1rem;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.auth-error-message p{font-size:.8rem;font-weight:500;color:#dc2626;margin:0}.auth-submit-button{display:flex;justify-content:center;align-items:center;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#00796b,#00695c);border:none;border-radius:.625rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #00796b33;margin-top:.25rem}.auth-submit-button:hover{background:linear-gradient(135deg,#00897b,#00796b);transform:translateY(-2px);box-shadow:0 8px 12px #00796b40}.auth-submit-button:active{transform:translateY(0)}.auth-submit-button:disabled{background:#cbd5e1;transform:none;box-shadow:none;cursor:not-allowed}.google-login-container{margin-top:1rem!important;padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:center;width:100%}.auth-navigation-link-container{text-align:center;margin-top:1rem;font-size:.875rem;color:#64748b}.auth-navigation-link{font-weight:600;color:#00796b;text-decoration:none;margin-left:.25rem;transition:color .2s}.auth-navigation-link:hover{color:#004d40;text-decoration:underline}.auth-attribution{text-align:center;margin-top:1.5rem;font-size:.75rem;color:#94a3b8;opacity:.8}@media (prefers-color-scheme: dark){.auth-page-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.auth-page-container:before{background:#22d3ee1a}.auth-page-container:after{background:#06b6d414}.auth-form-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003}.auth-title{background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:#94a3b8}.auth-form label{color:#cbd5e1}.auth-text-input{background-color:#0f172a80;border-color:#334155;color:#f1f5f9}.auth-text-input:hover{background-color:#0f172ab3;border-color:#475569}.auth-text-input:focus{border-color:#22d3ee;background-color:#0f172acc;box-shadow:0 0 0 4px #22d3ee26}.auth-text-input::-moz-placeholder{color:#64748b}.auth-text-input::placeholder{color:#64748b}.google-login-container{border-top-color:#334155}.auth-submit-button{background:linear-gradient(135deg,#06b6d4,#0891b2)}.auth-submit-button:hover{background:linear-gradient(135deg,#22d3ee,#06b6d4);box-shadow:0 8px 12px #06b6d440}.auth-navigation-link-container{color:#94a3b8}.auth-navigation-link{color:#22d3ee}.auth-navigation-link:hover{color:#67e8f9}}[data-theme=dark] .auth-page-container,.dark-mode .auth-page-container,body.dark-mode .auth-page-container{background:linear-gradient(135deg,#0f0f1a,#1a1a2e)}[data-theme=dark] .auth-page-container:before,.dark-mode .auth-page-container:before,body.dark-mode .auth-page-container:before{background:#8b5cf626}[data-theme=dark] .auth-page-container:after,.dark-mode .auth-page-container:after,body.dark-mode .auth-page-container:after{background:#7c3aed1a}[data-theme=dark] .auth-form-card,.dark-mode .auth-form-card,body.dark-mode .auth-form-card{background:#1e1e2ed9;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08 inset}[data-theme=dark] .auth-title,.dark-mode .auth-title,body.dark-mode .auth-title{background:linear-gradient(135deg,#c4b5fd,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .auth-subtitle,.dark-mode .auth-subtitle,body.dark-mode .auth-subtitle,[data-theme=dark] .auth-form label,.dark-mode .auth-form label,body.dark-mode .auth-form label{color:#a6adc8}[data-theme=dark] .auth-text-input,.dark-mode .auth-text-input,body.dark-mode .auth-text-input{background-color:#31324499;border-color:#45475a99;color:#cdd6f4}[data-theme=dark] .auth-text-input:hover,.dark-mode .auth-text-input:hover,body.dark-mode .auth-text-input:hover{background-color:#313244cc;border-color:#45475acc}[data-theme=dark] .auth-text-input:focus,.dark-mode .auth-text-input:focus,body.dark-mode .auth-text-input:focus{border-color:#a78bfa;background-color:#313244e6;box-shadow:0 0 0 4px #a78bfa26}[data-theme=dark] .auth-error-message,.dark-mode .auth-error-message,body.dark-mode .auth-error-message{background-color:#ef444426;border-color:#ef44444d}[data-theme=dark] .auth-error-message p,.dark-mode .auth-error-message p,body.dark-mode .auth-error-message p{color:#f87171}[data-theme=dark] .google-login-container,.dark-mode .google-login-container,body.dark-mode .google-login-container{border-top-color:#45475a80}[data-theme=dark] .auth-submit-button,.dark-mode .auth-submit-button,body.dark-mode .auth-submit-button{background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 4px 12px #7c3aed4d}[data-theme=dark] .auth-submit-button:hover,.dark-mode .auth-submit-button:hover,body.dark-mode .auth-submit-button:hover{background:linear-gradient(135deg,#8b5cf6,#c4b5fd);box-shadow:0 8px 16px #8b5cf666}[data-theme=dark] .auth-submit-button:disabled,.dark-mode .auth-submit-button:disabled,body.dark-mode .auth-submit-button:disabled{background:#6c7086}[data-theme=dark] .auth-navigation-link-container,.dark-mode .auth-navigation-link-container,body.dark-mode .auth-navigation-link-container{color:#a6adc8}[data-theme=dark] .auth-navigation-link,.dark-mode .auth-navigation-link,body.dark-mode .auth-navigation-link{color:#a78bfa}[data-theme=dark] .auth-navigation-link:hover,.dark-mode .auth-navigation-link:hover,body.dark-mode .auth-navigation-link:hover{color:#c4b5fd}[data-theme=dark] .auth-attribution,.dark-mode .auth-attribution,body.dark-mode .auth-attribution{color:#6c7086}.side-panel{position:fixed;top:0;height:100vh;background:linear-gradient(145deg,#fff,#f8fafc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(226,232,240,.8);box-shadow:-8px 0 32px #0000001a,-2px 0 8px #0000000d;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:1002;display:flex;flex-direction:column;overflow:hidden}.side-panel.open{box-shadow:-12px 0 40px #00000026,-4px 0 12px #00000014}.dark-mode .side-panel{background:linear-gradient(145deg,#1e293b,#0f172a);border-left:1px solid rgba(51,65,85,.6);box-shadow:-8px 0 32px #0006,-2px 0 8px #0003}.dark-mode .side-panel.open{box-shadow:-12px 0 40px #0009,-4px 0 12px #0000004d}.resizer{position:absolute;left:0;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:1003}.side-panel-header{padding:16px;border-bottom:1px solid rgba(226,232,240,.6);background:#f8fafc80;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:10px}.dark-mode .side-panel-header{border-bottom:1px solid rgba(51,65,85,.6);background:#0f172acc}.side-panel .close-button{position:relative;top:auto;right:auto;width:40px;height:40px;background:#f8fafccc;border:1px solid rgba(226,232,240,.6);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#64748b;margin-left:auto}.side-panel .close-button:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:scale(1.05)}.dark-mode .side-panel .close-button{background:#334155cc;border-color:#47556999;color:#94a3b8}.dark-mode .side-panel .close-button:hover{background:#ef444433;border-color:#ef444466;color:#f87171}.side-panel h3{margin:0;font-size:20px;font-weight:700;color:#1e293b;letter-spacing:-.025em}.dark-mode .side-panel h3{color:#f1f5f9}.side-panel .search-bar{flex-grow:1;padding:10px 12px 10px 40px;border:1px solid rgba(226,232,240,.8);border-radius:12px;background:#fffc;font-size:14px;color:#334155;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box}.side-panel .search-bar:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fffffff2}.side-panel .search-bar::-moz-placeholder{color:#94a3b8}.side-panel .search-bar::placeholder{color:#94a3b8}.dark-mode .side-panel .search-bar{background:#334155cc;border-color:#47556999;color:#e2e8f0}.dark-mode .side-panel .search-bar:focus{background:#334155f2;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.dark-mode .side-panel .search-bar::-moz-placeholder{color:#64748b}.dark-mode .side-panel .search-bar::placeholder{color:#64748b}.home-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;font-weight:600;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f64d;flex-shrink:0}.home-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.dark-mode .home-button{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px #60a5fa4d}.dark-mode .home-button:hover{background:linear-gradient(135deg,#93c5fd,#60a5fa);box-shadow:0 8px 20px #60a5fa66}.side-panel nav{flex-grow:1;overflow-y:auto;padding:0 16px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.side-panel nav::-webkit-scrollbar{width:6px}.side-panel nav::-webkit-scrollbar-track{background:transparent}.side-panel nav::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:3px}.dark-mode .side-panel nav::-webkit-scrollbar-thumb{background:#64748b80}.page-section{margin-bottom:24px}.page-title{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;color:#64748b;padding-left:4px}.dark-mode .page-title{color:#94a3b8}.sub-page-list{list-style:none;padding:0;margin:0}.sub-page-list li{margin-bottom:4px}.sub-page-list li a{display:flex;align-items:center;gap:12px;padding:12px;text-decoration:none;color:#475569;border-radius:10px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.sub-page-list li a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:0 12px 12px 0;transition:width .2s cubic-bezier(.4,0,.2,1)}.sub-page-list li a:hover,.sub-page-list li a.active{background:#3b82f614;color:#1e293b;transform:translate(4px)}.sub-page-list li a:hover:before,.sub-page-list li a.active:before{width:4px}.dark-mode .sub-page-list li a{color:#cbd5e1}.dark-mode .sub-page-list li a:hover,.dark-mode .sub-page-list li a.active{background:#60a5fa1f;color:#f1f5f9}.user-info-section{margin-top:auto;padding:16px;border-top:1px solid rgba(226,232,240,.6);background:#f8fafc80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:12px}.dark-mode .user-info-section{border-top:1px solid rgba(51,65,85,.6);background:#0f172acc}.user-name{font-weight:600;font-size:16px;color:#1e293b;text-align:center;padding:8px 16px;background:#fff9;border-radius:10px;border:1px solid rgba(226,232,240,.6)}.dark-mode .user-name{color:#f1f5f9;background:#33415599;border-color:#47556999}.logout-button-sidebar{width:100%;padding:10px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ef44444d;display:flex;align-items:center;justify-content:center;gap:8px}.logout-button-sidebar:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.dark-mode .logout-button-sidebar{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 12px #f871714d}.dark-mode .logout-button-sidebar:hover{background:linear-gradient(135deg,#fca5a5,#f87171);box-shadow:0 8px 20px #f8717166}@media (max-width: 768px){.side-panel{width:100vw!important;right:-100vw!important}.side-panel.open{right:0!important}.side-panel-header{padding:16px}.home-button{margin:16px}.side-panel nav{padding:0 16px}.user-info-section{padding:16px}.resizer{display:none}}.side-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode .side-panel-overlay{background:#0009}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.side-panel.open .sub-page-list li a{animation:slideIn .3s cubic-bezier(.4,0,.2,1) forwards}.side-panel.open .sub-page-list li:nth-child(1) a{animation-delay:.1s}.side-panel.open .sub-page-list li:nth-child(2) a{animation-delay:.15s}.side-panel.open .sub-page-list li:nth-child(3) a{animation-delay:.2s}.side-panel.open .sub-page-list li:nth-child(4) a{animation-delay:.25s}.side-panel.open .sub-page-list li:nth-child(5) a{animation-delay:.3s}.mobile-side-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mobile-side-panel-overlay.open{opacity:1;pointer-events:auto}.mobile-side-panel{position:fixed;top:0;left:0;width:85%;max-width:300px;height:100vh;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:4px 0 24px #0000001a;transition:transform .3s cubic-bezier(.2,.8,.2,1);transform:translate(-100%);z-index:1002;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(226,232,240,.8)}.mobile-side-panel.open{transform:translate(0)}.mobile-side-panel-header{padding:20px 24px;border-bottom:1px solid rgba(226,232,240,.8);display:flex;justify-content:space-between;align-items:center;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-side-panel-header h3{margin:0;font-size:20px;font-weight:700;background:linear-gradient(135deg,#1e293b,#334155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.mobile-side-panel nav{flex-grow:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:24px}.page-section .page-title{font-size:12px;text-transform:uppercase;color:#94a3b8;font-weight:600;letter-spacing:.05em;margin-bottom:12px;padding-left:12px}.sub-page-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.sub-page-list li a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#475569;text-decoration:none;font-weight:500;font-size:15px;transition:all .2s ease}.sub-page-list li a:hover,.sub-page-list li a.active{background:#3b82f614;color:#2563eb;transform:translate(4px)}.sub-page-list li a svg{font-size:18px;opacity:.8}.sub-page-list li a.active svg{opacity:1}.mobile-side-panel .close-button{width:36px;height:36px;font-size:20px;background:transparent;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mobile-side-panel .close-button:hover{background-color:#f1f5f9;color:#ef4444;transform:rotate(90deg)}.user-info-section{padding:20px;border-top:1px solid rgba(226,232,240,.8);background:#f8fafc80;display:flex;flex-direction:column;gap:16px}.user-name{font-weight:600;color:#334155;font-size:15px;display:flex;align-items:center;gap:8px}.user-name:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#22c55e}.logout-button-sidebar{width:100%;padding:12px;border:none;border-radius:12px;background:#fee2e2;color:#ef4444;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.logout-button-sidebar:hover{background:#fecaca;color:#dc2626;transform:translateY(-1px)}.dark-mode .mobile-side-panel{background:linear-gradient(145deg,#1e293b,#0f172a);border-right:1px solid rgba(51,65,85,.6);box-shadow:4px 0 24px #0006}.dark-mode .mobile-side-panel-header{border-bottom:1px solid rgba(51,65,85,.6);background:#0f172a99}.dark-mode .mobile-side-panel-header h3{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-mode .mobile-side-panel .close-button{color:#94a3b8}.dark-mode .mobile-side-panel .close-button:hover{background-color:#ffffff0d;color:#f87171}.dark-mode .page-section .page-title{color:#64748b}.dark-mode .sub-page-list li a{color:#94a3b8}.dark-mode .sub-page-list li a:hover,.dark-mode .sub-page-list li a.active{background:#3b82f626;color:#60a5fa}.dark-mode .user-info-section{border-top:1px solid rgba(51,65,85,.6);background:#0f172a66}.dark-mode .user-name{color:#cbd5e1}.dark-mode .logout-button-sidebar{background:#ef444426;color:#f87171}.dark-mode .logout-button-sidebar:hover{background:#ef444440;color:#fca5a5}.breadcrumb-nav{padding:0;margin-bottom:.5rem;background-color:transparent}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0;font-size:.875rem}.breadcrumb-item{display:flex;align-items:center;gap:.25rem}.breadcrumb-separator{color:#9ca3af;flex-shrink:0}.breadcrumb-link{display:flex;align-items:center;gap:.35rem;color:#6b7280;text-decoration:none;padding:.25rem .5rem;border-radius:.375rem;transition:all .15s ease-in-out;font-weight:500}.breadcrumb-link:hover{color:#3b82f6;background-color:#3b82f614}.breadcrumb-link:focus{outline:none;box-shadow:0 0 0 2px #3b82f64d}.breadcrumb-current{display:flex;align-items:center;gap:.35rem;color:#1f2937;font-weight:600;padding:.25rem .5rem}.breadcrumb-home-icon{flex-shrink:0}@media (max-width: 768px){.breadcrumb-nav{display:none!important}}@media (prefers-color-scheme: dark){.breadcrumb-separator{color:#6b7280}.breadcrumb-link{color:#9ca3af}.breadcrumb-link:hover{color:#60a5fa;background-color:#60a5fa1a}.breadcrumb-link:focus{box-shadow:0 0 0 2px #60a5fa4d}.breadcrumb-current{color:#e5e7eb}}@media print{.breadcrumb-nav{display:none}}._container_1ivr9_5{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:75vh;width:100%;padding:0;background:linear-gradient(135deg,#f8fffd,#f5fdfb,#f0fbf9,#f7fdf9,#fcfffc);background-attachment:fixed;font-family:Outfit,sans-serif}._visualContainer_1ivr9_33{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px}._mobileDashboardGrid_1ivr9_49{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;max-width:100%;padding:12px 16px;margin-bottom:1.5rem;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 8px 32px #00000014;animation:_slideUpFade_1ivr9_1 .4s cubic-bezier(.16,1,.3,1) forwards;opacity:0}._mobileDashboardItem_1ivr9_87{padding:8px 16px;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#1e293b;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 16px #0000000f,inset 0 1px #fffc;font-size:.875rem;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1 1 auto;min-width:90px;margin-bottom:0;position:relative;overflow:hidden}._mobileDashboardItem_1ivr9_87:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);opacity:0;transition:opacity .3s ease}._mobileDashboardItem_1ivr9_87:hover{background:#ffffffd9;color:#0f172a;border-color:#3b82f64d;box-shadow:0 8px 24px #3b82f626,inset 0 1px #fff;transform:translateY(-2px)}._mobileDashboardItem_1ivr9_87:hover:before{opacity:1}._mobileDashboardItem_1ivr9_87:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}._mobileDashboardIcon_1ivr9_195{color:#3b82f6;display:flex;align-items:center;justify-content:center;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}._mobileDashboardItem_1ivr9_87:hover ._mobileDashboardIcon_1ivr9_195{transform:scale(1.15);filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}._mobileDashboardIcon_1ivr9_195 svg{width:18px;height:18px}._mobileDashboardLabel_1ivr9_233{font-size:.875rem;font-weight:600;color:inherit;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(255,255,255,.5)}.dark-mode ._mobileDashboardGrid_1ivr9_49{background:#1e293bb3;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.dark-mode ._mobileDashboardItem_1ivr9_87{background:#33415580;border-color:#ffffff1a;color:#f1f5f9;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d}.dark-mode ._mobileDashboardItem_1ivr9_87:before{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6)}.dark-mode ._mobileDashboardItem_1ivr9_87:hover{background:#475569b3;border-color:#60a5fa4d;color:#fff;box-shadow:0 8px 24px #60a5fa33,inset 0 1px #ffffff1a}.dark-mode ._mobileDashboardIcon_1ivr9_195{color:#60a5fa;filter:drop-shadow(0 2px 4px rgba(96,165,250,.3))}.dark-mode ._mobileDashboardLabel_1ivr9_233{color:inherit;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dark-mode ._container_1ivr9_5{background:#0f172a}._brandTitle_1ivr9_331{font-size:5rem;font-weight:700;margin-bottom:2.5rem;letter-spacing:-.03em;color:#334155;background:linear-gradient(135deg,#334155,#475569,#1e293b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes _slideUpFade_1ivr9_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._searchBar_1ivr9_387{width:100%;max-width:680px;height:64px;background:#fff;border:1px solid #dfe1e5;border-radius:32px;display:flex;align-items:center;padding:0 1.5rem;box-shadow:0 1px 6px #2021241a;cursor:pointer;transition:all .2s ease-in-out;position:relative;animation:_slideUpFade_1ivr9_1 .6s cubic-bezier(.16,1,.3,1) forwards}._searchBar_1ivr9_387:hover{box-shadow:0 4px 12px #20212426;border-color:#dfe1e500;transform:translateY(-1px)}._searchIconWrapper_1ivr9_435{color:#9aa0a6;margin-right:1rem;display:flex;align-items:center}._searchIcon_1ivr9_435{width:24px;height:24px}._placeholderText_1ivr9_459{flex:1;font-size:1.125rem;color:#5f6368;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._shortcutHint_1ivr9_479{display:flex;align-items:center;gap:4px;margin-left:1rem;opacity:.6}._key_1ivr9_495{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:#5f6368;background:#f1f3f4;padding:4px 8px;border-radius:6px;min-width:24px;text-align:center}._plus_1ivr9_519{font-size:.75rem;color:#9aa0a6}._micButtonWrapper_1ivr9_529{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;margin-right:.5rem;cursor:pointer;background-color:transparent;transition:all .2s;color:#64748b}._micButtonWrapper_1ivr9_529:hover{background-color:#f1f5f9;color:#3b82f6;transform:scale(1.1)}.dark-mode ._micButtonWrapper_1ivr9_529:hover{background-color:#334155;color:#60a5fa}._micIcon_1ivr9_577{width:20px;height:20px}@media (max-width: 640px){._brandTitle_1ivr9_331{display:none}._container_1ivr9_5{padding:0 0 120px;justify-content:flex-start;min-height:auto;height:auto;overflow-y:visible}._searchBar_1ivr9_387{height:68px;position:fixed;bottom:0;left:0;width:100%;max-width:100%;border-radius:24px 24px 0 0;margin:0;border:none;border-top:4px solid #3b82f6;box-shadow:0 -8px 30px #0000001f;z-index:50;background-color:#fff;padding-bottom:env(safe-area-inset-bottom)}._shortcutHint_1ivr9_479{display:none}._mobileDashboardGrid_1ivr9_49{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;padding:1rem;margin-top:1rem;animation:_slideUpFade_1ivr9_1 .6s cubic-bezier(.16,1,.3,1) .1s forwards;opacity:0}._mobileDashboardItem_1ivr9_87{background:#fff;border-radius:12px;padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9;cursor:pointer;transition:transform .2s,box-shadow .2s}._mobileDashboardItem_1ivr9_87:active{transform:scale(.95);background-color:#f8fafc}._mobileDashboardIcon_1ivr9_195{color:#3b82f6;display:flex;align-items:center;justify-content:center}._mobileDashboardLabel_1ivr9_233{font-size:.85rem;font-weight:600;color:#1e293b}.dark-mode ._mobileDashboardItem_1ivr9_87{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d}.dark-mode ._mobileDashboardIcon_1ivr9_195{color:#60a5fa}.dark-mode ._mobileDashboardLabel_1ivr9_233{color:#e2e8f0}}.dark-mode ._brandTitle_1ivr9_331{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode ._searchBar_1ivr9_387{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #00000080,0 2px 4px -1px #0000004d}.dark-mode ._searchBar_1ivr9_387:hover{border-color:#475569;background:#1e293b;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d}.dark-mode ._placeholderText_1ivr9_459,.dark-mode ._searchIconWrapper_1ivr9_435{color:#94a3b8}.dark-mode ._key_1ivr9_495{background:#334155;color:#e2e8f0;border:1px solid #475569}@media (max-width: 640px){.dark-mode ._searchBar_1ivr9_387{background-color:#1e293b;border-top:4px solid #60a5fa;box-shadow:0 -8px 30px #00000080}._newlyRegisteredSection_1ivr9_901{margin-top:1.5rem;padding:0 .5rem;padding-bottom:200px}._recentList_1ivr9_917{flex-direction:column;overflow-x:hidden;padding:0;gap:.75rem}._recentPatientPill_1ivr9_931{min-width:0;width:100%;padding:.5rem .25rem;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}._recentNameContainer_1ivr9_957{border-right:none;flex-shrink:0}._recentInfo_1ivr9_969{margin-left:0;white-space:nowrap;font-size:.8rem}}._newlyRegisteredSection_1ivr9_901{margin-top:3rem;width:100%;max-width:800px;display:flex;flex-direction:column;gap:1rem;animation:_slideUpFade_1ivr9_1 .6s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}._newlyRegisteredLabel_1ivr9_1007{font-size:.85rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding-left:.5rem;opacity:.8}._recentList_1ivr9_917{display:flex;gap:1rem;overflow-x:auto;padding:.5rem .5rem 1.5rem;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 95%,transparent 100%)}._recentList_1ivr9_917::-webkit-scrollbar{display:none}._recentPatientPill_1ivr9_931{background:#fff;padding:1rem 1.25rem;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-width:200px;cursor:pointer;border:1px solid #f1f5f9;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}._recentPatientPill_1ivr9_931:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px) scale(1.02);border-color:#e2e8f0}._recentPatientPill_1ivr9_931:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .2s}._recentPatientPill_1ivr9_931:hover:after{opacity:1}._recentNameContainer_1ivr9_957{display:flex;align-items:center;justify-content:space-between;gap:.5rem}._recentName_1ivr9_957{font-weight:600;font-size:1rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}._recentToken_1ivr9_1171{background:#eff6ff;color:#3b82f6;padding:.25rem .6rem;border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:.02em}._recentInfo_1ivr9_969{font-size:.875rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.dark-mode ._newlyRegisteredLabel_1ivr9_1007{color:#94a3b8}.dark-mode ._recentPatientPill_1ivr9_931{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d}.dark-mode ._recentPatientPill_1ivr9_931:hover{background:#334155;border-color:#475569;box-shadow:0 20px 25px -5px #00000080}.dark-mode ._recentName_1ivr9_957{color:#f1f5f9}.dark-mode ._recentToken_1ivr9_1171{background:#3b82f626;color:#60a5fa}.dark-mode ._recentInfo_1ivr9_969{color:#94a3b8}:root{--dcp-primary: #6366f1;--dcp-primary-light: #818cf8;--dcp-primary-dark: #4f46e5;--dcp-teal: #14b8a6;--dcp-teal-light: #2dd4bf;--dcp-teal-dark: #0d9488;--dcp-violet: #8b5cf6;--dcp-amber: #f59e0b;--dcp-red: #ef4444;--dcp-green: #10b981;--dcp-blue: #3b82f6;--dcp-bg-primary: #f8fafc;--dcp-bg-card: #ffffff;--dcp-bg-elevated: rgba(255, 255, 255, .9);--dcp-bg-muted: #f1f5f9;--dcp-bg-glass: rgba(255, 255, 255, .7);--dcp-text-primary: #0f172a;--dcp-text-secondary: #475569;--dcp-text-muted: #94a3b8;--dcp-text-inverse: #ffffff;--dcp-border: #e2e8f0;--dcp-border-hover: #cbd5e1;--dcp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--dcp-shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--dcp-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--dcp-shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--dcp-radius-sm: 6px;--dcp-radius-md: 10px;--dcp-radius-lg: 14px;--dcp-radius-xl: 20px;--dcp-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.dcp-container{display:flex;flex-direction:column;padding:12px;background:linear-gradient(135deg,var(--dcp-bg-primary) 0%,#f1f5f9 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--dcp-text-primary)}.dcp-header-row{display:flex;align-items:center;margin-bottom:16px;gap:12px}.dcp-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--dcp-radius-md);background:var(--dcp-bg-card);color:var(--dcp-text-secondary);border:1px solid var(--dcp-border);cursor:pointer;transition:var(--dcp-transition)}.dcp-back-btn:hover{color:var(--dcp-primary);border-color:var(--dcp-primary-light);background:#6366f10d}.dcp-title{font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--dcp-primary) 0%,var(--dcp-violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.dcp-action-bar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.dcp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:600;border-radius:var(--dcp-radius-md);border:none;cursor:pointer;transition:var(--dcp-transition);white-space:nowrap}.dcp-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.dcp-btn-primary{background:linear-gradient(135deg,var(--dcp-primary) 0%,var(--dcp-primary-dark) 100%);color:var(--dcp-text-inverse);box-shadow:0 2px 8px #6366f14d}.dcp-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.dcp-btn-teal{background:linear-gradient(135deg,var(--dcp-teal) 0%,var(--dcp-teal-dark) 100%);color:var(--dcp-text-inverse);box-shadow:0 2px 8px #14b8a64d}.dcp-btn-teal:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #14b8a666}.dcp-btn-green{background:linear-gradient(135deg,var(--dcp-green) 0%,#059669 100%);color:var(--dcp-text-inverse);box-shadow:0 2px 8px #10b9814d}.dcp-btn-green:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.dcp-btn-outline{background:var(--dcp-bg-card);color:var(--dcp-text-secondary);border:1px solid var(--dcp-border)}.dcp-btn-outline:hover:not(:disabled){border-color:var(--dcp-primary);color:var(--dcp-primary);background:#6366f10d}.dcp-card{background:var(--dcp-bg-card);border-radius:var(--dcp-radius-lg);border:1px solid var(--dcp-border);box-shadow:var(--dcp-shadow-md);overflow:hidden;transition:var(--dcp-transition)}.dcp-card:hover{box-shadow:var(--dcp-shadow-lg)}.dcp-card-teal{border-left:4px solid var(--dcp-teal)}.dcp-card-blue{border-left:4px solid var(--dcp-blue);background:linear-gradient(to right,rgba(59,130,246,.03) 0%,var(--dcp-bg-card) 100%)}.dcp-card-violet{border-left:4px solid var(--dcp-violet)}.dcp-card-content{padding:14px}.dcp-mobile-tabs{display:none;background:var(--dcp-bg-muted);padding:4px;border-radius:var(--dcp-radius-md);margin-bottom:14px;gap:4px}.dcp-mobile-tab{flex:1;padding:8px 12px;font-size:.8125rem;font-weight:600;border-radius:var(--dcp-radius-sm);background:transparent;color:var(--dcp-text-muted);border:none;cursor:pointer;transition:var(--dcp-transition)}.dcp-mobile-tab.active{background:var(--dcp-bg-card);color:var(--dcp-primary);box-shadow:var(--dcp-shadow-sm)}.dcp-flex-split{display:flex;flex-direction:column;gap:16px}.dcp-flex-half{flex:1}.dcp-section-header{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dcp-text-muted);margin-bottom:10px}.dcp-section-header-teal{color:var(--dcp-teal)}.dcp-section-header-blue{color:var(--dcp-blue)}.dcp-section-header-violet{color:var(--dcp-violet)}.dcp-patient-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.dcp-patient-name{font-size:1.5rem;font-weight:700;color:var(--dcp-text-primary);line-height:1.2;margin-bottom:6px}.dcp-patient-name-gradient{background:linear-gradient(135deg,var(--dcp-violet) 0%,var(--dcp-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dcp-patient-meta{display:flex;gap:6px;flex-wrap:wrap}.dcp-patient-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--dcp-radius-sm);background:var(--dcp-bg-muted);color:var(--dcp-text-secondary)}.dcp-patient-token{text-align:right;flex-shrink:0}.dcp-token-number{font-size:1.25rem;font-weight:700;color:var(--dcp-text-primary)}.dcp-status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--dcp-radius-xl)}.dcp-status-consulting{background:linear-gradient(135deg,#14b8a626,#14b8a614);color:var(--dcp-teal-dark)}.dcp-status-waiting{background:linear-gradient(135deg,#3b82f626,#3b82f614);color:#1d4ed8}.dcp-status-seen{background:linear-gradient(135deg,#10b98126,#10b98114);color:#047857}.dcp-status-cancelled{background:linear-gradient(135deg,#ef444426,#ef444414);color:#dc2626}.dcp-ai-summary{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0a);border:1px solid rgba(245,158,11,.2);border-radius:var(--dcp-radius-md);padding:10px 12px;margin-bottom:12px}.dcp-ai-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#b45309;margin-bottom:4px;display:flex;align-items:center;gap:4px}.dcp-ai-text{font-size:.8125rem;color:#92400e;line-height:1.5}.dcp-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--dcp-border);flex-wrap:wrap}.dcp-history-section{border-top:1px solid var(--dcp-border);padding-top:14px}.dcp-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dcp-history-title{font-size:.875rem;font-weight:600;color:var(--dcp-text-primary)}.dcp-history-loading{font-size:.6875rem;font-weight:500;color:var(--dcp-primary);animation:dcp-pulse 1.5s ease-in-out infinite}@keyframes dcp-pulse{0%,to{opacity:1}50%{opacity:.5}}.dcp-history-scroll{max-height:400px;overflow-y:auto;padding-right:4px}.dcp-group-card{background:var(--dcp-bg-muted);border-radius:var(--dcp-radius-md);border:1px solid var(--dcp-border);overflow:hidden;margin-bottom:10px}.dcp-group-header{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dcp-text-secondary);background:#00000005;border-bottom:1px solid var(--dcp-border)}.dcp-group-icon{color:var(--dcp-primary)}.dcp-group-content{padding:8px 12px}.dcp-date-group{margin-bottom:10px}.dcp-date-group:last-child{margin-bottom:0}.dcp-date-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dcp-text-muted);margin-bottom:6px;padding-left:10px}.dcp-date-items{border-left:2px solid var(--dcp-border);padding-left:10px;margin-left:4px}.dcp-history-item{font-size:.75rem;color:var(--dcp-text-secondary);padding:4px 0;line-height:1.5}.dcp-history-timestamp{font-size:.625rem;color:var(--dcp-text-muted);margin-top:2px}.dcp-history-empty{font-size:.75rem;color:var(--dcp-text-muted);font-style:italic;padding:4px}.dcp-empty-state{text-align:center;padding:24px 16px;color:var(--dcp-text-muted);font-size:.8125rem;background:var(--dcp-bg-muted);border-radius:var(--dcp-radius-md);border:1px dashed var(--dcp-border)}.dcp-next-section{margin-bottom:16px}.dcp-next-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dcp-blue);margin-bottom:10px;display:flex;align-items:center;gap:6px}.dcp-next-card{background:linear-gradient(to right,rgba(59,130,246,.05) 0%,var(--dcp-bg-card) 100%);border-radius:var(--dcp-radius-lg);border:1px solid var(--dcp-border);border-left:4px solid var(--dcp-blue);padding:14px;box-shadow:var(--dcp-shadow-sm)}.dcp-next-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dcp-next-token{font-size:1.25rem;font-weight:700;color:var(--dcp-blue)}.dcp-next-name{font-size:1.25rem;font-weight:700;color:var(--dcp-text-primary);margin-bottom:6px}.dcp-next-meta{font-size:.8125rem;color:var(--dcp-text-secondary);margin-bottom:8px}.dcp-next-complaint{padding-top:10px;border-top:1px solid var(--dcp-border);font-size:.8125rem;color:var(--dcp-text-secondary)}.dcp-next-complaint strong{color:var(--dcp-text-primary)}.dcp-bottom-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;flex-wrap:wrap}.dcp-waiting-count{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--dcp-bg-muted);border-radius:var(--dcp-radius-xl);font-size:.8125rem;font-weight:600;color:var(--dcp-text-secondary)}.dcp-activity-box{background:var(--dcp-bg-muted);border-radius:var(--dcp-radius-md);border:1px solid var(--dcp-border);padding:12px;margin-top:12px}.dcp-activity-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dcp-text-muted);margin-bottom:8px}.dcp-activity-content{font-size:.8125rem;color:var(--dcp-text-secondary);line-height:1.5}.dcp-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--dcp-radius-md);padding:10px 12px;color:#dc2626;font-size:.8125rem;margin-bottom:12px}.dcp-loading{text-align:center;padding:24px;color:var(--dcp-text-muted);font-size:.8125rem}.dcp-scrollbar::-webkit-scrollbar{width:4px}.dcp-scrollbar::-webkit-scrollbar-track{background:transparent}.dcp-scrollbar::-webkit-scrollbar-thumb{background:var(--dcp-border);border-radius:2px}.dcp-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--dcp-text-muted)}.dcp-live-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#10b9811a;color:#059669;border-radius:var(--dcp-radius-xl);margin-left:8px}.dcp-live-dot{width:6px;height:6px;background:var(--dcp-green);border-radius:50%;animation:dcp-blink 1.5s ease-in-out infinite}@keyframes dcp-blink{0%,to{opacity:1}50%{opacity:.3}}.dcp-type-pending{color:var(--dcp-blue);font-weight:600}.dcp-type-report{color:var(--dcp-green);font-weight:600}@media (min-width: 768px){.dcp-container{padding:16px 20px}.dcp-mobile-tabs{display:none!important}.dcp-flex-split{flex-direction:row;gap:20px}.dcp-history-section{border-top:none;border-left:1px solid var(--dcp-border);padding-top:0;padding-left:20px}.dcp-card-content{padding:18px}.dcp-patient-name{font-size:1.75rem}.dcp-history-scroll{max-height:450px}.dcp-desktop-only{display:block}}@media (max-width: 767px){.dcp-container{padding:10px;background:linear-gradient(180deg,var(--dcp-bg-primary) 0%,#e2e8f0 100%)}.dcp-mobile-tabs{display:flex}.dcp-title{font-size:1rem}.dcp-back-btn{width:32px;height:32px}.dcp-action-bar{flex-wrap:wrap}.dcp-btn{flex:1;min-width:100px;justify-content:center;padding:10px 12px}.dcp-actions{flex-direction:column}.dcp-actions .dcp-btn{width:100%}.dcp-patient-main{flex-direction:column;gap:10px}.dcp-patient-token{text-align:left;display:flex;align-items:center;gap:10px}.dcp-bottom-bar{flex-direction:column;align-items:stretch}.dcp-bottom-bar .dcp-btn{order:1}.dcp-waiting-count{order:2;justify-content:center}.dcp-tab-info.hidden,.dcp-tab-history.hidden,.dcp-desktop-only{display:none}}@media (prefers-color-scheme: dark){:root{--dcp-bg-primary: #0f172a;--dcp-bg-card: #1e293b;--dcp-bg-elevated: rgba(30, 41, 59, .95);--dcp-bg-muted: #1e293b;--dcp-bg-glass: rgba(30, 41, 59, .8);--dcp-text-primary: #f1f5f9;--dcp-text-secondary: #cbd5e1;--dcp-text-muted: #64748b;--dcp-border: #334155;--dcp-border-hover: #475569;--dcp-shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--dcp-shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}.dcp-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.dcp-card{background:var(--dcp-bg-card);border-color:var(--dcp-border)}.dcp-mobile-tab{color:var(--dcp-text-muted)}.dcp-mobile-tab.active{background:#334155;color:var(--dcp-primary-light)}.dcp-group-card{background:#1e293b99;border-color:var(--dcp-border)}.dcp-group-header{background:#00000026;color:var(--dcp-text-muted)}.dcp-ai-summary{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b4d}.dcp-ai-label{color:#fbbf24}.dcp-ai-text{color:#fcd34d}.dcp-empty-state{background:#1e293b80;border-color:var(--dcp-border)}.dcp-activity-box{background:#1e293b99;border-color:var(--dcp-border)}.dcp-error{background:#ef444426;border-color:#ef44444d;color:#f87171}.dcp-waiting-count,.dcp-patient-badge{background:#334155;color:var(--dcp-text-secondary)}.dcp-scrollbar::-webkit-scrollbar-thumb{background:#475569}.dcp-next-card{background:linear-gradient(to right,rgba(59,130,246,.1) 0%,var(--dcp-bg-card) 100%)}.dcp-live-badge{background:#10b98133;color:#34d399}.dcp-status-consulting{background:linear-gradient(135deg,#14b8a640,#14b8a61a);color:#2dd4bf}.dcp-status-waiting{background:linear-gradient(135deg,#3b82f640,#3b82f61a);color:#60a5fa}.dcp-status-seen{background:linear-gradient(135deg,#10b98140,#10b9811a);color:#34d399}}.dcp-scheduler-section{background:var(--dcp-bg-card);border-radius:var(--dcp-radius-lg);border:1px solid var(--dcp-border);box-shadow:var(--dcp-shadow-md);padding:16px;margin-top:16px;display:flex;flex-direction:column}.dcp-scheduler-section .queue-header{margin-bottom:12px}.dcp-scheduler-section .controls-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dcp-scheduler-section .appointment-timeline-container{max-height:60vh;overflow-y:auto;border:1px solid var(--dcp-border);box-shadow:none;margin-top:0}@media (max-width: 767px){.dcp-scheduler-section .controls-row{flex-direction:column;align-items:stretch}.dcp-scheduler-section .appointment-timeline-container{max-height:400px}}.reception-dashboard-container{padding:.5rem;background-color:#f9fafb;min-height:100vh}.reception-tab-nav{margin-bottom:.5rem;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.125rem;border-bottom:1px solid #d1d5db;padding-bottom:.25rem}.reception-tab-button{display:flex;align-items:center;padding:.25rem .5rem;border-radius:.375rem .375rem 0 0;font-size:.75rem;font-weight:500;transition:all .2s ease;color:#4b5563;border:1px solid transparent;border-bottom:none;background:transparent;cursor:pointer}.reception-tab-button:hover{background-color:#e5e7eb;color:#1f2937}.reception-tab-button.active{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;box-shadow:0 2px 8px #0d948859;border-color:transparent}.reception-tab-button svg{margin-right:.25rem;width:14px;height:14px}.queue-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}@media (min-width: 768px){.queue-header{flex-direction:row;justify-content:space-between;align-items:center}}.queue-actions{display:flex;flex-direction:column;gap:.375rem}@media (min-width: 640px){.queue-actions{flex-direction:row}}.queue-action-button{padding:.375rem .625rem;border-radius:.5rem;font-weight:500;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#fff;text-align:center;width:100%;border:none;cursor:pointer}@media (min-width: 640px){.queue-action-button{width:auto}}.queue-action-button svg{margin-right:.25rem}.btn-add-patient{background:linear-gradient(135deg,#0d9488,#0f766e)}.btn-add-patient:hover{background:linear-gradient(135deg,#0f766e,#115e59);box-shadow:0 2px 8px #0d94884d}.btn-ai-search{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-ai-search:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 2px 8px #2563eb4d}.btn-manage-admission{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.btn-manage-admission:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6)}.btn-view-all-patients{background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-view-all-patients:hover{background:linear-gradient(135deg,#4338ca,#3730a3)}.summary-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem;width:100%}@media (min-width: 768px){.summary-cards-grid{width:auto;max-width:300px}}.summary-card{padding:.375rem;border-radius:.5rem;text-align:center;border:1px solid;box-shadow:0 1px 3px #00000014;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000001f}.summary-card-title{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.1rem}.summary-card-value{font-size:1.125rem;font-weight:700}.card-waiting{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.card-waiting .summary-card-title{color:#b45309}.card-waiting .summary-card-value{color:#92400e}.card-consulting{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac}.card-consulting .summary-card-title{color:#15803d}.card-consulting .summary-card-value{color:#166534}.card-completed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.card-completed .summary-card-title{color:#1d4ed8}.card-completed .summary-card-value{color:#1e40af}.search-bar-container{position:relative;margin-bottom:.5rem}.search-input{width:100%;padding:.375rem .625rem .375rem 2rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.75rem;transition:all .2s ease;background-color:#fff}.search-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d948826;outline:none}.search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:14px;height:14px}.queue-table-wrapper{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow-x:auto;margin-bottom:.5rem}.queue-table{width:100%;min-width:600px;border-collapse:collapse}.queue-table th,.queue-table td{padding:.375rem .5rem;text-align:left;font-size:.75rem;white-space:nowrap}.queue-table th{background-color:#f8fafc;color:#475569;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;border-bottom:2px solid #e2e8f0}.queue-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s ease}.queue-table tbody tr:hover{background-color:#f1f5f9}.queue-table tbody tr:last-child{border-bottom:none}.queue-row-clickable{cursor:pointer}.queue-token{font-weight:700;color:#0d9488;font-size:.9375rem}.patient-name{font-weight:600;color:#1e293b;font-size:.8125rem}.patient-details{color:#64748b;font-size:.6875rem;margin-top:.125rem}.patient-phone{color:#475569;font-size:.75rem}.complaint-text{color:#334155;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.subscription-status-badge{padding:.1875rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;display:inline-block;text-transform:capitalize}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.status-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.status-none{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #d1d5db}.time-added{color:#64748b;font-size:.75rem}.action-doctor-cell{text-align:center}.action-doctor-content{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem}.doctor-name-display{font-weight:500;color:#334155;font-size:.75rem}.action-button{padding:.25rem .5rem;border-radius:.25rem;border:none;font-weight:600;transition:all .2s ease;max-width:90px;font-size:.6875rem;cursor:pointer;text-transform:uppercase;letter-spacing:.02em}.btn-start{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.btn-start:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 2px 6px #2563eb59}.btn-assign{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.btn-assign:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 2px 6px #6366f159}.btn-complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-complete:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 6px #10b98159}.status-text-italic{color:#64748b;font-style:italic;font-size:.6875rem}.status-text-red{color:#ef4444;font-style:italic;font-size:.6875rem}.doctor-select-dropdown{width:100%;padding:.25rem .375rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.75rem;background-color:#fff;cursor:pointer;transition:all .2s ease}.doctor-select-dropdown:focus{border-color:#0d9488;box-shadow:0 0 0 2px #0d948833;outline:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 0;text-align:center;color:#64748b;font-size:.875rem}.empty-queue-message{text-align:center;padding:1.5rem 0;color:#64748b;font-size:.8125rem}.error-message-reception{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;padding:.5rem .75rem;border:1px solid #fca5a5;border-radius:.375rem;margin-bottom:.75rem;font-size:.8125rem}.error-message-reception strong{font-weight:700}.lab-tab-content{padding:.75rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.lab-tab-content h2{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#1e293b}.lab-action-button{display:inline-flex;align-items:center;padding:.375rem .75rem;border:none;font-size:.8125rem;font-weight:500;border-radius:.375rem;box-shadow:0 1px 2px #00000014;color:#fff;transition:all .2s ease;cursor:pointer}.lab-action-button svg{width:14px;height:14px;margin-right:.375rem}.btn-create-lab-order{background:linear-gradient(135deg,#0d9488,#0f766e)}.btn-create-lab-order:hover{background:linear-gradient(135deg,#0f766e,#115e59);box-shadow:0 2px 6px #0d94884d}.btn-search-lab-reports{background:linear-gradient(135deg,#2563eb,#1d4ed8);margin-left:.5rem}.btn-search-lab-reports:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 2px 6px #2563eb4d}.lab-placeholder-text{margin-top:.75rem;color:#64748b;font-size:.8125rem}.newtons-ai-tab-content,.manage-admission-tab-content,.all-patients-tab-content,.custom-bill-tab-content{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}@media (max-width: 639px){.reception-dashboard-container{padding:.5rem}.reception-tab-nav{gap:.125rem;padding-bottom:.25rem;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.reception-tab-button{padding:.3rem .5rem;font-size:.75rem;flex-shrink:0}.reception-tab-button svg{margin-right:.25rem;width:14px;height:14px}.queue-header{gap:.5rem}.summary-cards-grid{gap:.375rem}.summary-card{padding:.375rem}.summary-card-title{font-size:.625rem}.summary-card-value{font-size:1rem}.search-input{padding:.375rem .625rem .375rem 2rem;font-size:.8125rem}.queue-table th,.queue-table td{padding:.375rem .5rem;font-size:.75rem}.queue-table th{font-size:.625rem}.queue-token{font-size:.875rem}.patient-details{font-size:.625rem}.complaint-text{max-width:100px;font-size:.75rem}.action-button{padding:.2rem .4rem;font-size:.625rem;max-width:75px}.doctor-select-dropdown{padding:.2rem .3rem;font-size:.6875rem}.lab-tab-content{padding:.5rem}.lab-action-button{display:block;width:100%;margin-left:0!important;margin-bottom:.375rem;text-align:center;padding:.5rem}.lab-action-button:last-child{margin-bottom:0}}@media (max-width: 400px){.reception-dashboard-container{padding:.375rem}.reception-tab-button{padding:.25rem .4rem;font-size:.6875rem}.summary-card-title{font-size:.5625rem}.summary-card-value{font-size:.9375rem}.queue-table th,.queue-table td{font-size:.6875rem;padding:.3rem .375rem}.complaint-text{max-width:80px}}@media (prefers-color-scheme: dark){.reception-dashboard-container{background:linear-gradient(135deg,#0f172a,#1e1b4b)}.reception-tab-nav{border-bottom-color:#334155}.reception-tab-button{color:#94a3b8}.reception-tab-button:hover{background-color:#33415599;color:#e2e8f0}.reception-tab-button.active{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;box-shadow:0 2px 12px #14b8a666}.card-waiting{background:linear-gradient(135deg,#b453094d,#92400e66);border-color:#fbbf2466;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-waiting .summary-card-title{color:#fbbf24}.card-waiting .summary-card-value{color:#fde68a}.card-consulting{background:linear-gradient(135deg,#065f464d,#16653466);border-color:#4ade8066;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-consulting .summary-card-title{color:#4ade80}.card-consulting .summary-card-value{color:#bbf7d0}.card-completed{background:linear-gradient(135deg,#1e40af4d,#1d4ed866);border-color:#60a5fa66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-completed .summary-card-title{color:#60a5fa}.card-completed .summary-card-value{color:#bfdbfe}.search-input{background-color:#1e293bcc;border-color:#475569;color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a640}.search-input::-moz-placeholder{color:#64748b}.search-input::placeholder{color:#64748b}.search-icon{color:#64748b}.queue-table-wrapper{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(71,85,105,.5);box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.queue-table th{background:#33415599;color:#94a3b8;border-bottom-color:#475569}.queue-table tbody tr:hover{background-color:#33415580}.queue-table tbody tr{border-bottom-color:#47556966}.queue-table td{color:#cbd5e1}.queue-token{color:#2dd4bf;text-shadow:0 0 10px rgba(45,212,191,.3)}.patient-name{color:#f1f5f9}.patient-details{color:#94a3b8}.patient-phone{color:#e2e8f0}.complaint-text{color:#cbd5e1}.status-active{background:linear-gradient(135deg,#065f46cc,#047857e6);color:#a7f3d0;border-color:#4ade8080}.status-inactive{background:linear-gradient(135deg,#7f1d1dcc,#991b1be6);color:#fecaca;border-color:#f8717180}.status-none{background:linear-gradient(135deg,#47556999,#334155cc);color:#cbd5e1;border-color:#64748b80}.time-added{color:#94a3b8}.doctor-name-display{color:#cbd5e1}.status-text-italic{color:#94a3b8}.status-text-red{color:#f87171}.doctor-select-dropdown{background-color:#1e293be6;border-color:#475569;color:#e2e8f0}.doctor-select-dropdown option{background-color:#1e293b;color:#e2e8f0}.doctor-select-dropdown:focus{border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a64d}.loading-container,.empty-queue-message{color:#94a3b8}.error-message-reception{background:linear-gradient(135deg,#7f1d1dcc,#991b1be6);color:#fecaca;border-color:#b91c1c99}.lab-tab-content{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(71,85,105,.4)}.lab-tab-content h2{color:#f1f5f9}.lab-placeholder-text{color:#94a3b8}.newtons-ai-tab-content,.manage-admission-tab-content,.all-patients-tab-content,.custom-bill-tab-content{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(71,85,105,.4)}}.btn-start-sub-queue{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.1875rem .375rem;font-size:.625rem;margin-top:.25rem;display:block;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;border-radius:.25rem;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-start-sub-queue:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 6px #10b98159}@media (prefers-color-scheme: dark){.btn-start-sub-queue{background:linear-gradient(135deg,#059669,#047857)}.btn-start-sub-queue:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 2px 8px #10b98166}}.dark-mode .reception-dashboard-container{background:linear-gradient(135deg,#0f172a,#1e1b4b)}.dark-mode .reception-tab-nav{border-bottom-color:#334155}.dark-mode .reception-tab-button{color:#94a3b8}.dark-mode .reception-tab-button:hover{background-color:#33415599;color:#e2e8f0}.dark-mode .reception-tab-button.active{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;box-shadow:0 2px 12px #14b8a666}.dark-mode .card-waiting{background:linear-gradient(135deg,#b453094d,#92400e66);border-color:#fbbf2466;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark-mode .card-waiting .summary-card-title{color:#fbbf24}.dark-mode .card-waiting .summary-card-value{color:#fde68a}.dark-mode .card-consulting{background:linear-gradient(135deg,#065f464d,#16653466);border-color:#4ade8066;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark-mode .card-consulting .summary-card-title{color:#4ade80}.dark-mode .card-consulting .summary-card-value{color:#bbf7d0}.dark-mode .card-completed{background:linear-gradient(135deg,#1e40af4d,#1d4ed866);border-color:#60a5fa66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark-mode .card-completed .summary-card-title{color:#60a5fa}.dark-mode .card-completed .summary-card-value{color:#bfdbfe}.dark-mode .search-input{background-color:#1e293bcc;border-color:#475569;color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark-mode .search-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a640}.dark-mode .search-input::-moz-placeholder{color:#64748b}.dark-mode .search-input::placeholder{color:#64748b}.dark-mode .search-icon{color:#64748b}.dark-mode .queue-table-wrapper{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(71,85,105,.5);box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .queue-table th{background:#33415599;color:#94a3b8;border-bottom-color:#475569}.dark-mode .queue-table tbody tr:hover{background-color:#33415580}.dark-mode .queue-table tbody tr{border-bottom-color:#47556966}.dark-mode .queue-table td{color:#cbd5e1}.dark-mode .queue-token{color:#2dd4bf;text-shadow:0 0 10px rgba(45,212,191,.3)}.dark-mode .patient-name{color:#f1f5f9}.dark-mode .patient-details{color:#94a3b8}.dark-mode .patient-phone{color:#e2e8f0}.dark-mode .complaint-text{color:#cbd5e1}.dark-mode .status-active{background:linear-gradient(135deg,#065f46cc,#047857e6);color:#a7f3d0;border-color:#4ade8080}.dark-mode .status-inactive{background:linear-gradient(135deg,#7f1d1dcc,#991b1be6);color:#fecaca;border-color:#f8717180}.dark-mode .status-none{background:linear-gradient(135deg,#47556999,#334155cc);color:#cbd5e1;border-color:#64748b80}.dark-mode .time-added{color:#94a3b8}.dark-mode .doctor-name-display{color:#cbd5e1}.dark-mode .status-text-italic{color:#94a3b8}.dark-mode .status-text-red{color:#f87171}.dark-mode .doctor-select-dropdown{background-color:#1e293be6;border-color:#475569;color:#e2e8f0}.dark-mode .doctor-select-dropdown option{background-color:#1e293b;color:#e2e8f0}.dark-mode .doctor-select-dropdown:focus{border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a64d}.dark-mode .loading-container,.dark-mode .empty-queue-message{color:#94a3b8}.dark-mode .error-message-reception{background:linear-gradient(135deg,#7f1d1dcc,#991b1be6);color:#fecaca;border-color:#b91c1c99}.dark-mode .lab-tab-content{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(71,85,105,.4)}.dark-mode .lab-tab-content h2{color:#f1f5f9}.dark-mode .lab-placeholder-text{color:#94a3b8}.dark-mode .newtons-ai-tab-content,.dark-mode .manage-admission-tab-content,.dark-mode .all-patients-tab-content,.dark-mode .custom-bill-tab-content{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(71,85,105,.4)}.dark-mode .btn-start-sub-queue{background:linear-gradient(135deg,#059669,#047857)}.dark-mode .btn-start-sub-queue:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 2px 8px #10b98166}.date-picker-container{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.375rem .625rem;gap:.5rem;transition:all .2s ease}.date-picker-container:focus-within{border-color:#0d9488;box-shadow:0 0 0 3px #0d948826}.date-input{border:none;outline:none;font-size:.75rem;color:#374151;background:transparent;font-family:inherit;cursor:pointer}.appointment-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;border:none;border-radius:.5rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.appointment-button:hover{background:linear-gradient(135deg,#0f766e,#115e59);box-shadow:0 2px 6px #0d94884d;transform:translateY(-1px)}.appointment-button:active{transform:translateY(0)}@media (prefers-color-scheme: dark){.date-picker-container{background-color:#1e293bcc;border-color:#475569;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.date-input{color:#e2e8f0}}@media (max-width: 639px){.date-picker-container{width:100%;justify-content:center}.appointment-button{width:100%}}.color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;cursor:pointer;border:1px solid #ccc;background-color:transparent;transition:background-color .2s,transform .1s}.color-dot:hover{transform:scale(1.2)}.color-dot.color-red{background-color:#ff4d4f;border-color:#ff4d4f}.color-dot.color-green{background-color:#52c41a;border-color:#52c41a}.color-dot.color-blue{background-color:#1890ff;border-color:#1890ff}.color-dot.color-none{background-color:#f0f0f0;border-color:#d9d9d9}.appointment-timeline-container{display:flex;flex-direction:column;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:.5rem;margin-top:.25rem;overflow-y:auto;min-height:500px}.timeline-hour-row{display:flex;min-height:60px;position:relative}.timeline-time-label{width:50px;flex-shrink:0;border-right:1px solid #e5e7eb;padding-right:.5rem;text-align:right;font-size:.75rem;font-weight:600;color:#64748b;position:relative;top:-6px}.timeline-track{flex-grow:1;position:relative;padding-left:.5rem;padding-bottom:.25rem}.timeline-grid-line{position:absolute;top:0;left:0;right:0;height:1px;background-color:#f3f4f6;z-index:0}.timeline-empty-slot{height:100%;width:100%}.timeline-appointments-group{display:flex;flex-wrap:wrap;gap:.25rem;position:relative;z-index:1;padding-top:.25rem}.timeline-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;padding:.25rem .5rem;width:100%;max-width:200px;box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.timeline-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:#cbd5e1}.timeline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem}.patient-name-card{font-weight:600;font-size:.8125rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.token-badge{background-color:#f1f5f9;color:#475569;padding:.1rem .3rem;border-radius:.25rem;font-size:.7rem;font-weight:700}.timeline-card-details{display:flex;flex-direction:column;gap:.125rem}.detail-row{display:flex;align-items:center;gap:.3rem;color:#64748b;font-size:.75rem}.status-line-indicator{position:absolute;left:0;top:0;bottom:0;width:4px}.status-color-waiting{background-color:#f59e0b}.status-color-consulting{background-color:#10b981}.status-color-seen{background-color:#3b82f6}.status-color-cancelled{background-color:#ef4444}.view-toggle-container{display:flex;background-color:#e2e8f0;border-radius:.5rem;padding:.2rem;gap:.2rem}.view-toggle-btn{padding:.25rem .5rem;border-radius:.3rem;border:none;background:transparent;color:#64748b;font-size:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.view-toggle-btn.active{background-color:#fff;color:#0f172a;box-shadow:0 1px 2px #0000001a;font-weight:500}@media (max-width: 640px){.appointment-timeline-container{padding:.5rem}.timeline-card{max-width:100%}}@media (prefers-color-scheme: dark){.appointment-timeline-container{background-color:#1e293b;border:none}.timeline-time-label{color:#94a3b8;border-right-color:#334155}.timeline-grid-line{background-color:#334155}.timeline-card{background-color:#0f172a;border-color:#334155}.patient-name-card{color:#f1f5f9}.token-badge{background-color:#1e293b;color:#cbd5e1}.detail-row{color:#94a3b8}.view-toggle-container{background-color:#334155}.view-toggle-btn{color:#94a3b8}.view-toggle-btn.active{background-color:#1e293b;color:#f1f5f9}}.dark-mode .appointment-timeline-container{background-color:#1e293b;border:none}.dark-mode .timeline-time-label{color:#94a3b8;border-right-color:#334155}.dark-mode .timeline-grid-line{background-color:#334155}.dark-mode .timeline-card{background-color:#0f172a;border-color:#334155}.dark-mode .patient-name-card{color:#f1f5f9}.dark-mode .token-badge{background-color:#1e293b;color:#cbd5e1}.dark-mode .detail-row{color:#94a3b8}.dark-mode .view-toggle-container{background-color:#334155}.dark-mode .view-toggle-btn{color:#94a3b8}.dark-mode .view-toggle-btn.active{background-color:#1e293b;color:#f1f5f9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.appointment-modal{width:100%;max-width:450px;background:#fff;background:var(--card-bg, white);border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color, #e2e8f0)}.dark-mode .appointment-modal{background:#1e293b;border-color:#334155;color:#f8fafc}.modal-header{padding:12px 16px;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary, #0f172a)}.dark-mode .modal-header h2{color:#f8fafc}.close-button{background:none;border:none;cursor:pointer;color:var(--text-secondary, #64748b);padding:4px;border-radius:4px;transition:background .2s}.close-button:hover{background:var(--bg-hover, #f1f5f9);color:var(--text-primary, #0f172a)}.modal-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:6px;position:relative}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #64748b)}.dark-mode .form-group label{color:#94a3b8}.search-input-wrapper,.date-input-wrapper{position:relative;display:flex;align-items:center}.search-icon-input{position:absolute;left:10px;color:#94a3b8}.modal-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:.95rem;background:var(--input-bg, #ffffff);color:var(--text-primary, #0f172a);transition:all .2s}.date-input-wrapper .modal-input{padding-left:12px}.dark-mode .modal-input{background:#0f172a;border-color:#334155;color:#f8fafc}.modal-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card-bg, white);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:10;max-height:200px;overflow-y:auto;margin-top:4px}.dark-mode .search-results-dropdown{background:#1e293b;border-color:#334155}.search-result-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border-color, #f1f5f9);display:flex;justify-content:space-between;align-items:center;transition:background .15s}.dark-mode .search-result-item{border-bottom-color:#334155}.search-result-item:hover{background-color:var(--bg-hover, #f8fafc)}.dark-mode .search-result-item:hover{background-color:#334155}.patient-info .name{font-weight:500;color:var(--text-primary, #0f172a);display:block}.dark-mode .patient-info .name{color:#f8fafc}.patient-info .details,.search-result-item .phone{font-size:.8rem;color:var(--text-secondary, #64748b)}.selected-patient-preview{margin-top:10px}.preview-label{font-size:.8rem;color:var(--text-secondary, #64748b);margin-bottom:4px}.preview-card{background:var(--bg-secondary, #f1f5f9);padding:10px;border-radius:8px;display:flex;align-items:center;gap:12px;border:1px solid var(--border-color, #e2e8f0)}.dark-mode .preview-card{background:#0f172a;border-color:#334155}.modal-footer{padding:12px 16px;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;gap:10px;background:var(--bg-secondary, #f8fafc)}.dark-mode .modal-footer{background:#0f172a;border-top-color:#334155}.cancel-button{padding:8px 16px;border:1px solid var(--border-color, #e2e8f0);background:transparent;border-radius:6px;cursor:pointer;font-weight:500;color:var(--text-primary, #0f172a)}.dark-mode .cancel-button{border-color:#475569;color:#cbd5e1}.submit-button{padding:8px 16px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.submit-button:disabled{background:#94a3b8;cursor:not-allowed}.error-message{color:#ef4444;font-size:.9rem;background:#fef2f2;padding:8px;border-radius:6px;border:1px solid #fee2e2}.create-patient-item{background-color:#f5f3ff;border-bottom:1px dashed #6366f1}.dark-mode .create-patient-item{background-color:#1e1b4b;border-bottom-color:#4338ca}.create-icon-wrapper{width:32px;height:32px;border-radius:50%;background-color:#8b5cf6;display:flex;align-items:center;justify-content:center}.ai-response-container{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#111827;border:1px solid #1f2937;border-radius:.75rem;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#d1d5db;line-height:1.7}.ai-response-container .prose{color:inherit;max-width:100%}.ai-response-container .prose h1,.ai-response-container .prose h2,.ai-response-container .prose h3,.ai-response-container .prose h4,.ai-response-container .prose h5,.ai-response-container .prose h6{color:#9ca3af;margin-top:1.5em;margin-bottom:.75em;line-height:1.3}.ai-response-container .prose h1{font-size:1.8em}.ai-response-container .prose h2{font-size:1.5em}.ai-response-container .prose h3{font-size:1.25em}.ai-response-container .prose p,.ai-response-container .prose ul,.ai-response-container .prose ol,.ai-response-container .prose li{color:#d1d5db;margin-bottom:1em;font-size:1em}.ai-response-container .prose ul,.ai-response-container .prose ol{padding-left:1.5em}.ai-response-container .prose strong{color:#f3f4f6;font-weight:600}.ai-response-container .prose a{color:#646cff;text-decoration:none;font-weight:500}.ai-response-container .prose a:hover{text-decoration:underline;color:#535bf2}.ai-response-container .prose blockquote{border-left:4px solid #4f46e5;padding-left:1em;margin-left:0;font-style:italic;color:#9ca3af}.ai-response-container table{border-collapse:collapse;width:100%;margin-top:1.5em;margin-bottom:1.5em;border:1px solid #374151;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ai-response-container table th,.ai-response-container table td{border:1px solid #374151;padding:.75em 1em;text-align:left;color:#d1d5db}.ai-response-container table th{background-color:#1f2937;color:#e5e7eb;font-weight:600}.ai-response-container table td{background-color:#000}.ai-response-container .prose code{background-color:#374151;color:#e5e7eb;padding:.2em .4em;border-radius:.25rem;font-size:.9em;border:1px solid #0A192F;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.ai-response-container .prose pre{background-color:#000;color:#d1d5db;padding:1em;border-radius:.375rem;overflow-x:auto;border:1px solid #374151;box-shadow:inset 0 1px 3px #0003;width:100vw;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box}.ai-response-container .prose pre code{background-color:transparent;color:inherit;border:none;padding:0;font-size:.9em;line-height:1.45}.ai-json-details-container{margin-top:.75rem;border-top:1px solid #374151;padding-top:.75rem}.ai-json-toggle-button{background-color:#374151;color:#e5e7eb;border:1px solid #4b5563;padding:.375rem .75rem;border-radius:.375rem;font-size:.8rem;cursor:pointer;transition:background-color .2s;margin-bottom:.5rem}.ai-json-toggle-button:hover{background-color:#4b5563}.ai-json-pre{background-color:#000;color:#d1d5db;padding:.75em;border-radius:.375rem;overflow-x:auto;border:1px solid #374151;font-size:.8em;line-height:1.5;max-height:300px;white-space:pre-wrap;word-break:break-all;width:100vw;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box}.ai-json-pre code{background-color:transparent;color:inherit;border:none;padding:0;font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.ai-function-call-block{background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:1rem;margin-top:1rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a;color:#d1d5db}.ai-function-status{font-size:1.05em;font-weight:600;margin-bottom:.75rem;padding:.5rem .75rem;border-radius:.375rem;display:inline-block;line-height:1.4}.ai-function-status.success{background-color:#052e16;color:#34d399;border:1px solid #064e3b}.ai-function-status.info{background-color:#1e293b;color:#60a5fa;border:1px solid #334155}.ai-function-call-block .ai-json-details-container{margin-top:.5rem;border-top:none;padding-top:0}.ai-function-call-block .ai-json-toggle-button{font-size:.75rem}.ai-function-status.error{background-color:#450a0a;color:#f87171;border:1px solid #7f1d1d}.loading-animation-container{display:flex;align-items:center;justify-content:center;height:50px;margin:10px 0}.breathing-ball{width:20px;height:20px;background-color:#5eead4;border-radius:50%;animation:breathe 1.5s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}}@media (prefers-color-scheme: light){.ai-response-container{background-color:#f9fafb;border-color:#e5e7eb;color:#1f2937}.ai-response-container .prose h1,.ai-response-container .prose h2,.ai-response-container .prose h3,.ai-response-container .prose h4,.ai-response-container .prose h5,.ai-response-container .prose h6{color:#374151}.ai-response-container .prose p,.ai-response-container .prose ul,.ai-response-container .prose ol,.ai-response-container .prose li{color:#1f2937}.ai-response-container .prose strong{color:#111827}.ai-response-container .prose a{color:#4f46e5}.ai-response-container .prose a:hover{color:#4338ca}.ai-response-container .prose blockquote{border-left-color:#a5b4fc;color:#4b5563}.ai-response-container table{border-color:#e5e7eb}.ai-response-container table th,.ai-response-container table td{border-color:#e5e7eb;color:#1f2937}.ai-response-container table th{background-color:#f3f4f6;color:#374151}.ai-response-container table td{background-color:#fff}.ai-response-container .prose code{background-color:#e5e7eb;color:#1f2937;border-color:#d1d5db}.ai-response-container .prose pre{background-color:#f3f4f6;color:#1f2937;border-color:#e5e7eb;box-shadow:inset 0 1px 3px #0000000d}.ai-response-container .prose pre{width:auto;position:static;transform:none}.ai-json-details-container{border-top-color:#e5e7eb}.ai-json-toggle-button{background-color:#e5e7eb;color:#374151;border-color:#d1d5db}.ai-json-toggle-button:hover{background-color:#d1d5db}.ai-json-pre{background-color:#f3f4f6;color:#1f2937;border-color:#e5e7eb;width:auto;position:static;transform:none}.ai-function-call-block{background-color:#f9fafb;border-color:#e5e7eb;color:#1f2937}.ai-function-status.success{background-color:#ecfdf5;color:#065f46;border-color:#a7f3d0}.ai-function-status.info{background-color:#eff6ff;color:#1e40af;border-color:#bfdbfe}.ai-function-status.error{background-color:#fef2f2;color:#991b1b;border-color:#fecaca}.breathing-ball{background-color:#2563eb}}.reception-app{--rc-bg-main: #f0f4f8;--rc-bg-glass: rgba(255, 255, 255, .85);--rc-bg-card: #ffffff;--rc-bg-hover: #f1f5f9;--rc-bg-active: #e2e8f0;--rc-text-primary: #1e293b;--rc-text-secondary: #64748b;--rc-text-muted: #94a3b8;--rc-border-light: #e2e8f0;--rc-border-medium: #cbd5e1;--rc-primary: #3b82f6;--rc-primary-glow: rgba(59, 130, 246, .25);--rc-primary-text: #ffffff;--rc-success: #10b981;--rc-success-bg: #d1fae5;--rc-success-text: #065f46;--rc-warning: #f59e0b;--rc-warning-bg: #fef3c7;--rc-warning-text: #92400e;--rc-danger: #ef4444;--rc-danger-bg: #fee2e2;--rc-danger-text: #991b1b;--rc-shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--rc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--rc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--rc-glass-border: 1px solid rgba(255, 255, 255, .5);--rc-backdrop-blur: blur(12px);--rc-radius-sm: 6px;--rc-radius-md: 10px;--rc-radius-lg: 16px;--rc-radius-xl: 24px;--rc-radius-full: 9999px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;height:100vh;background-color:var(--rc-bg-main);color:var(--rc-text-primary);overflow:hidden;position:relative;transition:background-color .3s ease,color .3s ease}@media (prefers-color-scheme: dark){.reception-app{--rc-bg-main: #0f172a;--rc-bg-glass: rgba(30, 41, 59, .7);--rc-bg-card: #1e293b;--rc-bg-hover: #334155;--rc-bg-active: #475569;--rc-text-primary: #f8fafc;--rc-text-secondary: #94a3b8;--rc-text-muted: #64748b;--rc-border-light: #334155;--rc-border-medium: #475569;--rc-primary: #60a5fa;--rc-primary-glow: rgba(96, 165, 250, .3);--rc-primary-text: #0f172a;--rc-success: #34d399;--rc-success-bg: #064e3b;--rc-success-text: #d1fae5;--rc-warning: #fbbf24;--rc-warning-bg: #78350f;--rc-warning-text: #fef3c7;--rc-danger: #f87171;--rc-danger-bg: #7f1d1d;--rc-danger-text: #fee2e2;--rc-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--rc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--rc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--rc-glass-border: 1px solid rgba(255, 255, 255, .05)}}.reception-error{background-color:var(--rc-danger-bg);color:var(--rc-danger-text);padding:.75rem 1rem;margin:1rem;border-radius:var(--rc-radius-md);border:1px solid var(--rc-danger);font-size:.875rem;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.reception-nav{display:flex;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--rc-bg-glass);-webkit-backdrop-filter:var(--rc-backdrop-blur);backdrop-filter:var(--rc-backdrop-blur);border-bottom:var(--rc-glass-border);position:sticky;top:0;z-index:50;box-shadow:var(--rc-shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reception-nav::-webkit-scrollbar{display:none}.reception-nav-item{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:var(--rc-radius-full);border:none;background:transparent;color:var(--rc-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.reception-nav-item:hover{background:var(--rc-bg-hover);color:var(--rc-text-primary);transform:translateY(-1px)}.reception-nav-item.active{background:var(--rc-primary);color:var(--rc-primary-text);box-shadow:0 4px 12px var(--rc-primary-glow);font-weight:600}.reception-main{flex:1;overflow-y:auto;padding:1rem;max-width:1600px;width:100%;margin:0 auto}.reception-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.reception-actions{display:flex;flex-direction:column;gap:1rem}.reception-search-wrapper{position:relative;width:100%}.reception-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--rc-text-muted)}.reception-search-input{width:100%;padding:.75rem 2.75rem .75rem 1rem;border-radius:var(--rc-radius-xl);border:1px solid var(--rc-border-light);background:var(--rc-bg-card);color:var(--rc-text-primary);font-size:.95rem;box-shadow:var(--rc-shadow-sm);transition:all .2s}.reception-controls{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:4px;align-items:center}.reception-view-toggle{display:flex;background:var(--rc-bg-active);padding:3px;border-radius:var(--rc-radius-lg);gap:2px;height:40px;align-items:center}.reception-toggle-option{padding:0 12px;height:34px;border-radius:var(--rc-radius-md);border:none;background:transparent;color:var(--rc-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.reception-toggle-option:hover{color:var(--rc-text-primary)}.reception-toggle-option.active{background:var(--rc-bg-card);color:var(--rc-text-primary);box-shadow:var(--rc-shadow-sm);font-weight:600}.reception-btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--rc-radius-md);border:1px solid var(--rc-border-light);background:var(--rc-bg-card);color:var(--rc-text-secondary);cursor:pointer;flex-shrink:0;transition:all .2s}.reception-btn-icon:hover{background:var(--rc-bg-hover);color:var(--rc-text-primary)}.reception-btn-icon.active{background:var(--rc-bg-active);color:var(--rc-primary);border-color:var(--rc-primary)}.reception-btn-primary{display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;height:40px;border-radius:var(--rc-radius-lg);background:var(--rc-primary);color:var(--rc-primary-text);border:none;font-weight:600;cursor:pointer;box-shadow:0 4px 10px var(--rc-primary-glow);transition:all .2s;white-space:nowrap}.reception-btn-primary:hover{filter:brightness(110%);transform:translateY(-1px)}.reception-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.reception-stat-card{background:var(--rc-bg-card);border:1px solid var(--rc-border-light);border-radius:var(--rc-radius-lg);padding:1rem;text-align:center;box-shadow:var(--rc-shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center}.reception-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:.25rem;color:var(--rc-text-secondary)}.reception-stat-value{font-size:1.5rem;font-weight:800;line-height:1;color:var(--rc-text-primary)}.stat-waiting .reception-stat-value{color:var(--rc-warning)}.stat-consulting .reception-stat-value{color:var(--rc-success)}.stat-completed .reception-stat-value{color:var(--rc-primary)}.reception-card{background:var(--rc-bg-card);border-radius:var(--rc-radius-lg);border:1px solid var(--rc-border-light);box-shadow:var(--rc-shadow-md);overflow:hidden;margin-bottom:1.5rem}.reception-table-wrapper{overflow-x:auto}.reception-table{width:100%;border-collapse:collapse}.reception-table th{background:var(--rc-bg-hover);color:var(--rc-text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;padding:1rem;text-align:left;border-bottom:1px solid var(--rc-border-light)}.reception-table td{padding:1rem;border-bottom:1px solid var(--rc-border-light);vertical-align:middle;color:var(--rc-text-primary);font-size:.9rem}.reception-table tr:last-child td{border-bottom:none}.reception-row:hover{background:var(--rc-bg-hover);cursor:pointer}.reception-patient-cell{display:flex;align-items:center;gap:1rem}.reception-patient-avatar{width:36px;height:36px;border-radius:50%;background:var(--rc-bg-active);color:var(--rc-text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.reception-patient-info{display:flex;flex-direction:column}.reception-patient-name{font-weight:600;color:var(--rc-text-primary)}.reception-patient-meta{font-size:.75rem;color:var(--rc-text-secondary)}.reception-badge{display:inline-flex;padding:.25rem .6rem;border-radius:var(--rc-radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.badge-active{background:var(--rc-success-bg);color:var(--rc-success-text)}.badge-inactive{background:var(--rc-danger-bg);color:var(--rc-danger-text)}.badge-neutral{background:var(--rc-bg-active);color:var(--rc-text-secondary)}.reception-color-dot{width:10px;height:10px;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px #0000001a;transition:transform .2s}.reception-color-dot:hover{transform:scale(1.3)}@media (min-width: 768px){.reception-main{padding:2rem}.reception-header{flex-direction:row;align-items:center;justify-content:space-between}.reception-actions{flex-direction:row;align-items:center;flex:1;width:auto}.reception-search-wrapper{max-width:350px}.reception-controls{margin-left:auto}.reception-stats{width:auto;gap:1.5rem}.reception-stat-card{min-width:140px;padding:1.25rem}.mobile-only{display:none}}@media (max-width: 767px){.desktop-only{display:none!important}.reception-nav{padding:.5rem .75rem;gap:.5rem}.reception-nav-item{padding:.4rem .75rem;font-size:.8rem}.reception-main{padding:.5rem}.reception-header{gap:.75rem;margin-bottom:1rem}.reception-search-input{padding:.6rem 2.5rem .6rem .8rem;font-size:.9rem}.reception-search-icon{right:.8rem;left:auto}.reception-stats{gap:.5rem}.reception-stat-card{padding:.75rem .25rem;min-height:70px}.reception-stat-label{font-size:.6rem}.reception-stat-value{font-size:1.1rem}.reception-controls{padding-bottom:0;gap:.5rem}.reception-btn-primary{width:100%;justify-content:center;height:36px;font-size:.9rem}.reception-view-toggle{height:36px}.reception-toggle-option{padding:0 10px;height:30px}.reception-table td,.reception-table th{padding:.75rem .5rem}.reception-patient-avatar{width:32px;height:32px;font-size:.8rem}}.patient-search-page-container{width:100%;min-height:100vh;box-sizing:border-box;background-color:#f9fafb;padding-bottom:5rem}.patient-search-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:transparent;border-bottom:none;flex-shrink:0}.patient-search-page-title{display:none}.patient-search-content-box{padding:.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.newly-registered-section{display:flex;flex-direction:column;gap:.5rem}.recent-list{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.recent-patient-pill{background:#fff;padding:.5rem .75rem;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:space-between;min-width:180px;cursor:pointer;border:1px solid #f3f4f6;transition:all .2s}.recent-patient-pill:hover{box-shadow:0 4px 6px #0000000d;border-color:#e5e7eb}.recent-name-container{display:flex;align-items:center;gap:.5rem}.recent-name{font-weight:500;font-size:.85rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.recent-info{font-size:.75rem;color:#6b7280;margin-left:auto}.recent-token{background:#eff6ff;color:#3b82f6;padding:.15rem .3rem;border-radius:.25rem;font-size:.7rem;font-weight:700}.newly-registered-label{font-size:.75rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-top:1px solid #e5e7eb;padding-top:.5rem;margin-top:.5rem}.example-cases-section{display:flex;flex-direction:column;gap:.5rem}.example-cases-header{display:flex;align-items:center;gap:.5rem}.example-cases-header h3{font-size:1rem;font-weight:700;color:#1f2937;margin:0}.sparkles-icon{font-size:1.1rem}.example-cards-container{display:flex;gap:.75rem;flex-wrap:wrap}.example-case-card{flex:1;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:.6rem;padding:.6rem;display:flex;gap:.6rem;cursor:pointer;transition:all .2s ease}.example-case-card:hover{border-color:#d1d5db;background-color:#f9fafb;transform:translateY(-1px)}.example-icon{font-size:1.1rem;background:#f3f4f6;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.example-content{display:flex;flex-direction:column;gap:.2rem}.example-title{font-weight:600;color:#1f2937;font-size:.8rem}.example-description{font-size:.7rem;color:#6b7280;line-height:1.3;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.patient-search-button{font-weight:700;padding:.5rem 1rem;border-radius:9999px;transition:background-color .2s ease-in-out,transform .1s ease-in-out,box-shadow .2s ease-in-out;color:#fff;border:none;cursor:pointer;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:.5rem}.patient-search-button-back{background-color:#fff;color:#6b7280;border:1px solid #e5e7eb;box-shadow:none;padding:.6rem;border-radius:50%;width:2.5rem;height:2.5rem;justify-content:center}.patient-search-button-back:hover{background-color:#f3f4f6;color:#374151}.patient-search-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.patient-search-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.patient-search-button:disabled{opacity:.5;cursor:not-allowed}.patient-search-button-primary{background-color:#3b82f6}.patient-search-button-primary:hover:not(:disabled){background-color:#2563eb}.sticky-chat-input-box{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:1rem 1.5rem;background:#ffffffbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,255,255,.3);box-shadow:0 -10px 40px #0000000a,0 -1px #fff6 inset;display:flex;flex-direction:column;gap:1rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.sticky-chat-input-box.minimized{transform:translateY(100%)}.ai-chat-overlay{position:absolute;bottom:100%;left:0;right:0;background:#fffffffa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(124,58,237,.15);box-shadow:0 -8px 32px #7c3aed1f,0 -2px 8px #0000000f;padding:0;max-height:55vh;overflow:hidden;z-index:1001;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:20px 20px 0 0;animation:slideUpFade .3s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-chat-overlay.minimized{max-height:0;padding:0;border:none;overflow:hidden;opacity:0}.ai-chat-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#a78bfa);font-size:.9rem;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.ai-chat-controls{display:flex;gap:.375rem}.icon-btn{background:#ffffff26;border:none;cursor:pointer;color:#ffffffe6;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background:#ffffff40;color:#fff;transform:scale(1.05)}.ai-chat-messages{display:flex;flex-direction:column;gap:.625rem;padding:1rem;overflow-y:auto;flex:1;background:#f8fafc}.ai-chat-messages::-webkit-scrollbar{width:5px}.ai-chat-messages::-webkit-scrollbar-track{background:transparent}.ai-chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.chat-bubble{padding:.75rem 1rem;border-radius:16px;font-size:.9rem;line-height:1.5;max-width:88%;animation:bubbleFadeIn .25s ease-out;word-wrap:break-word}@keyframes bubbleFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.model{background:#fffffff2;color:#334155;align-self:flex-start;border:1px solid rgba(226,232,240,.8);border-bottom-left-radius:4px;box-shadow:0 2px 6px #0000000a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.chat-bubble.user{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;box-shadow:0 2px 8px #7c3aed40}.sticky-chat-input-box{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:1rem;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#a78bfa);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #0000001a;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.cmd-input-container{display:flex;align-items:flex-start;background:#fff3;border-radius:24px;padding:.5rem 1rem;gap:.5rem;width:100%;max-width:800px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000000d;transition:all .2s ease}.cmd-input-container:focus-within{background:#ffffff40;box-shadow:0 0 0 2px #ffffff4d;transform:translateY(-1px)}.cmd-input{flex:1;min-width:0;background:transparent;border:none;outline:none!important;box-shadow:none!important;font-size:1rem;color:#fff;font-weight:500;resize:none;min-height:24px;max-height:150px;line-height:1.5;font-family:inherit;padding:0;margin:2px 0}.cmd-input::-moz-placeholder{color:#ffffffb3}.cmd-input::placeholder{color:#ffffffb3}.cmd-controls-group{display:flex;align-items:center;gap:.25rem;flex-shrink:0;align-self:flex-end;padding-bottom:2px}.cmd-icon-btn{background:#ffffff26;border:none;color:#ffffffe6;width:34px;height:34px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.cmd-icon-btn:hover{background:#ffffff4d;color:#fff;transform:translateY(-1px)}.cmd-icon-btn svg{width:18px;height:18px}.cmd-icon-btn.send-btn{background:#ffffffe6;color:#7c3aed}.cmd-icon-btn.send-btn:hover{background:#fff;color:#6d28d9;box-shadow:0 2px 5px #0000001a}.cmd-image-preview{position:relative;border:1px solid rgba(255,255,255,.3);border-radius:6px;overflow:hidden;margin-right:.5rem;flex-shrink:0}.cmd-image-preview img{height:32px;width:auto;display:block}.cmd-image-delete{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer;border:none}.cmd-image-preview:hover .cmd-image-delete{opacity:1}.action-buttons-container,.action-icon-btn,.chat-input,.chat-input-controls,.chat-submit-button,.spinner{display:none}.status-indicators{display:flex;gap:1rem;justify-content:center;width:100%;padding-bottom:.5rem}.patient-search-input-status{font-size:.875rem;color:#374151;background-color:#e5e7eb;padding:.25rem .75rem;border-radius:9999px;box-shadow:0 1px 2px #0000001a}.patient-search-results-list{width:100%;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;box-shadow:0 -2px 5px #0000000d}.patient-search-result-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .15s ease-in-out;display:flex;justify-content:space-between;align-items:center}.patient-search-result-item:last-child{border-bottom:none}.patient-search-result-item:hover{background-color:#eff6ff}.patient-search-result-item-name-container{display:flex;flex-direction:column}.patient-search-result-item-name{font-weight:500;color:#1f2937}.patient-search-result-item-token{color:#3b82f6;font-size:.875rem}.patient-search-result-item-details{font-size:.875rem;color:#4b5563;text-align:right}.patient-search-error{color:#ef4444;font-size:.875rem;margin-bottom:1rem;padding:.75rem;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:.375rem}.patient-search-no-results{width:100%;color:#6b7280;padding:1rem;text-align:center;background-color:#f9fafb;border-radius:.375rem;border:1px dashed #e5e7eb}.toggle-results-btn{position:absolute;top:-30px;right:10px;background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;padding:4px 12px;font-size:.75rem;color:#6b7280;cursor:pointer;box-shadow:0 -2px 4px #0000000d;z-index:1002;display:flex;align-items:center;gap:4px}@media (max-width: 768px){.patient-search-page-container{padding-bottom:5rem}.sticky-chat-input-box{padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));background:#ffffffe6;gap:.5rem}.patient-search-header{padding:.75rem 1rem}.patient-search-content-box{padding:.5rem 1rem}.chat-input{border-radius:24px;padding:.75rem 1rem;padding-right:120px;min-height:52px;font-size:16px}.action-buttons-container{right:6px;top:6px;bottom:6px;gap:0;padding:2px;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.action-icon-btn{width:38px;height:38px}.sticky-chat-input-box.minimized{transform:translateY(100%)}}@media (prefers-color-scheme: dark){.patient-search-page-container,.patient-search-content-box{background-color:#0f172a}.patient-search-header{background-color:transparent}.patient-search-page-title{color:#a78bfa}.newly-registered-label{color:#94a3b8;border-top-color:#334155}.recent-patient-pill{background:#1e293b;border-color:#334155;box-shadow:0 1px 2px #0003}.recent-patient-pill:hover{background:#334155;border-color:#475569}.recent-name{color:#f1f5f9}.recent-token{background:#334155;color:#60a5fa}.recent-info{color:#94a3b8}.example-cases-header h3{color:#e2e8f0}.example-case-card{background:#1e293b;border-color:#334155}.example-case-card:hover{background:#334155;border-color:#475569}.example-icon{background:#334155}.example-title{color:#e2e8f0}.example-description{color:#94a3b8}.patient-search-button-back{background-color:#1e293b;color:#cbd5e1;border-color:#334155}.patient-search-button-back:hover{background-color:#334155;color:#fff}.sticky-chat-input-box{background:#0f172ad9;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 40px #0000004d,0 -1px #ffffff0d inset}.chat-input{background:#1e293b99;border-color:#47556980;color:#f1f5f9;box-shadow:0 2px 4px #0003,inset 0 1px 2px #0003}.chat-input::-moz-placeholder{color:#64748b}.chat-input::placeholder{color:#64748b}.chat-input:focus{background:#1e293b;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633,0 4px 12px #0000004d}.action-buttons-container{background:#1e293bcc;border-color:#47556966;z-index:20}.action-icon-btn{color:#94a3b8}.action-icon-btn:hover{background:#ffffff0d;color:#f1f5f9}.patient-search-results-list,.patient-search-results-overlay{background-color:#1e293b;border-color:#334155;color:#e2e8f0}.patient-search-result-item{border-bottom-color:#334155}.patient-search-result-item:hover{background-color:#334155;border-left-color:#8b5cf6}.patient-search-result-item-name{color:#f1f5f9}.patient-search-result-item-token{color:#a78bfa}.patient-search-result-item-details{color:#94a3b8}.patient-search-no-results{background-color:#1e293b;color:#94a3b8;border-color:#334155}}[data-theme=dark] .patient-search-page-container,.dark-mode .patient-search-page-container,body.dark-mode .patient-search-page-container,[data-theme=dark] .patient-search-content-box,.dark-mode .patient-search-content-box,body.dark-mode .patient-search-content-box{background-color:#0f0f1a}[data-theme=dark] .newly-registered-label,.dark-mode .newly-registered-label,body.dark-mode .newly-registered-label{color:#a6adc8;border-top-color:#45475a80}[data-theme=dark] .recent-patient-pill,.dark-mode .recent-patient-pill,body.dark-mode .recent-patient-pill{background:#1e1e2e;border-color:#45475a80}[data-theme=dark] .recent-patient-pill:hover,.dark-mode .recent-patient-pill:hover,body.dark-mode .recent-patient-pill:hover{background:#313244;border-color:#45475acc}[data-theme=dark] .recent-name,.dark-mode .recent-name,body.dark-mode .recent-name{color:#cdd6f4}[data-theme=dark] .recent-token,.dark-mode .recent-token,body.dark-mode .recent-token{background:#8b5cf633;color:#a78bfa}[data-theme=dark] .recent-info,.dark-mode .recent-info,body.dark-mode .recent-info{color:#6c7086}[data-theme=dark] .example-cases-header h3,.dark-mode .example-cases-header h3,body.dark-mode .example-cases-header h3{color:#cdd6f4}[data-theme=dark] .example-case-card,.dark-mode .example-case-card,body.dark-mode .example-case-card{background:#1e1e2e;border-color:#45475a80}[data-theme=dark] .example-case-card:hover,.dark-mode .example-case-card:hover,body.dark-mode .example-case-card:hover{background:#313244;border-color:#8b5cf64d}[data-theme=dark] .example-icon,.dark-mode .example-icon,body.dark-mode .example-icon{background:#313244}[data-theme=dark] .example-title,.dark-mode .example-title,body.dark-mode .example-title{color:#cdd6f4}[data-theme=dark] .example-description,.dark-mode .example-description,body.dark-mode .example-description{color:#6c7086}[data-theme=dark] .patient-search-button-back,.dark-mode .patient-search-button-back,body.dark-mode .patient-search-button-back{background-color:#1e1e2e;color:#a6adc8;border-color:#45475a80}[data-theme=dark] .patient-search-button-back:hover,.dark-mode .patient-search-button-back:hover,body.dark-mode .patient-search-button-back:hover{background-color:#313244;color:#cdd6f4}[data-theme=dark] .patient-search-results-list,.dark-mode .patient-search-results-list,body.dark-mode .patient-search-results-list{background-color:#1e1e2e;border-color:#45475a80}[data-theme=dark] .patient-search-result-item,.dark-mode .patient-search-result-item,body.dark-mode .patient-search-result-item{border-bottom-color:#45475a66}[data-theme=dark] .patient-search-result-item:hover,.dark-mode .patient-search-result-item:hover,body.dark-mode .patient-search-result-item:hover{background-color:#8b5cf614}[data-theme=dark] .patient-search-result-item-name,.dark-mode .patient-search-result-item-name,body.dark-mode .patient-search-result-item-name{color:#cdd6f4}[data-theme=dark] .patient-search-result-item-token,.dark-mode .patient-search-result-item-token,body.dark-mode .patient-search-result-item-token{color:#a78bfa}[data-theme=dark] .patient-search-result-item-details,.dark-mode .patient-search-result-item-details,body.dark-mode .patient-search-result-item-details{color:#6c7086}[data-theme=dark] .patient-search-no-results,.dark-mode .patient-search-no-results,body.dark-mode .patient-search-no-results{background-color:#1e1e2e;color:#6c7086;border-color:#45475a80}[data-theme=dark] .patient-search-error,.dark-mode .patient-search-error,body.dark-mode .patient-search-error{background-color:#ef444426;border-color:#ef44444d;color:#f87171}:root{--ma-bg-light: #f8fafc;--ma-bg-dark: #0f172a;--ma-text-light: #1e293b;--ma-text-dark: #f1f5f9;--ma-primary: #3b82f6;--ma-accent: #60a5fa;--ma-card-bg-light: #ffffff;--ma-card-bg-dark: #1e293b;--ma-hover-light: #eff6ff;--ma-hover-dark: rgba(59, 130, 246, .15)}@keyframes ma-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ma-container{min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:15vh;padding-left:1rem;padding-right:1rem;background-color:transparent;font-family:Inter,system-ui,sans-serif}.ma-header-section{text-align:center;margin-bottom:2.5rem;animation:ma-fade-in .5s ease-out}.ma-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--ma-primary),var(--ma-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--ma-primary)}.ma-subtitle{color:#64748b;font-size:1rem}.dark-mode .ma-subtitle,[data-theme=dark] .ma-subtitle{color:#94a3b8}.ma-search-wrapper{width:100%;max-width:650px;position:relative;z-index:10;animation:ma-fade-in .6s ease-out}.ma-search-input{width:100%;height:3.5rem;padding:0 3.5rem;font-size:1.15rem;border-radius:999px;border:2px solid transparent;background-color:var(--ma-card-bg-light);box-shadow:0 10px 30px -5px #00000014,0 4px 6px -2px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--ma-text-light)}.dark-mode .ma-search-input,[data-theme=dark] .ma-search-input{background-color:var(--ma-card-bg-dark);color:var(--ma-text-dark);box-shadow:0 10px 30px -5px #0006;border:1px solid rgba(255,255,255,.05)}.ma-search-input:focus{border-color:var(--ma-primary);transform:scale(1.01);box-shadow:0 15px 35px -5px #3b82f633,0 0 0 4px #3b82f61a}.ma-search-icon,.ma-loading-spinner{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.ma-clear-icon{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;transition:background .2s}.ma-clear-icon:hover{background-color:#0000000d;color:var(--ma-text-light)}.dark-mode .ma-clear-icon:hover,[data-theme=dark] .ma-clear-icon:hover{background-color:#ffffff1a;color:var(--ma-text-dark)}.ma-results-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:12px;background-color:var(--ma-card-bg-light);border-radius:20px;box-shadow:0 20px 40px -5px #0000001f,0 8px 16px -4px #0000000d;overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(0,0,0,.04)}.ma-results-dropdown.open{max-height:450px;opacity:1;transform:translateY(0);overflow-y:auto}.dark-mode .ma-results-dropdown,[data-theme=dark] .ma-results-dropdown{background-color:var(--ma-card-bg-dark);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px -5px #00000080}.ma-result-item{padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.03);transition:background .2s ease}.dark-mode .ma-result-item,[data-theme=dark] .ma-result-item{border-bottom:1px solid rgba(255,255,255,.04)}.ma-result-item:last-child{border-bottom:none}.ma-result-item:hover{background-color:var(--ma-hover-light)}.dark-mode .ma-result-item:hover,[data-theme=dark] .ma-result-item:hover{background-color:var(--ma-hover-dark)}.ma-patient-info{display:flex;align-items:center;gap:.75rem}.ma-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#0284c7;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.dark-mode .ma-avatar,[data-theme=dark] .ma-avatar{background:linear-gradient(135deg,#0c4a6e,#075985);color:#bae6fd}.ma-patient-text h4{margin:0;font-size:1.05rem;font-weight:600;color:var(--ma-text-light)}.dark-mode .ma-patient-text h4,[data-theme=dark] .ma-patient-text h4{color:var(--ma-text-dark)}.ma-patient-subtext{margin:2px 0 0;font-size:.85rem;color:#64748b}.dark-mode .ma-patient-subtext,[data-theme=dark] .ma-patient-subtext{color:#94a3b8}.ma-badge{padding:.35em .85em;border-radius:99px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.ma-badge-admitted{background-color:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.dark-mode .ma-badge-admitted,[data-theme=dark] .ma-badge-admitted{background-color:#16a34a33;color:#4ade80;border-color:#16a34a66}.ma-badge-discharged{background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.dark-mode .ma-badge-discharged,[data-theme=dark] .ma-badge-discharged{background-color:#94a3b81a;color:#94a3b8;border-color:#94a3b833}@media (max-width: 640px){.ma-container{justify-content:flex-start;padding-top:4rem}.ma-title{font-size:1.75rem}.ma-search-input{font-size:1rem;padding:0 3rem;height:3.25rem}}.ma-discharge-all-btn{background-color:#ef4444;color:#fff;padding:.75rem 1.5rem;border-radius:99px;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #ef444466;transition:all .2s ease;margin-left:1rem;white-space:nowrap}.ma-discharge-all-btn:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 6px 8px -1px #ef444480}.ma-discharge-all-btn:active{transform:translateY(0)}.ma-header-section{width:100%;max-width:800px!important;display:flex;align-items:center;justify-content:space-between;text-align:left}.ma-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ma-fade-in .2s ease-out}.ma-modal-content{background-color:var(--ma-card-bg-light);padding:2rem;border-radius:16px;width:90%;max-width:450px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark-mode .ma-modal-content,[data-theme=dark] .ma-modal-content{background-color:var(--ma-card-bg-dark);border:1px solid rgba(255,255,255,.1)}.ma-modal-content h3{margin-top:0;margin-bottom:1rem;font-size:1.5rem;color:var(--ma-text-light)}.dark-mode .ma-modal-content h3,[data-theme=dark] .ma-modal-content h3{color:var(--ma-text-dark)}.ma-modal-warning{background-color:#fef2f2;color:#991b1b;padding:1rem;border-radius:8px;margin:1.5rem 0;font-size:.9rem;border:1px solid #fee2e2}.dark-mode .ma-modal-warning,[data-theme=dark] .ma-modal-warning{background-color:#7f1d1d33;color:#fca5a5;border-color:#7f1d1d66}.ma-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.ma-modal-cancel{background:transparent;color:var(--ma-text-light);border:1px solid rgba(0,0,0,.1);padding:.5rem 1rem;border-radius:8px;cursor:pointer}.dark-mode .ma-modal-cancel,[data-theme=dark] .ma-modal-cancel{color:var(--ma-text-dark);border-color:#ffffff1a}.ma-modal-confirm{background-color:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500}.ma-modal-confirm:hover{background-color:#dc2626}.ma-modal-confirm:disabled,.ma-modal-cancel:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.ma-header-section{flex-direction:column;gap:1.5rem;text-align:center}.ma-discharge-all-btn{margin-left:0;width:100%;max-width:300px}}:root{--glass-bg: rgba(255, 255, 255, .85);--glass-border: 1px solid rgba(255, 255, 255, .6);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .05);--glass-blur: blur(12px);--primary-color: #4f46e5;--primary-hover: #4338ca;--text-primary: #111827;--text-secondary: #6b7280;--bg-gradient: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%)}[data-theme=dark]{--glass-bg: rgba(17, 24, 39, .75);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--text-primary: #f9fafb;--text-secondary: #9ca3af;--bg-gradient: linear-gradient(135deg, #1f2937 0%, #111827 100%)}.all-patients-container{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);padding:.4rem;border-radius:12px;min-height:80vh;margin:.25rem;transition:all .3s ease}.all-patients-header-section{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:.5rem}.all-patients-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;letter-spacing:-.025em;margin-bottom:0}.all-patients-title svg{margin-right:.5rem;color:var(--primary-color);background:#4f46e51a;padding:5px;border-radius:6px;width:30px;height:30px}.back-button{display:inline-flex;align-items:center;padding:.3rem .6rem;border:1px solid rgba(209,213,219,.5);border-radius:6px;color:var(--text-secondary);background:transparent;font-size:.8rem;font-weight:500;transition:all .2s;cursor:pointer;margin-bottom:0}.back-button:hover{background:#0000000d;color:var(--text-primary);transform:translate(-2px)}.compact-subscriptions{display:flex;gap:.3rem;margin-right:.2rem;flex-wrap:wrap}.plan-chip{background:#4f46e514;color:var(--primary-color);padding:.1rem .35rem;border-radius:4px;font-size:.625rem;font-weight:600;border:1px solid rgba(79,70,229,.15);white-space:nowrap;transition:all .2s ease}.plan-chip:hover{background:#4f46e526;transform:translateY(-1px)}.controls-container{display:flex;gap:.4rem;align-items:center}.search-input-wrapper{position:relative;flex:1}.search-input{width:100%;padding:.25rem .5rem .25rem 1.75rem;border-radius:6px;border:1px solid rgba(209,213,219,.5);background:#ffffff80;font-size:.8125rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.search-input-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);width:14px;height:14px}.filter-select-container{display:flex;align-items:center;border-radius:6px;border:1px solid rgba(209,213,219,.5);background:#ffffff80;padding-left:.375rem;height:32px}.filter-select-icon{color:var(--text-secondary);margin-right:.2rem}.filter-select{border:none;background:transparent;font-size:.8125rem;cursor:pointer;color:var(--text-primary);height:100%;padding-right:.75rem}.filter-select:focus{outline:none}.patients-table-wrapper{background:#fff6;border-radius:10px;overflow:hidden;border:1px solid rgba(229,231,235,.5)}.patients-table{width:100%;border-collapse:separate;border-spacing:0}.patients-table th{background:#f3f4f699;padding:.3rem .5rem;font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;border-bottom:1px solid rgba(229,231,235,.5)}.sortable-header{cursor:pointer}.sort-icon{margin-left:4px;vertical-align:middle}.patients-table td{padding:.3rem .5rem;font-size:.78rem;color:var(--text-primary);border-bottom:1px solid rgba(229,231,235,.3);vertical-align:middle}.patients-table tbody tr.clickable-row{cursor:pointer}.patients-table tbody tr:hover{background:#4f46e50d}.patient-name{font-weight:600;color:var(--text-primary)}.status-badge{padding:.1rem .4rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.none{background:#f3f4f6;color:#4b5563}.insurance-select{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;border:1px solid rgba(209,213,219,.5);background:#fffc;width:100%;max-width:140px}.action-button{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;background:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:all .2s}.action-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.pagination-controls{margin-top:.5rem;display:flex;justify-content:space-between;align-items:center;padding:0 .4rem}.pagination-info{font-size:.85rem;color:var(--text-secondary)}.pagination-buttons{display:flex;gap:.5rem;align-items:center}.pagination-current-page{font-size:.85rem;color:var(--text-primary)}.font-medium{font-weight:600}.pagination-button{padding:.3rem .6rem;font-size:.8rem;border-radius:6px;background:#ffffff80;border:1px solid rgba(209,213,219,.5);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.pagination-button:hover:not(:disabled){background:#4f46e50d;border-color:var(--primary-color);color:var(--primary-color)}.pagination-button:disabled{opacity:.5;cursor:default}.error-alert{background:#fee2e2;color:#991b1b;padding:.75rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.loading-state,.empty-state{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.9rem}.subscription-modal-overlay{background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:center;align-items:center}.subscription-modal-content{border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:1.5rem;background:#fff;width:90%;max-width:400px}.subscription-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subscription-modal-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.subscription-modal-close-button{background:transparent;border:none;cursor:pointer;color:var(--text-secondary)}.subscription-modal-body{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.85rem;color:var(--text-primary)}.subscription-modal-footer{display:flex;justify-content:flex-end;gap:.5rem}.subscription-modal-button{padding:.4rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;border:1px solid transparent}.subscription-modal-button.cancel{border-color:#d1d5db80;background:transparent;color:var(--text-secondary)}.subscription-modal-button.submit{background:var(--primary-color);color:#fff}@media (prefers-color-scheme: dark){:root{--text-primary: #f3f4f6;--text-secondary: #9ca3af}.all-patients-container{background:#111827b3;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.all-patients-title svg{background:#6366f126;color:#818cf8}.all-patients-back-button{color:#e5e7eb;border-color:#ffffff1a;background:#0003}.all-patients-back-button:hover{background:#ffffff0d;border-color:#fff3}.subscription-plans-card{background:#1f293766;border:1px solid rgba(255,255,255,.05)}.subscription-plans-title{color:#f9fafb;font-weight:700}.subscription-plans-list li{border-bottom-color:#ffffff0d;color:#d1d5db}.controls-container{background:#0003;border:1px solid rgba(255,255,255,.03)}.search-input,.filter-select-container,.filter-select{background:#11182799;color:#f3f4f6;border-color:#ffffff14;transition:all .2s ease}.search-input::-moz-placeholder{color:#6b7280}.search-input::placeholder{color:#6b7280}.search-input:focus,.filter-select:focus{background:#111827e6;border-color:#6366f1;box-shadow:0 0 0 1px #6366f14d}.search-input-icon,.filter-select-icon{color:#9ca3af}.patients-table-wrapper{background:#11182766;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 6px -1px #0000004d}.patients-table th{background:#1e293bb3;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600}.patients-table td{color:#d1d5db;border-bottom:1px solid rgba(255,255,255,.03)}.patients-table tbody tr:hover{background:#6366f114}.patient-name{color:#f9fafb}.status-badge.active{background:#065f4666;color:#34d399;border:1px solid rgba(52,211,153,.2)}.status-badge.inactive{background:#7f1d1d66;color:#f87171;border:1px solid rgba(248,113,113,.2)}.status-badge.none{background:#37415180;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.insurance-select{background:#1f2937cc;color:#e5e7eb;border-color:#4b556380}.insurance-select:focus{border-color:#818cf8}.action-button{background:#4f46e5;box-shadow:0 2px 5px #0003}.action-button:hover{background:#4338ca;box-shadow:0 4px 8px #0000004d}.pagination-button{background:#1f293799;border-color:#ffffff14;color:#d1d5db}.pagination-button:hover:not(:disabled){background:#374151e6;color:#fff}.pagination-button:disabled{opacity:.3}.pagination-info,.pagination-current-page{color:#9ca3af}.pagination-current-page .font-medium{color:#f3f4f6}.subscription-modal-content{background:#111827;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.subscription-modal-title{color:#f9fafb}.subscription-modal-close-button{color:#6b7280}.subscription-modal-close-button:hover{color:#e5e7eb;background:#ffffff1a;border-radius:50%}.form-label{color:#d1d5db}.subscription-modal-body .form-select{background:#1f2937;border-color:#374151;color:#f3f4f6}.subscription-modal-body .form-select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.subscription-modal-button.cancel{border-color:#374151;color:#9ca3af}.subscription-modal-button.cancel:hover{background:#1f2937;color:#e5e7eb}}@media (max-width: 768px){.all-patients-container{padding:1rem;margin:.5rem}.controls-container{flex-direction:column;align-items:stretch}.subscription-plans-list li{flex-direction:column;align-items:flex-start;gap:.25rem}.patients-table th,.patients-table td{padding:.5rem;font-size:.8rem}.action-button{padding:.25rem .5rem}}[data-theme=dark] .all-patients-container,.dark-mode .all-patients-container,body.dark-mode .all-patients-container{background:#0f0f1ae6;border-color:#45475a80}[data-theme=dark] .all-patients-title,.dark-mode .all-patients-title,body.dark-mode .all-patients-title{color:#cdd6f4}[data-theme=dark] .all-patients-title svg,.dark-mode .all-patients-title svg,body.dark-mode .all-patients-title svg{background:#8b5cf626;color:#a78bfa}[data-theme=dark] .all-patients-back-button,.dark-mode .all-patients-back-button,body.dark-mode .all-patients-back-button{color:#a6adc8;border-color:#45475a80;background:#1e1e2e80}[data-theme=dark] .all-patients-back-button:hover,.dark-mode .all-patients-back-button:hover,body.dark-mode .all-patients-back-button:hover{background:#313244cc;color:#cdd6f4}[data-theme=dark] .subscription-plans-card,.dark-mode .subscription-plans-card,body.dark-mode .subscription-plans-card{background:#1e1e2e99;border-color:#45475a80}[data-theme=dark] .subscription-plans-title,.dark-mode .subscription-plans-title,body.dark-mode .subscription-plans-title{color:#cdd6f4}[data-theme=dark] .subscription-plans-list li,.dark-mode .subscription-plans-list li,body.dark-mode .subscription-plans-list li{color:#a6adc8;border-bottom-color:#45475a66}[data-theme=dark] .controls-container,.dark-mode .controls-container,body.dark-mode .controls-container{background:#18182599;border-color:#45475a4d}[data-theme=dark] .search-input,.dark-mode .search-input,body.dark-mode .search-input,[data-theme=dark] .filter-select-container,.dark-mode .filter-select-container,body.dark-mode .filter-select-container,[data-theme=dark] .filter-select,.dark-mode .filter-select,body.dark-mode .filter-select{background:#31324499;color:#cdd6f4;border-color:#45475a99}[data-theme=dark] .search-input:focus,.dark-mode .search-input:focus,body.dark-mode .search-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}[data-theme=dark] .patients-table-wrapper,.dark-mode .patients-table-wrapper,body.dark-mode .patients-table-wrapper{background:#1e1e2e99;border-color:#45475a80}[data-theme=dark] .patients-table th,.dark-mode .patients-table th,body.dark-mode .patients-table th{background:#181825cc;color:#6c7086;border-bottom-color:#45475a80}[data-theme=dark] .patients-table td,.dark-mode .patients-table td,body.dark-mode .patients-table td{color:#a6adc8;border-bottom-color:#45475a4d}[data-theme=dark] .patients-table tbody tr:hover,.dark-mode .patients-table tbody tr:hover,body.dark-mode .patients-table tbody tr:hover{background:#8b5cf614}[data-theme=dark] .patient-name,.dark-mode .patient-name,body.dark-mode .patient-name{color:#cdd6f4}[data-theme=dark] .status-badge.active,.dark-mode .status-badge.active,body.dark-mode .status-badge.active{background:#22c55e26;color:#4ade80;border:1px solid rgba(74,222,128,.2)}[data-theme=dark] .status-badge.inactive,.dark-mode .status-badge.inactive,body.dark-mode .status-badge.inactive{background:#ef444426;color:#f87171;border:1px solid rgba(248,113,113,.2)}[data-theme=dark] .status-badge.none,.dark-mode .status-badge.none,body.dark-mode .status-badge.none{background:#6c708633;color:#6c7086}[data-theme=dark] .pagination-button,.dark-mode .pagination-button,body.dark-mode .pagination-button{background:#31324499;border-color:#45475a80;color:#a6adc8}[data-theme=dark] .pagination-button:hover:not(:disabled),.dark-mode .pagination-button:hover:not(:disabled),body.dark-mode .pagination-button:hover:not(:disabled){background:#8b5cf61a;border-color:#a78bfa;color:#cdd6f4}[data-theme=dark] .pagination-info,.dark-mode .pagination-info,body.dark-mode .pagination-info,[data-theme=dark] .pagination-current-page,.dark-mode .pagination-current-page,body.dark-mode .pagination-current-page{color:#6c7086}[data-theme=dark] .error-alert,.dark-mode .error-alert,body.dark-mode .error-alert{background:#ef444426;color:#f87171}[data-theme=dark] .subscription-modal-content,.dark-mode .subscription-modal-content,body.dark-mode .subscription-modal-content{background:#1e1e2e;border-color:#45475a80}[data-theme=dark] .subscription-modal-title,.dark-mode .subscription-modal-title,body.dark-mode .subscription-modal-title{color:#cdd6f4}.manage-columns-modal{max-width:550px;width:95%}.modal-header-compact{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e5e7eb);margin-bottom:1rem}.modal-header-compact h2{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary, #111827)}.columns-list{margin-bottom:1rem}.columns-list h4,.add-column-section h4{font-size:.75rem;font-weight:700;color:var(--text-secondary, #6b7280);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.columns-table td{padding:.35rem .5rem;font-size:.85rem}.columns-table th{padding:.4rem .5rem;background:var(--bg-secondary, #f9fafb);font-size:.7rem;font-weight:700}.add-column-section{padding:.75rem;background:var(--bg-secondary, #f9fafb);border-radius:8px;margin-bottom:1rem;border:1px solid var(--border-color, #e5e7eb)}.column-input,.column-select{padding:.4rem .6rem;font-size:.85rem;border-radius:6px}.add-column-btn{padding:.4rem .75rem;font-size:.85rem;background:var(--primary-color, #3b82f6)}.save-btn{background:var(--primary-color, #3b82f6)}.save-btn:hover{background:var(--primary-hover, #2563eb)}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .add-column-section,[data-theme=dark] .columns-table th{background:var(--bg-secondary-dark, #1f2937)}[data-theme=dark] .column-input,[data-theme=dark] .column-select{background:var(--bg-primary-dark, #111827);border-color:var(--border-color-dark, #374151);color:var(--text-primary-dark, #f3f4f6)}@media (prefers-color-scheme: dark){.add-column-section,.columns-table th{background:var(--bg-secondary-dark, #1f2937)}.column-input,.column-select{background:var(--bg-primary-dark, #111827);border-color:var(--border-color-dark, #374151);color:var(--text-primary-dark, #f3f4f6)}}@media (max-width: 480px){.add-column-form{flex-direction:column}.column-input,.column-select{width:100%}.add-column-btn{width:100%;justify-content:center}}.computed-formula{font-size:.85em;background:#eee;padding:2px 4px;border-radius:4px}[data-theme=dark] .computed-formula{background:#374151;color:#e5e7eb}@media (prefers-color-scheme: dark){.computed-formula{background:#374151;color:#e5e7eb}}:root{--ccb-bg-light: #f8fafc;--ccb-bg-dark: #0f172a;--ccb-text-light: #1e293b;--ccb-text-dark: #f1f5f9;--ccb-primary: #8b5cf6;--ccb-accent: #a78bfa;--ccb-card-bg-light: #ffffff;--ccb-card-bg-dark: #1e293b;--ccb-hover-light: #f3f4f6;--ccb-hover-dark: rgba(139, 92, 246, .15)}@keyframes ccb-scale-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.ccb-container{min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10vh;padding-left:1rem;padding-right:1rem;background-color:transparent;font-family:Inter,system-ui,sans-serif;color:var(--ccb-text-light)}.dark-mode .ccb-container,[data-theme=dark] .ccb-container{color:var(--ccb-text-dark)}.ccb-header-section{text-align:center;margin-bottom:2rem;animation:ccb-scale-in .4s ease-out;position:relative;width:100%;max-width:650px;display:flex;flex-direction:column;align-items:center}.ccb-back-button{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:.5rem;border-radius:50%;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center}.ccb-back-button:hover{background-color:#0000000d;color:var(--ccb-text-light)}.dark-mode .ccb-back-button:hover,[data-theme=dark] .ccb-back-button:hover{background-color:#ffffff1a;color:var(--ccb-text-dark)}@media (max-width: 640px){.ccb-back-button{position:static;transform:none;margin-bottom:1rem;align-self:flex-start}}.ccb-title{font-size:2.25rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--ccb-primary),var(--ccb-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.ccb-subtitle{color:#64748b;font-size:1.05rem;margin-top:.5rem}.dark-mode .ccb-subtitle,[data-theme=dark] .ccb-subtitle{color:#94a3b8}.ccb-search-wrapper{width:100%;max-width:650px;position:relative;z-index:20;animation:ccb-scale-in .5s ease-out}.ccb-search-input{width:100%;height:4rem;padding:0 3.5rem;font-size:1.25rem;border-radius:2rem;border:2px solid transparent;background-color:var(--ccb-card-bg-light);box-shadow:0 10px 40px -10px #0000001a,0 0 0 1px #00000005;transition:all .25s cubic-bezier(.2,.8,.2,1);color:var(--ccb-text-light)}.dark-mode .ccb-search-input,[data-theme=dark] .ccb-search-input{background-color:var(--ccb-card-bg-dark);color:var(--ccb-text-dark);box-shadow:0 10px 40px -10px #00000080;border:1px solid rgba(255,255,255,.05)}.ccb-search-input:focus{transform:translateY(-2px);box-shadow:0 20px 40px -10px #8b5cf640;border-color:var(--ccb-primary)}.ccb-search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.ccb-clear-icon{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.ccb-clear-icon:hover{background-color:#0000000d;color:var(--ccb-text-light)}.ccb-results-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:1rem;background-color:var(--ccb-card-bg-light);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026;overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(0,0,0,.04)}.ccb-results-dropdown.open{max-height:450px;opacity:1;transform:translateY(0);overflow-y:auto;pointer-events:auto}.dark-mode .ccb-results-dropdown,[data-theme=dark] .ccb-results-dropdown{background-color:var(--ccb-card-bg-dark);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #0009}.ccb-result-item{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.03);transition:background-color .2s}.dark-mode .ccb-result-item,[data-theme=dark] .ccb-result-item{border-bottom-color:#ffffff0a}.ccb-result-item:last-child{border-bottom:none}.ccb-result-item:hover{background-color:var(--ccb-hover-light)}.dark-mode .ccb-result-item:hover,[data-theme=dark] .ccb-result-item:hover{background-color:var(--ccb-hover-dark)}.ccb-patient-info{display:flex;align-items:center;gap:1rem}.ccb-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#f3e8ff,#d8b4fe);color:#7e22ce;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 6px -1px #0000000d}.dark-mode .ccb-avatar,[data-theme=dark] .ccb-avatar{background:linear-gradient(135deg,#3b0764,#581c87);color:#e9d5ff}.ccb-patient-details h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--ccb-text-light)}.dark-mode .ccb-patient-details h4,[data-theme=dark] .ccb-patient-details h4{color:var(--ccb-text-dark)}.ccb-patient-meta{margin:2px 0 0;font-size:.9rem;color:#64748b}.dark-mode .ccb-patient-meta,[data-theme=dark] .ccb-patient-meta{color:#94a3b8}.ccb-token-badge{background-color:#f1f5f9;color:#475569;padding:.4em .8em;border-radius:8px;font-size:.9rem;font-weight:600;letter-spacing:.02em}.dark-mode .ccb-token-badge,[data-theme=dark] .ccb-token-badge{background-color:#ffffff0d;color:#cbd5e1}.ccb-create-action{padding:1.5rem;text-align:center;border-top:1px dashed rgba(0,0,0,.1)}.dark-mode .ccb-create-action,[data-theme=dark] .ccb-create-action{border-top-color:#ffffff1a}.ccb-create-btn{background-color:var(--ccb-primary);color:#fff;padding:.75rem 1.5rem;border-radius:99px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #8b5cf64d}.ccb-create-btn:hover{background-color:#7c3aed;transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.ccb-spinner{width:24px;height:24px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--ccb-primary);border-radius:50%;animation:ccb-spin 1s linear infinite}@keyframes ccb-spin{to{transform:rotate(360deg)}}.create-lab-order-container{--clo-primary: #6366f1;--clo-primary-light: rgba(99, 102, 241, .1);--clo-primary-dark: #4f46e5;--clo-danger: #ef4444;--clo-danger-bg: rgba(239, 68, 68, .1);--clo-bg: #f8fafc;--clo-text: #1e293b;--clo-text-secondary: #64748b;--clo-card-bg: rgba(255, 255, 255, .9);--clo-border: rgba(0, 0, 0, .08);--clo-glass-border: rgba(255, 255, 255, .6);--clo-shadow: 0 4px 20px rgba(0, 0, 0, .06);--clo-input-bg: rgba(255, 255, 255, .95);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;display:flex;flex-direction:column;min-height:100vh;padding:.5rem;background:var(--clo-bg);font-family:var(--font-family);color:var(--clo-text);transition:background-color .3s ease,color .3s ease}body.dark-mode .create-lab-order-container{--clo-primary: #818cf8;--clo-primary-light: rgba(129, 140, 248, .15);--clo-primary-dark: #6366f1;--clo-danger: #f87171;--clo-danger-bg: rgba(248, 113, 113, .15);--clo-bg: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--clo-text: #f1f5f9;--clo-text-secondary: #94a3b8;--clo-card-bg: rgba(30, 41, 59, .85);--clo-border: rgba(255, 255, 255, .1);--clo-glass-border: rgba(255, 255, 255, .08);--clo-shadow: 0 8px 32px rgba(0, 0, 0, .4);--clo-input-bg: rgba(15, 23, 42, .6)}.create-lab-order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:0 .25rem}.create-lab-order-title{font-size:1.1rem;font-weight:700;color:var(--clo-text);margin:0;background:linear-gradient(135deg,var(--clo-primary),var(--clo-primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.dark-mode .create-lab-order-title{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(129,140,248,.3)}.glass-card{background:var(--clo-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--clo-glass-border);border-radius:.5rem;box-shadow:var(--clo-shadow);padding:.75rem;max-width:800px;width:100%;margin:0 auto;transition:all .3s ease}.card-title{font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:var(--clo-text);border-bottom:1px solid var(--clo-border);padding-bottom:.375rem}.search-container{position:relative;margin-bottom:.5rem}.search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:var(--clo-text-secondary);pointer-events:none;width:14px;height:14px}.modern-input{width:100%;padding:.375rem .625rem .375rem 2rem;font-size:.75rem;border:1px solid var(--clo-border);border-radius:.375rem;background-color:var(--clo-input-bg);color:var(--clo-text);transition:all .2s ease;outline:none}.modern-input:focus{border-color:var(--clo-primary);box-shadow:0 0 0 3px var(--clo-primary-light)}body.dark-mode .modern-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.patient-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto;border-radius:.5rem;border:1px solid var(--clo-border);background:#ffffff1a}.patient-list-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--clo-border);cursor:pointer;transition:background-color .2s ease;font-size:.8125rem}.patient-list-item:last-child{border-bottom:none}.patient-list-item:hover{background-color:var(--clo-primary-light)}body.dark-mode .patient-list-item:hover{background-color:#818cf826}.patient-info strong{color:var(--clo-primary);margin-right:.375rem}body.dark-mode .patient-info strong{color:#a5b4fc}.patient-details{font-size:.75rem;color:var(--clo-text-secondary)}.token-badge{font-size:.6875rem;color:var(--clo-primary);background-color:var(--clo-primary-light);padding:.125rem .375rem;border-radius:.25rem;font-weight:600}body.dark-mode .token-badge{color:#fff;background-color:#818cf84d}.primary-button,.secondary-button{padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.375rem}.primary-button{background:linear-gradient(135deg,var(--clo-primary),var(--clo-primary-dark));color:#fff;box-shadow:0 2px 8px #6366f14d}body.dark-mode .primary-button{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 2px 12px #818cf84d;color:#fff}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}body.dark-mode .primary-button:hover:not(:disabled){box-shadow:0 4px 16px #818cf866}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background:var(--clo-text-secondary)}.secondary-button{background:var(--clo-border);color:var(--clo-text-secondary)}.secondary-button:hover{background:var(--clo-input-bg);color:var(--clo-text)}.text-button{background:none;border:none;color:var(--clo-primary);font-weight:600;cursor:pointer;padding:0;font-size:.75rem;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s ease}body.dark-mode .text-button{color:#a5b4fc}.text-button:hover{text-decoration-color:currentColor}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.form-label{margin-bottom:.375rem;font-weight:500;color:var(--clo-text-secondary);font-size:.75rem}.full-width{grid-column:1 / -1}.selected-tests-list{margin-top:.5rem;border:1px solid var(--clo-border);border-radius:.5rem;overflow:hidden;background:#ffffff1a}.selected-test-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:var(--clo-input-bg);border-bottom:1px solid var(--clo-border);color:var(--clo-text);font-size:.8125rem}body.dark-mode .selected-test-item{background-color:transparent}.selected-test-item:last-child{border-bottom:none}.remove-button{color:var(--clo-danger);background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background-color .2s ease;display:flex;align-items:center}.remove-button:hover{background-color:var(--clo-danger-bg)}.total-price{text-align:right;font-size:1rem;font-weight:700;margin:.75rem 0;color:var(--clo-primary)}body.dark-mode .total-price{color:#a5b4fc;text-shadow:0 0 10px rgba(165,180,252,.3)}.error-message{background-color:var(--clo-danger-bg);color:var(--clo-danger);padding:.5rem .75rem;border-radius:.5rem;margin-bottom:.5rem;border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;gap:.375rem;font-size:.8125rem}.info-message{color:var(--clo-text-secondary);text-align:center;padding:1rem;font-style:italic;border:1px dashed var(--clo-border);border-radius:.5rem;font-size:.8125rem}.no-data-message{color:var(--clo-text-secondary);text-align:center;font-size:.8125rem}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--clo-bg);border:1px solid var(--clo-border);border-radius:.5rem;box-shadow:0 8px 24px #0000001a;z-index:10;max-height:200px;overflow-y:auto;margin-top:.25rem}body.dark-mode .search-results-dropdown{background:#1e293b;border-color:#ffffff1a;box-shadow:0 8px 32px #0006}.search-result-item{padding:.5rem .75rem;border-bottom:1px solid var(--clo-border);cursor:pointer;display:flex;justify-content:space-between;transition:background-color .2s;color:var(--clo-text);font-size:.8125rem}.search-result-item:hover{background-color:var(--clo-primary-light)}body.dark-mode .search-result-item:hover{background-color:#818cf81a;color:#fff}.flex-end{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.patient-summary{background:var(--clo-primary-light);padding:.5rem .75rem;border-radius:.5rem;margin-bottom:.75rem;border-left:3px solid var(--clo-primary);font-size:.8125rem}body.dark-mode .patient-summary{background:#818cf81a;border-left-color:#818cf8;color:var(--clo-text)}.highlight-primary{color:var(--clo-primary)}body.dark-mode .highlight-primary{color:#a5b4fc}.loading-text{color:var(--clo-text-secondary);font-size:.75rem;font-style:italic}.loading-spinner-small{width:16px;height:16px;border:2px solid var(--clo-border);border-top:2px solid var(--clo-primary);border-radius:50%;animation:spin 1s linear infinite}body.dark-mode .loading-spinner-small{border-color:#ffffff1a;border-top-color:#818cf8}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@media (max-width: 640px){.create-lab-order-container{padding:.5rem}.glass-card{padding:.75rem;border-radius:.5rem}.create-lab-order-header{margin-bottom:.5rem}.create-lab-order-title{font-size:1rem}.form-grid{gap:.5rem}.primary-button,.secondary-button{padding:.375rem .75rem;font-size:.75rem}}:root{--dp-bg: #f8fafc;--dp-card-bg: #ffffff;--dp-text: #0f172a;--dp-text-sec: #64748b;--dp-border: #e2e8f0;--dp-primary: #2563eb;--dp-primary-hover: #1d4ed8;--dp-danger: #ef4444;--dp-highlight: #eff6ff;--dp-header-h: 64px;--dp-radius: 16px;--dp-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03)}@media (prefers-color-scheme: dark){:root{--dp-bg: #0f172a;--dp-card-bg: #1e293b;--dp-text: #f3f4f6;--dp-text-sec: #94a3b8;--dp-border: #334155;--dp-primary: #60a5fa;--dp-primary-hover: #3b82f6;--dp-danger: #f87171;--dp-highlight: #1e3a8a;--dp-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3)}}[data-theme=dark],.dark-mode,body.dark-mode{--dp-bg: #0f172a;--dp-card-bg: #1e293b;--dp-text: #f3f4f6;--dp-text-sec: #94a3b8;--dp-border: #334155;--dp-primary: #60a5fa;--dp-primary-hover: #3b82f6;--dp-danger: #f87171;--dp-highlight: #1e3a8a;--dp-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3)}.dental-page-container{padding:16px;background-color:var(--dp-bg);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--dp-text);box-sizing:border-box;transition:background-color .2s,color .2s}.dental-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:0;border-bottom:none}.dental-title-group{display:flex;align-items:center;gap:12px}.dental-title-icon{color:var(--dp-primary);width:24px;height:24px}.dental-title{font-size:1.25rem;font-weight:700;color:var(--dp-text);margin:0;line-height:1.2}.dental-subtitle{color:var(--dp-text-sec);font-size:.85rem;margin:0;transition:all .2s}.dental-back-btn{padding:6px 12px;background-color:var(--dp-card-bg);border:1px solid var(--dp-border);border-radius:var(--dp-radius);color:var(--dp-text-sec);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.dental-back-btn:hover{background-color:var(--dp-border);color:var(--dp-text)}.chart-print-btn{position:absolute;top:0;right:0;display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--dp-card-bg);border:1px solid var(--dp-border);border-radius:var(--dp-radius);color:var(--dp-primary);font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:var(--dp-shadow);transition:all .2s;z-index:10}.chart-print-btn:hover{background-color:var(--dp-primary);color:#fff;border-color:var(--dp-primary);transform:translateY(-1px)}.selected-patient-header-group{display:flex;align-items:center;gap:16px;flex:1;justify-content:center;margin:0 24px}.header-patient-info{display:flex;align-items:center;gap:10px;background-color:var(--dp-card-bg);border:1px solid var(--dp-border);padding:4px 10px 4px 4px;border-radius:99px;height:40px}.patient-avatar.small{width:30px;height:30px;font-size:.8rem}.header-patient-text{display:flex;flex-direction:column;justify-content:center;line-height:1.1}.header-patient-name{font-weight:700;font-size:.85rem;color:var(--dp-text)}.header-patient-meta{font-size:.7rem;color:var(--dp-text-sec);white-space:nowrap}.icon-button-sm{padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center}.header-close-patient-btn{border:none;background:transparent;color:var(--dp-text-sec);cursor:pointer;padding:4px;margin-left:4px;display:flex;align-items:center;border-radius:50%}.header-close-patient-btn:hover{background-color:var(--dp-bg);color:var(--dp-danger)}.header-manage-procs-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--dp-card-bg);border:1px solid var(--dp-border);border-radius:99px;color:var(--dp-text-sec);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--dp-shadow);white-space:nowrap}.header-manage-procs-btn:hover{background-color:var(--dp-highlight);color:var(--dp-primary);border-color:var(--dp-primary);transform:translateY(-1px)}.header-manage-procs-btn svg{color:var(--dp-primary)}.modal-manage-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--dp-bg);border:1px solid var(--dp-border);border-radius:8px;color:var(--dp-primary);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s;white-space:nowrap}.modal-manage-btn:hover{background-color:var(--dp-highlight);border-color:var(--dp-primary);transform:translateY(-1px)}.header-search-wrapper{position:relative;width:280px}.patient-search-container{max-width:500px;margin:60px auto;text-align:center;transition:all .3s ease}.header-input{padding:8px 12px 8px 36px;font-size:.9rem;height:36px}.header-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;max-height:400px;overflow-y:auto;z-index:1000;border-color:var(--dp-border);box-shadow:0 4px 12px #00000026}.search-spinner.small{width:16px;height:16px;border-width:2px;right:10px;top:10px}.register-new-btn-sm{background-color:var(--dp-primary);color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer}.register-new-btn-sm:hover{background-color:var(--dp-primary-hover)}.dental-search-input{width:100%;padding:12px 16px 12px 40px;font-size:1rem;background-color:var(--dp-card-bg);border:1px solid var(--dp-border);border-radius:99px;color:var(--dp-text);outline:none;transition:box-shadow .2s,border-color .2s;box-shadow:var(--dp-shadow)}.dental-search-input:focus{border-color:var(--dp-primary);box-shadow:0 0 0 3px #3b82f626}.search-icon-overlay{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--dp-text-sec);pointer-events:none}.search-label{margin-bottom:8px;display:block;font-size:.9rem;font-weight:600;color:var(--dp-text-sec);text-align:left}.search-results-dropdown{background:var(--dp-card-bg);border:1px solid var(--dp-border);border-radius:12px;margin-top:12px;box-shadow:0 10px 25px -5px #0000001a;overflow:hidden;text-align:left}.search-result-item{padding:10px 16px;border-bottom:1px solid var(--dp-border);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.search-result-item:hover{background-color:var(--dp-bg)}.patient-name-highlight{font-weight:600;color:var(--dp-text)}.patient-meta{font-size:.8rem;color:var(--dp-text-sec)}.dental-workspace{display:flex;flex-direction:column;height:calc(100vh - 80px);gap:16px}.patient-header-card{background-color:var(--dp-card-bg);border:1px solid var(--dp-border);border-radius:var(--dp-radius);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--dp-shadow);flex-shrink:0}.patient-info-group{display:flex;align-items:center;gap:12px}.patient-avatar{width:36px;height:36px;background-color:var(--dp-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.patient-details h3{margin:0;font-size:1rem;font-weight:600;color:var(--dp-text);line-height:1.2}.patient-details p{margin:0;font-size:.8rem;color:var(--dp-text-sec)}.dental-grid{display:grid;grid-template-columns:1fr 340px;gap:16px;flex:1;min-height:0}.chart-section{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.dental-card{background-color:var(--dp-card-bg);border-radius:12px;border:1px solid var(--dp-border);box-shadow:var(--dp-shadow);overflow:hidden;display:flex;flex-direction:column}.chart-card-scroll{flex:1;overflow-y:auto;display:flex;align-items:center;justify-content:center;background:var(--dp-bg);border-radius:12px;border:1px solid var(--dp-border);padding:20px}.notes-container{height:120px;flex-shrink:0;display:flex;flex-direction:column}.notes-header{display:flex;justify-content:space-between;align-items:center;padding-right:12px}.section-title-sm{font-size:.85rem;font-weight:600;color:var(--dp-text-sec);margin:8px 12px 4px;text-transform:uppercase;letter-spacing:.5px}.notes-save-btn{background:transparent;border:1px solid var(--dp-border);color:var(--dp-text-sec);border-radius:4px;padding:2px 8px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;margin-top:6px}.notes-save-btn:hover{background:var(--dp-highlight);color:var(--dp-primary);border-color:var(--dp-primary)}.notes-area{width:100%;height:100%;border:none;background:transparent;padding:12px;font-size:.9rem;color:var(--dp-text);resize:none;outline:none}.procedures-section{display:flex;flex-direction:column;gap:12px;min-height:0}.procedures-container{flex:1;min-height:0;display:flex;flex-direction:column}.procedures-list{flex:1;overflow-y:auto;padding:8px}.procedure-item{padding:8px 10px;margin-bottom:6px;background:var(--dp-bg);border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;transition:all .15s}.procedure-item:hover{background:var(--dp-highlight);border-color:var(--dp-primary)}.proc-name{color:var(--dp-text);font-weight:500}.proc-cost{font-size:.8rem;color:var(--dp-text-sec);background:#0000000d;padding:2px 6px;border-radius:4px}.treatment-plan-container{flex:1;min-height:0;display:flex;flex-direction:column;background-color:var(--dp-highlight);border-top:1px solid var(--dp-border)}.treatment-plan-list{padding:8px;overflow-y:auto;flex:1}.plan-group h4{font-size:.8rem;margin:8px 0 4px;color:var(--dp-primary)}.plan-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--dp-card-bg);border-radius:6px;margin-bottom:4px;box-shadow:0 1px 2px #0000000d}.plan-item-name{font-size:.85rem;color:var(--dp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.cost-input{width:60px;padding:2px 4px;font-size:.85rem;text-align:right;border:1px solid var(--dp-border);border-radius:4px;background:var(--dp-bg);color:var(--dp-text)}.sidebar-tabs{display:flex;border-bottom:1px solid var(--dp-border);background:var(--dp-bg)}.sidebar-tabs button{flex:1;padding:10px;border:none;background:transparent;color:var(--dp-text-sec);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.sidebar-tabs button:hover{color:var(--dp-text);background:#00000005}.sidebar-tabs button.active{color:var(--dp-primary);border-bottom-color:var(--dp-primary);background:var(--dp-card-bg)}.history-list{padding:8px;display:flex;flex-direction:column;gap:12px}.history-record-card{background:var(--dp-card-bg);border:1px solid var(--dp-border);border-radius:8px;padding:10px;box-shadow:0 1px 2px #0000000d}.history-record-header{display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:4px;border-bottom:1px dashed var(--dp-border)}.record-date{font-size:.85rem;font-weight:700;color:var(--dp-text)}.record-status{font-size:.75rem;text-transform:uppercase;color:var(--dp-text-sec);background:var(--dp-bg);padding:2px 6px;border-radius:4px}.history-tooth-group{font-size:.8rem;color:var(--dp-text);margin-bottom:4px}.history-notes{font-size:.75rem;color:var(--dp-text-sec);margin-top:8px;border-top:1px solid var(--dp-bg);padding-top:4px}.history-record-actions{display:flex;justify-content:flex-end}.view-bill-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;background-color:var(--dp-primary);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.view-bill-btn:hover{background-color:var(--dp-primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.view-bill-btn:active{transform:translateY(0)}.action-footer{padding:12px;background:var(--dp-card-bg);border-top:1px solid var(--dp-border)}.save-btn{width:100%;padding:10px;background-color:var(--dp-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.save-btn:hover{background-color:var(--dp-primary-hover)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.chart-container-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;width:100%;background:var(--dp-card-bg)}.arch-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--dp-text-sec);margin-bottom:4px;font-weight:600}.arch-row{display:flex;justify-content:center;gap:24px;margin-bottom:4px;flex-wrap:wrap}.quadrant{display:flex;gap:4px}.tooth-item-container{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .2s;position:relative;padding:4px;border-radius:8px}.tooth-item-container:hover{transform:scale(1.1);background-color:var(--dp-highlight)}.tooth-item-container.selected .tooth-number-label{color:var(--dp-primary);font-weight:700}.tooth-number-label{font-size:.7rem;color:var(--dp-text-sec);font-family:monospace}.tooth-svg-wrapper{width:32px;height:40px;position:relative}.extraction-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#ef4444;font-weight:700;line-height:1;pointer-events:none;text-shadow:0 0 2px white}.tooth-tooltip-window{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--dp-card-bg);border:1px solid var(--dp-primary);border-radius:8px;padding:8px 12px;width:-moz-max-content;width:max-content;max-width:200px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:100;pointer-events:auto;margin-bottom:4px;animation:fadeIn .2s ease-out}.tooth-tooltip-window:before{content:"";position:absolute;top:100%;left:0;width:100%;height:12px;background:transparent}.tooth-tooltip-window:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:var(--dp-primary) transparent transparent transparent}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.tooltip-header{font-size:.75rem;font-weight:700;color:var(--dp-primary);margin-bottom:4px;border-bottom:1px solid var(--dp-border);padding-bottom:2px;text-align:center}.tooltip-list{list-style:none;margin:0;padding:0;font-size:.7rem;color:var(--dp-text);text-align:left}.tooltip-detail-item{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,.05)}.tooltip-detail-item:last-child{margin-bottom:0;border-bottom:none}.detail-text{flex:1}.detail-text small{display:block;color:var(--dp-text-sec);font-style:italic}.tooltip-edit-btn{background:var(--dp-bg);border:1px solid var(--dp-border);color:var(--dp-primary);padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tooltip-edit-btn:hover{background:var(--dp-primary);color:#fff;border-color:var(--dp-primary);transform:scale(1.1)}.midline-divider{display:flex;align-items:center;gap:8px;width:80%;margin:8px 0;opacity:.5}.divider-line{height:1px;flex:1;background-color:var(--dp-border)}.chart-label{font-size:.65rem;color:var(--dp-text-sec);text-transform:uppercase}.print-only{display:none!important}@media print{.print-only{display:block!important}html,body,#root,.dashboard-layout,.main-content{height:auto!important;min-height:auto!important;overflow:visible!important;background:#fff!important;color:#000!important;padding:0!important;margin:0!important}.dental-page-container{padding:0!important;background:#fff!important;height:auto!important;min-height:auto!important;overflow:visible!important}.dental-back-btn,.dental-print-btn,.no-print,.save-btn,.close-patient-btn,.sidebar-tabs,.action-footer,.patient-search-container,.icon-button,.dental-subtitle,.dental-billing-modal-overlay:before,.tooth-tooltip-window,.view-toggle-container,.chart-header-controls{display:none!important}.arch-row{display:flex!important;visibility:visible!important;opacity:1!important;flex-wrap:nowrap!important;justify-content:center!important;gap:24px!important}.quadrant{display:flex!important;visibility:visible!important;gap:4px!important}.tooth-item-container{display:flex!important;visibility:visible!important;flex-direction:column!important;align-items:center!important;padding:4px!important}.tooth-svg-wrapper{display:block!important;visibility:visible!important;width:32px!important;height:40px!important}.tooth-svg-wrapper svg{display:block!important;visibility:visible!important;width:100%!important;height:100%!important}.tooth-number-label{display:block!important;visibility:visible!important;color:#333!important}.arch-label{display:block!important;visibility:visible!important;color:#666!important}.midline-divider{display:flex!important;visibility:visible!important}.chart-legend{display:flex!important;visibility:visible!important;flex-wrap:wrap!important;gap:12px!important;background:#f9f9f9!important;padding:12px!important;border-radius:8px!important;margin-top:16px!important}.legend-item{display:flex!important;visibility:visible!important;align-items:center!important;gap:6px!important;color:#333!important}.legend-preview-mini{display:flex!important;visibility:visible!important}.legend-preview-mini svg{display:block!important;visibility:visible!important}.chart-card-scroll{padding:12px 4px;align-items:flex-start;justify-content:flex-start}.chart-container-inner{min-width:100%;display:flex;flex-direction:column;align-items:center;padding:0 16px}.arch-row{gap:16px;display:flex}.tooth-svg-wrapper{width:44px;height:56px}.tooth-number-label{font-size:.85rem;font-weight:600;margin-bottom:2px}.tooth-item-container{padding:6px;background-color:#ffffff80;border-radius:8px}.tooth-item-container.selected{background-color:#3b82f61a}.midline-divider{margin:12px 0;opacity:.3}.chart-label{display:none}.chart-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px;padding:12px;background:var(--dp-bg);border-radius:12px;margin-top:16px;width:100%;justify-content:start}.legend-item{font-size:.8rem;justify-content:flex-start;padding:4px}*{mix-blend-mode:normal!important;animation:none!important;transition:none!important}.dental-workspace{height:auto!important;display:block!important;overflow:visible!important}.patient-header-card{box-shadow:none!important;border:1px solid #eee!important;margin-bottom:20px!important;padding:15px!important;display:flex!important}.dental-grid{display:block!important;overflow:visible!important}.chart-section{display:block!important;margin-bottom:30px!important;overflow:visible!important}.dental-card{box-shadow:none!important;border:1px solid #eee!important;overflow:visible!important;background:#fff!important}.chart-card-scroll{background:#fff!important;padding:0!important;min-height:auto!important;display:block!important;text-align:center!important;overflow:visible!important}.chart-container-inner{padding:10px!important;background:#fff!important;overflow:visible!important}.chart-legend{background:#fff!important;border:1px solid #eee!important;margin-top:10px!important}.procedures-section{display:block!important;width:100%!important;overflow:visible!important}.treatment-plan-container{border:1px solid #eee!important;background:#fff!important;overflow:visible!important}.treatment-plan-list{overflow:visible!important;padding:0!important}.plan-group h4{border-bottom:1px solid #eee!important;padding-bottom:4px!important;margin-top:15px!important}.plan-item{box-shadow:none!important;border-bottom:1px solid #f9f9f9!important;page-break-inside:avoid!important;display:flex!important;justify-content:space-between!important}.cost-input{border:none!important;background:none!important;padding:0!important;text-align:right!important;width:auto!important}.notes-container{height:auto!important;min-height:100px!important;margin-top:20px!important;display:block!important}.notes-area{height:auto!important;min-height:80px!important;color:#333!important;border:none!important;width:100%!important;padding:0!important;margin-top:10px!important;font-family:inherit!important;background:transparent!important;white-space:pre-wrap!important}.notes-area::-moz-placeholder{color:transparent!important}.notes-area::placeholder{color:transparent!important}.dental-chart svg,.condition-fill,.condition-crown,.condition-extraction,.condition-caries,.condition-implant,.patient-avatar{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-only-details-summary{display:block!important;margin-top:30px!important;border-top:2px solid #333!important;padding-top:15px!important;width:100%!important}.print-only-details-summary h3{font-size:1.2rem!important;margin-bottom:12px!important;color:#000!important;text-align:left!important}.print-details-table{width:100%!important;border-collapse:collapse!important;margin-top:10px!important}.print-details-table th,.print-details-table td{border:1px solid #ddd!important;padding:8px!important;text-align:left!important;font-size:9pt!important;color:#000!important}.print-details-table th{background-color:#f5f5f5!important;font-weight:700!important}.tooth-cell{font-weight:700!important;background-color:#fafafa!important;vertical-align:top!important}.chart-container-inner{display:flex!important;flex-direction:column!important;align-items:center!important;visibility:visible!important;opacity:1!important;background:#fff!important;padding:10px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.arch-row{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:2%!important;visibility:visible!important;opacity:1!important;margin-bottom:4px!important;width:100%!important;max-width:100%!important}.quadrant{display:flex!important;gap:1px!important;visibility:visible!important;opacity:1!important;flex-shrink:1!important;flex-wrap:nowrap!important}.tooth-item-container{display:flex!important;flex-direction:column!important;align-items:center!important;visibility:visible!important;opacity:1!important;padding:1px!important;background:transparent!important;flex-shrink:1!important;min-width:0!important}.tooth-number-label{display:block!important;visibility:visible!important;opacity:1!important;color:#333!important;font-size:6pt!important}.tooth-svg-wrapper{display:block!important;visibility:visible!important;opacity:1!important;width:20px!important;height:28px!important;overflow:visible!important;flex-shrink:1!important}.tooth-svg-wrapper svg{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.tooth-svg-wrapper svg path,.tooth-svg-wrapper svg line,.tooth-svg-wrapper svg circle,.tooth-svg-wrapper svg rect,.tooth-svg-wrapper svg g{visibility:visible!important;opacity:1!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.arch-label{display:block!important;visibility:visible!important;opacity:1!important;color:#666!important;font-size:.75rem!important;text-transform:uppercase!important;margin-bottom:4px!important}.midline-divider{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;width:80%!important;margin:8px 0!important}.divider-line{display:block!important;visibility:visible!important;height:1px!important;flex:1!important;background-color:#ccc!important}.chart-legend{display:flex!important;visibility:visible!important;opacity:1!important;flex-wrap:wrap!important;gap:12px!important;justify-content:center!important;margin-top:16px!important;padding:12px!important;background:#f9f9f9!important;border:1px solid #eee!important;border-radius:8px!important}.legend-item{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;gap:6px!important;font-size:.75rem!important;color:#333!important}.legend-preview-mini{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important}.legend-preview-mini svg{display:block!important;visibility:visible!important;opacity:1!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.chart-legend{display:flex;gap:16px;justify-content:center;margin-top:24px;flex-wrap:wrap;background:var(--dp-bg);padding:12px;border-radius:8px;width:100%}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--dp-text);font-weight:500}.legend-preview-mini{width:24px;height:30px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid var(--dp-border);border-radius:4px;padding:2px}[data-theme=dark] .legend-preview-mini{background:#1e293b}@media (max-width: 768px){.dental-page-container{padding:12px;height:auto;min-height:100vh;overflow-y:auto}.dental-header{flex-direction:column;align-items:flex-start;gap:12px}.dental-title-group{width:100%;justify-content:space-between}.dental-title{font-size:1.1rem}.dental-subtitle{display:none}.selected-patient-header-group{margin:0;width:100%;flex-direction:column;align-items:stretch;gap:12px}.header-patient-info{width:100%;box-sizing:border-box}.header-search-wrapper,.dental-search-input.header-input{width:100%}.dental-back-btn{display:none}.dental-workspace{height:auto;gap:16px}.dental-grid{grid-template-columns:1fr;display:flex;flex-direction:column;gap:24px}.chart-section{height:auto;flex:none}.chart-card-scroll{overflow-x:auto;justify-content:flex-start;min-height:auto;padding:16px}.chart-container-inner{width:-moz-max-content;width:max-content;min-width:100%;padding:12px!important}.tooth-item-container{transform:scale(1.1);margin:0 4px}.procedures-section{height:auto;max-height:600px}.procedures-container{max-height:300px}.patient-search-container{margin:20px auto;width:100%}.dental-search-input{padding:14px 16px 14px 44px;font-size:1.1rem}}.recent-registered-section{margin-top:2rem;width:100%;display:flex;flex-direction:column;gap:1rem;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) .2s forwards}.recent-registered-label{font-size:.85rem;font-weight:700;color:var(--dp-text-sec);text-transform:uppercase;letter-spacing:.05em;padding-left:.5rem;opacity:.8}.recent-list{display:flex;gap:1rem;overflow-x:auto;padding:.5rem .5rem 1.5rem;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 95%,transparent 100%)}.recent-list::-webkit-scrollbar{display:none}.recent-patient-pill{background:var(--dp-card-bg);padding:.75rem 1rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-width:180px;cursor:pointer;border:1px solid var(--dp-border);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.recent-patient-pill:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px);border-color:var(--dp-primary)}.recent-patient-pill:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dp-primary),#8b5cf6);opacity:0;transition:opacity .2s}.recent-patient-pill:hover:after{opacity:1}.recent-name-container{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.recent-name{font-weight:600;font-size:.95rem;color:var(--dp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.recent-token{background:var(--dp-highlight);color:var(--dp-primary);padding:2px 6px;border-radius:6px;font-size:.7rem;font-weight:700}.recent-info{font-size:.8rem;color:var(--dp-text-sec);display:flex;align-items:center;gap:.4rem}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tooth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tooth-modal-content{background-color:var(--dp-card-bg);border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:scaleUp .2s ease-out}.tooth-modal-header{padding:12px 16px;border-bottom:1px solid var(--dp-border);display:flex;justify-content:space-between;align-items:center;background-color:var(--dp-bg)}.tooth-modal-title{margin:0;color:var(--dp-text);font-size:1.1rem;font-weight:600}.tooth-modal-close-btn{background:none;border:none;color:var(--dp-text-sec);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.tooth-modal-tabs{padding:8px 16px 0;background:var(--dp-bg);display:flex;border-bottom:1px solid var(--dp-border)}.tooth-modal-tab{padding:8px 12px;border:none;background:transparent;color:var(--dp-text-sec);font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.tooth-modal-tab.active{color:var(--dp-primary);border-bottom-color:var(--dp-primary)}.tooth-modal-search-box{padding:8px 16px;border-bottom:1px solid var(--dp-border)}.tooth-modal-search-wrapper{position:relative;display:flex;align-items:center}.tooth-modal-search-icon{position:absolute;left:12px;color:var(--dp-text-sec)}.tooth-modal-search-input{width:100%;padding:8px 12px 8px 36px;border-radius:8px;border:1px solid var(--dp-border);background-color:var(--dp-bg);color:var(--dp-text);font-size:.9rem;outline:none}.tooth-modal-search-input:focus{border-color:var(--dp-primary)}.tooth-modal-list{max-height:400px;overflow-y:auto}.tooth-modal-empty{padding:24px;text-align:center;color:var(--dp-text-sec);font-size:.9rem}.tooth-modal-item{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border:none;background:transparent;border-bottom:1px solid var(--dp-border);cursor:pointer;text-align:left;transition:background-color .1s;width:100%}.tooth-modal-item:hover{background-color:var(--dp-bg)}.tooth-modal-item-name{color:var(--dp-text);font-weight:600;font-size:.9rem}.tooth-modal-item-type{color:var(--dp-text-sec);font-size:.75rem;text-transform:capitalize}.tooth-modal-item-cost-group{display:flex;align-items:center;gap:8px;color:var(--dp-primary);font-weight:600;font-size:.9rem}.tooth-modal-history-item{padding:12px 16px;border-bottom:1px solid var(--dp-border)}.tooth-modal-history-name{font-weight:500;font-size:.9rem;color:var(--dp-text)}.tooth-modal-history-date{font-size:.8rem;color:var(--dp-text-sec)}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}:root{--mpm-bg: #ffffff;--mpm-header-bg: #ffffff;--mpm-text: #1a1a1a;--mpm-text-muted: #666666;--mpm-border: #f0f0f0;--mpm-table-header-bg: #f9fafb;--mpm-table-header-text: #4b5563;--mpm-row-hover: #f9f9ff;--mpm-add-section-bg: #fafafa;--mpm-card-bg: #ffffff;--mpm-card-border: #e5e5e5;--mpm-input-bg: #ffffff;--mpm-input-border: #d1d5db}.dark-mode,body.dark-mode{--mpm-bg: #1e1e2e;--mpm-header-bg: #1e1e2e;--mpm-text: #cdd6f4;--mpm-text-muted: #a6adc8;--mpm-border: rgba(255, 255, 255, .1);--mpm-table-header-bg: #181825;--mpm-table-header-text: #bac2de;--mpm-row-hover: rgba(139, 92, 246, .05);--mpm-add-section-bg: #181825;--mpm-card-bg: #1e1e2e;--mpm-card-border: rgba(255, 255, 255, .1);--mpm-input-bg: #181825;--mpm-input-border: rgba(255, 255, 255, .2)}.manage-procedures-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.manage-procedures-modal-content{background:var(--mpm-bg);color:var(--mpm-text);border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:700px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;border:1px solid var(--mpm-border)}.manage-procedures-modal-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--mpm-border);background-color:var(--mpm-header-bg)}.manage-procedures-modal-title{font-size:1.15rem;font-weight:700;color:var(--mpm-text);margin:0;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;gap:10px;align-items:center}.manage-procedures-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.manage-procedures-close-btn:hover{background-color:var(--mpm-row-hover);color:var(--mpm-text);transform:rotate(90deg)}.mpm-search-container{padding:12px 16px;background-color:var(--mpm-bg);border-bottom:1px solid var(--mpm-border)}.mpm-search-wrapper{position:relative;display:flex;align-items:center}.mpm-search-icon{position:absolute;left:10px;color:var(--mpm-text-muted)}.mpm-search-input{width:100%;padding:10px 10px 10px 36px;border:1px solid var(--mpm-input-border);border-radius:8px;background-color:var(--mpm-input-bg);color:var(--mpm-text);font-size:.95rem;transition:all .2s}.mpm-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.mpm-search-clear{position:absolute;right:10px;background:none;border:none;color:var(--mpm-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%}.mpm-search-clear:hover{background-color:var(--mpm-border);color:var(--mpm-text)}.manage-procedures-list-container{padding:0;max-height:450px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--mpm-border) var(--mpm-add-section-bg)}.manage-procedures-list-container::-webkit-scrollbar{width:6px}.manage-procedures-list-container::-webkit-scrollbar-track{background:var(--mpm-add-section-bg)}.manage-procedures-list-container::-webkit-scrollbar-thumb{background-color:var(--mpm-border);border-radius:10px}.manage-procedures-table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--mpm-bg)}.manage-procedures-table th{background-color:var(--mpm-table-header-bg);color:var(--mpm-table-header-text);font-weight:600;text-align:left;padding:10px 14px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--mpm-border);font-size:.85rem}.manage-procedures-table td{padding:8px 14px;border-bottom:1px solid var(--mpm-border);color:var(--mpm-text);vertical-align:middle;font-size:.9rem}.manage-procedures-table tr:hover td{background-color:var(--mpm-row-hover)}.manage-procedures-table tr:last-child td{border-bottom:none}.procedure-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge-general{background-color:#e0f2fe;color:#0369a1}.badge-filling{background-color:#dcfce7;color:#15803d}.badge-rct{background-color:#fce7f3;color:#be185d}.badge-extraction{background-color:#fee2e2;color:#b91c1c}.badge-crown{background-color:#ffedd5;color:#c2410c}.edit-input,.edit-select{width:100%;padding:8px 10px;border:1px solid var(--mpm-input-border);border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s;background-color:var(--mpm-input-bg);color:var(--mpm-text)}.edit-input:focus,.edit-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;margin-right:4px;transition:background-color .2s}.action-btn:hover{background-color:#edf2f7}.btn-edit{color:#2563eb}.btn-delete{color:#dc2626}.btn-save{color:#059669}.btn-cancel{color:#6b7280}.add-procedure-section{padding:12px 16px;background-color:var(--mpm-add-section-bg);border-top:1px solid var(--mpm-border)}.add-procedure-card{background-color:var(--mpm-card-bg);border:1px solid var(--mpm-card-border);border-radius:8px;padding:16px;box-shadow:0 2px 5px #0000000d}.add-procedure-title{font-size:1rem;font-weight:600;color:var(--mpm-text);margin-bottom:12px}.add-form-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:center}.form-input,.form-select{padding:8px 12px;border:1px solid var(--mpm-input-border);border-radius:6px;font-size:.9rem;transition:all .2s;background-color:var(--mpm-input-bg);color:var(--mpm-text)}.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.btn-group{display:flex;gap:8px}.btn-primary{background-color:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#f3f4f6;border-color:#9ca3af}.btn-compact{padding:6px 12px!important;font-size:.8rem!important}.w-40{width:40%}.w-20{width:20%}.text-center{text-align:center}.p-20{padding:20px}.text-muted{color:#888}.fw-500{font-weight:500}.add-trigger-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;background-color:var(--mpm-bg);border:1px dashed var(--mpm-input-border);color:var(--mpm-text-muted);border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.add-trigger-btn:hover{border-color:#3b82f6;color:#2563eb;background-color:var(--mpm-row-hover)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.manage-procedures-modal-content{width:100%;height:100%;max-width:none;border-radius:0;display:flex;flex-direction:column}.manage-procedures-modal-header{padding:16px}.manage-procedures-list-container{flex:1;max-height:none}.manage-procedures-table thead{display:none}.manage-procedures-table tbody tr{display:flex;flex-direction:column;padding:12px;border-bottom:8px solid #f9fafb}.manage-procedures-table td{display:block;padding:4px 0;border:none;width:100%;text-align:left}.manage-procedures-table td:last-child{margin-top:8px;display:flex;gap:8px}.add-form-grid{grid-template-columns:1fr}.btn-group{display:grid;grid-template-columns:1fr 1fr;width:100%}.add-procedure-section{padding:16px;background:var(--mpm-add-section-bg);border-top:1px solid var(--mpm-border)}}.dental-billing-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dental-billing-modal-content{background-color:var(--pbp-bg, #f4f7f6);width:95%;max-width:1200px;max-height:90vh;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:modal-slide-up .3s ease-out}@keyframes modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dental-billing-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.dental-billing-modal-header h2{margin:0;font-size:1.25rem;font-weight:700}.close-modal-btn{background:#fff3;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-modal-btn:hover{background:#fff6}.dental-billing-modal-body{flex:1;overflow-y:auto;padding:0}@media print{.dental-billing-modal-overlay{position:absolute;top:0;left:0;width:100%;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:block!important;align-items:flex-start!important;justify-content:flex-start!important}.dental-billing-modal-content{width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;margin:0!important;padding:0!important;transform:none!important;animation:none!important;display:block!important;border-radius:0!important}.dental-billing-modal-header,.no-print{display:none!important}.dental-billing-modal-body{padding:0!important;overflow:visible!important;flex:none!important}}.dental-billing-modal-body .billing-layout{padding:0;background:transparent}.dental-billing-modal-body .billing-container{box-shadow:none;border-radius:0}[data-theme=dark] .dental-billing-modal-content,.dark-mode .dental-billing-modal-content,body.dark-mode .dental-billing-modal-content{background-color:#1e1e2e;color:#cdd6f4;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .dental-billing-modal-header,.dark-mode .dental-billing-modal-header,body.dark-mode .dental-billing-modal-header{background:linear-gradient(135deg,#4c1d95,#6d28d9)}[data-theme=dark] .dental-billing-modal-body,.dark-mode .dental-billing-modal-body,body.dark-mode .dental-billing-modal-body{background-color:transparent}@media (max-width: 768px){.dental-billing-modal-content{width:100%;height:100%;max-height:100vh;border-radius:0}.dental-billing-modal-header{padding:12px 16px}.dental-billing-modal-header h2{font-size:1.1rem}.dental-billing-modal-body{padding:0;display:flex;flex-direction:column}.dental-billing-modal-body .billing-layout{flex-direction:column;gap:0}.dental-billing-modal-body .order-content,.dental-billing-modal-body .billing-sidebar{min-width:100%;flex:none;border-radius:0;box-shadow:none}.dental-billing-modal-body .order-content{padding-bottom:100px}.medications-table{display:block;overflow-x:auto;white-space:nowrap}.billing-sidebar .billing-summary-card{border-radius:0;border-top:1px solid #eee;margin-top:0}.bill-actions .primary-button,.bill-actions .secondary-button{padding:14px;font-size:1rem;width:100%;margin-bottom:8px}.bill-actions{padding-bottom:30px}}@media (max-width: 480px){.dental-billing-modal-header h2{font-size:1rem}.patient-info-grid{grid-template-columns:1fr;gap:8px}.info-item{font-size:.9rem}}.split-payment-select{flex:1;min-width:0;padding:6px 22px 6px 8px;border-radius:6px;border:1px solid #e0e0e0;font-size:.8rem;font-weight:500;background:#fafafa;cursor:pointer;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.split-payment-input::-moz-placeholder{color:#bbb}.split-payment-input::placeholder{color:#bbb}.split-payment-summary-row:last-child{margin-bottom:0}.dental-chart-section-modal{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:24px;overflow:hidden}.chart-wrapper-modal{padding:20px;display:flex;justify-content:center}@media print{.dental-chart-section-modal{box-shadow:none;margin-bottom:20px;page-break-inside:avoid;border:1px solid #ddd}.chart-wrapper-modal{padding:10px}.chart-container-inner{width:100%;max-width:100%}.chart-header-controls{display:none!important}}[data-theme=dark] .dental-chart-section-modal,.dark-mode .dental-chart-section-modal{background:#1e1e2e;box-shadow:none;border:1px solid rgba(255,255,255,.1)}:root{--mp-bg: #f8f9fb;--mp-card-bg: #ffffff;--mp-border: #e5e7eb;--mp-text: #1f2937;--mp-text-sec: #6b7280;--mp-primary: #3b82f6;--mp-primary-hover: #2563eb;--mp-success: #10b981;--mp-warning: #f59e0b;--mp-danger: #ef4444;--mp-shadow: 0 1px 3px rgba(0, 0, 0, .08);--mp-shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--mp-radius: 8px;--mp-radius-lg: 12px;--mp-bg-sec: #f3f4f6}body.dark-mode{--mp-bg: #111827;--mp-card-bg: #1f2937;--mp-border: #374151;--mp-text: #f9fafb;--mp-text-sec: #9ca3af;--mp-bg-sec: #374151}.medical-page-container{min-height:calc(100vh - 64px);background:var(--mp-bg);padding:16px;font-family:Inter,sans-serif}.medical-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.medical-title-group{display:flex;align-items:center;gap:12px}.medical-title-icon{width:32px;height:32px;color:var(--mp-primary)}.medical-title{font-size:1.5rem;font-weight:700;color:var(--mp-text);margin:0}.medical-subtitle{font-size:.8rem;color:var(--mp-text-sec);margin:0}.medical-back-btn{background:var(--mp-card-bg);border:1px solid var(--mp-border);padding:8px 16px;border-radius:var(--mp-radius);color:var(--mp-text);font-size:.85rem;cursor:pointer;transition:all .2s}.medical-back-btn:hover{background:var(--mp-border)}.selected-patient-header-group{display:flex;align-items:center;gap:16px;flex:1;justify-content:center}.header-patient-info{display:flex;align-items:center;gap:10px;background:var(--mp-card-bg);padding:8px 14px;border-radius:var(--mp-radius);border:1px solid var(--mp-border)}.patient-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--mp-primary),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.patient-avatar.small{width:28px;height:28px;font-size:.85rem}.header-patient-text{display:flex;flex-direction:column}.header-patient-name-row{display:flex;align-items:center;gap:6px}.header-patient-name{font-weight:600;color:var(--mp-text);font-size:.9rem}.header-patient-meta{font-size:.75rem;color:var(--mp-text-sec)}.header-close-patient-btn{background:transparent;border:none;color:var(--mp-text-sec);cursor:pointer;padding:4px}.header-close-patient-btn:hover{color:var(--mp-danger)}.header-search-wrapper{position:relative}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper.header-variant{width:220px}.search-icon-overlay{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mp-text-sec)}.medical-search-input{width:100%;padding:12px 40px;border:1px solid var(--mp-border);border-radius:var(--mp-radius);font-size:.95rem;background:var(--mp-card-bg);color:var(--mp-text)}.medical-search-input.header-input{padding:8px 32px;font-size:.85rem}.medical-search-input:focus{outline:none;border-color:var(--mp-primary);box-shadow:0 0 0 3px #3b82f626}.search-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--mp-border);border-top-color:var(--mp-primary);border-radius:50%;animation:spin .8s linear infinite}.search-spinner.small{width:14px;height:14px}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--mp-card-bg);border:1px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:var(--mp-shadow-lg);z-index:100;max-height:300px;overflow-y:auto;margin-top:4px}.search-results-dropdown.header-dropdown{width:280px;left:auto;right:0}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:12px;cursor:pointer;border-bottom:1px solid var(--mp-border);transition:background .15s}.search-result-item:hover{background:#3b82f614}.patient-name-highlight{font-weight:600;color:var(--mp-text);font-size:.9rem}.patient-meta{font-size:.75rem;color:var(--mp-text-sec);margin-top:2px}.patient-search-container{max-width:500px;margin:60px auto 0;text-align:center}.patient-search-container .search-input-wrapper{margin-bottom:8px}.create-patient-btn{display:inline-flex;align-items:center;gap:6px;background:var(--mp-primary);color:#fff;border:none;padding:8px 14px;border-radius:var(--mp-radius);cursor:pointer;font-size:.85rem;transition:background .2s}.create-patient-btn:hover{background:var(--mp-primary-hover)}.register-new-btn-sm{background:var(--mp-primary);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.75rem}.recent-patients-section{margin-top:32px}.recent-patients-section h3{font-size:.85rem;color:var(--mp-text-sec);margin-bottom:12px;font-weight:500}.recent-patients-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.recent-patient-chip{display:flex;align-items:center;gap:8px;background:var(--mp-card-bg);border:1px solid var(--mp-border);padding:8px 14px;border-radius:20px;cursor:pointer;transition:all .2s;font-size:.85rem;color:var(--mp-text)}.recent-patient-chip:hover{border-color:var(--mp-primary);background:#3b82f60d}.chip-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--mp-primary),#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.medical-workspace{width:100%}.medical-grid{display:grid;grid-template-columns:1fr 350px;gap:16px}@media (max-width: 900px){.medical-grid{grid-template-columns:1fr}}.medical-card{background:var(--mp-card-bg);border-radius:var(--mp-radius-lg);border:1px solid var(--mp-border);padding:16px;box-shadow:var(--mp-shadow)}.medical-card.full-height{display:flex;flex-direction:column;min-height:500px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-header h3{font-size:1rem;font-weight:600;color:var(--mp-text);margin:0}.manage-procedures-btn{background:transparent;border:1px solid var(--mp-border);color:var(--mp-primary);padding:4px 10px;border-radius:4px;font-size:.75rem;cursor:pointer}.manage-procedures-btn:hover{background:#3b82f614}.procedures-section{display:flex;flex-direction:column;gap:16px}.procedures-container{max-height:50vh;overflow-y:auto}.procedures-list{display:flex;flex-direction:column;gap:12px}.procedure-category-group{margin-bottom:8px}.category-label{font-size:.7rem;text-transform:uppercase;color:var(--mp-text-sec);letter-spacing:.05em;margin-bottom:6px;font-weight:500}.procedure-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#3b82f60a;border:1px solid var(--mp-border);border-radius:6px;cursor:pointer;transition:all .15s}.procedure-item:hover{background:#3b82f61a;border-color:var(--mp-primary)}.proc-name{font-size:.85rem;color:var(--mp-text)}.proc-cost{font-size:.8rem;color:var(--mp-primary);font-weight:600}.notes-container{padding:12px}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-title-sm{font-size:.85rem;font-weight:600;color:var(--mp-text)}.notes-save-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--mp-border);color:var(--mp-text-sec);padding:4px 8px;border-radius:4px;font-size:.7rem;cursor:pointer}.notes-save-btn:hover{color:var(--mp-primary);border-color:var(--mp-primary)}.notes-area{width:100%;min-height:100px;padding:10px;border:1px solid var(--mp-border);border-radius:6px;font-size:.85rem;resize:vertical;background:var(--mp-bg);color:var(--mp-text)}.notes-area:focus{outline:none;border-color:var(--mp-primary)}.plan-section{display:flex;flex-direction:column}.sidebar-tabs{display:flex;border-bottom:1px solid var(--mp-border);margin-bottom:12px}.sidebar-tabs button{flex:1;background:transparent;border:none;padding:10px;font-size:.85rem;color:var(--mp-text-sec);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.sidebar-tabs button.active{color:var(--mp-primary);border-bottom-color:var(--mp-primary)}.treatment-plan-container{flex:1;display:flex;flex-direction:column}.treatment-plan-list{flex:1;overflow-y:auto;max-height:350px}.empty-plan-message{text-align:center;color:var(--mp-text-sec);font-size:.85rem;padding:20px}.plan-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--mp-border)}.plan-item-name{font-size:.85rem;color:var(--mp-text);flex:1}.plan-item-controls{display:flex;align-items:center;gap:8px}.cost-input{width:70px;padding:4px 6px;border:1px solid var(--mp-border);border-radius:4px;font-size:.8rem;text-align:right}.remove-proc-btn{background:transparent;border:none;color:var(--mp-danger);cursor:pointer;padding:4px}.plan-total{display:flex;justify-content:space-between;padding:12px 10px;border-top:2px solid var(--mp-border);font-weight:600}.total-amount{color:var(--mp-primary);font-size:1.1rem}.history-list{flex:1;overflow-y:auto;max-height:400px}.history-record-card{padding:12px;border:1px solid var(--mp-border);border-radius:8px;margin-bottom:10px}.history-record-header{display:flex;justify-content:space-between;margin-bottom:8px}.record-date{font-size:.8rem;color:var(--mp-text-sec)}.record-status{font-size:.7rem;padding:2px 6px;border-radius:4px;text-transform:uppercase}.record-status.status-draft{background:#fef3c7;color:#92400e}.record-status.status-completed,.record-status.status-billed{background:#d1fae5;color:#065f46}body.dark-mode .record-status.status-draft{background:#f59e0b26;color:#fbbf24}body.dark-mode .record-status.status-completed,body.dark-mode .record-status.status-billed{background:#10b98126;color:#34d399}.history-procedures{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.history-proc-tag{background:#3b82f61a;color:var(--mp-primary);padding:2px 6px;border-radius:4px;font-size:.7rem}.history-notes{font-size:.75rem;color:var(--mp-text-sec);margin-bottom:8px}.history-record-actions{display:flex;gap:8px}.edit-record-btn,.view-bill-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--mp-border);color:var(--mp-text-sec);padding:4px 8px;border-radius:4px;font-size:.7rem;cursor:pointer}.edit-record-btn:hover,.view-bill-btn:hover{color:var(--mp-primary);border-color:var(--mp-primary)}.action-footer{padding:12px 0 0;border-top:1px solid var(--mp-border);margin-top:auto}.save-btn{width:100%;background:var(--mp-primary);color:#fff;border:none;padding:12px;border-radius:var(--mp-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.save-btn:hover:not(:disabled){background:var(--mp-primary-hover)}.icon-button-sm{background:transparent;border:none;cursor:pointer;padding:2px}.gap-2{gap:8px}@media print{.no-print{display:none!important}.medical-page-container{padding:0;background:#fff}.medical-card{box-shadow:none;border:none}.medical-grid{grid-template-columns:1fr}}:root{--bg-color: #f8fafc;--surface-color: #ffffff;--text-color: #0f172a;--text-secondary: #64748b;--border-color: #e2e8f0;--primary-color: #2563eb;--primary-hover: #1d4ed8;--danger-color: #ef4444;--danger-hover: #dc2626;--success-color: #10b981;--success-hover: #059669;--warning-color: #f59e0b;--info-color: #06b6d4;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius-md: .5rem;--radius-lg: .75rem}@media (prefers-color-scheme: dark){:root{--bg-color: #0f172a;--surface-color: #1e293b;--text-color: #f8fafc;--text-secondary: #94a3b8;--border-color: #334155;--primary-color: #3b82f6;--primary-hover: #60a5fa;--danger-color: #f87171;--danger-hover: #ef4444;--success-color: #34d399;--success-hover: #10b981;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5)}}.patient-debt-management-page{padding:1rem;background-color:var(--bg-color);min-height:100vh;color:var(--text-color);font-family:Inter,system-ui,-apple-system,sans-serif}.patient-debt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.patient-debt-header h2{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.total-debt-display{display:flex;align-items:center;gap:.5rem;background-color:var(--surface-color);padding:.5rem 1rem;border-radius:var(--radius-lg);font-weight:600;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.total-debt-display.debt-positive{color:var(--danger-color);background-color:#ef44440d;border-color:#ef444433}.total-debt-display.debt-zero{color:var(--success-color);background-color:#10b9810d;border-color:#10b98133}.filter-container{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;background-color:var(--surface-color);padding:.75rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.filter-search-input{flex:1;min-width:200px;max-width:350px;padding:.5rem .75rem;font-size:.9375rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);color:var(--text-color);transition:all .2s}.filter-search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.filter-select{padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:.9375rem;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;min-width:120px}.filter-select:focus{border-color:var(--primary-color);outline:none}.filter-number-input{padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);width:100px;font-size:.9375rem;background-color:var(--bg-color);color:var(--text-color)}.filter-number-input:focus{border-color:var(--primary-color);outline:none}.filter-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9375rem;color:var(--text-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}.filter-checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary-color);cursor:pointer}.filter-count{font-size:.85rem;color:var(--text-secondary);margin-left:auto;font-weight:500}.error-message{background-color:#ef44441a;color:var(--danger-color);padding:.75rem;border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.2);margin-bottom:1rem}.debt-table-container{overflow-x:auto;background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.debt-table{width:100%;border-collapse:collapse}.debt-table th{background-color:var(--bg-color);color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border-color)}.debt-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color);color:var(--text-color)}.debt-table tr:last-child td{border-bottom:none}.debt-table tbody tr:hover{background-color:#00000005}@media (prefers-color-scheme: dark){.debt-table tbody tr:hover{background-color:#ffffff05}}.patient-name-cell{display:flex;flex-direction:column;gap:.25rem}.patient-meta{font-size:.8125rem;color:var(--text-secondary)}.amount-paid{color:var(--success-color);font-weight:600}.debt-outstanding{color:var(--danger-color);font-weight:700}.debt-clear{color:var(--success-color);font-weight:600}.debt-added{color:var(--danger-color);font-weight:500}.payment-received{color:var(--success-color);font-weight:500}.no-results-message{text-align:center;padding:2.5rem;color:var(--text-secondary);font-style:italic}.actions-cell{text-align:center;white-space:nowrap}.actions-buttons-group{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.action-text-button{padding:.375rem .75rem;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.875rem;font-weight:500;transition:all .2s}.view-button{background-color:#06b6d41a;color:var(--info-color)}.view-button:hover{background-color:var(--info-color);color:#fff}.add-payment-button{background-color:#10b9811a;color:var(--success-color)}.add-payment-button:hover{background-color:var(--success-color);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:50;padding:1rem}.modal-content{background-color:var(--surface-color);padding:1.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-color)}.modal-content.large-modal{max-width:800px}.modal-content.small-modal{max-width:420px}.modal-close-button{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.modal-close-button:hover{background-color:var(--bg-color);color:var(--text-color)}.modal-title{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);font-size:1.25rem;font-weight:700;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.modal-header-compact{border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:1rem}.modal-header-compact h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-color)}.modal-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}.modal-error-message{color:var(--danger-color);background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:.75rem;border-radius:var(--radius-md);margin-bottom:1rem}.current-debt-info{display:flex;justify-content:space-between;align-items:center;background-color:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;color:var(--text-color)}.current-debt-info.highlight-debt{justify-content:space-between;align-items:center;background-color:#ef44440d;padding:.75rem;border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid rgba(239,68,68,.1)}.mt-0{margin-top:0!important}.pt-16{padding-top:1rem!important}.form-group{margin-bottom:1rem}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.amount-input{font-size:1.1rem!important;font-weight:700!important}.h-60{min-height:60px!important}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.875rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9375rem;box-sizing:border-box;background-color:var(--bg-color);color:var(--text-color);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color)}.button-cancel{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.button-cancel:hover{background-color:var(--bg-color)}.button-submit{background-color:var(--primary-color);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color .2s}.button-submit:hover{background-color:var(--primary-hover)}.balance-summary{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem;margin-bottom:1rem}.balance-row{display:flex;justify-content:space-between;padding:.5rem 0;color:var(--text-color)}.balance-row.net-debt-row{border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:.5rem}.table-responsive{overflow-x:auto;margin-top:1rem}.loading-indicator{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.25rem;color:var(--text-secondary)}@media (max-width: 768px){.patient-debt-management-page{padding:1rem}.patient-debt-header{flex-direction:column;align-items:stretch;gap:1rem}.total-debt-display{width:100%;justify-content:center;box-sizing:border-box}.filter-container{flex-direction:column;align-items:stretch;gap:.75rem}.filter-search-input,.filter-select,.filter-number-input{width:100%;min-width:0;max-width:none}.filter-count{text-align:center;margin:0;width:100%}.debt-table-container{background-color:transparent;box-shadow:none;border:none;overflow:visible}.debt-table,.debt-table thead,.debt-table tbody,.debt-table th,.debt-table td,.debt-table tr{display:block}.debt-table thead tr{position:absolute;top:-9999px;left:-9999px}.debt-table tr{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1rem;border:1px solid var(--border-color);padding:1rem}.debt-table td{border:none;padding:.5rem 0;position:relative;padding-left:50%;text-align:right;display:flex;justify-content:space-between;align-items:center;color:var(--text-color)}.debt-table td:before{content:attr(data-label);position:absolute;left:0;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.875rem}.debt-table td:first-child{display:flex;flex-direction:column;align-items:flex-start;padding-left:0;text-align:left;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.debt-table td:first-child:before{display:none}.patient-name-cell{width:100%}.debt-table td.actions-cell{padding-left:0;justify-content:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.debt-table td.actions-cell:before{display:none}.actions-buttons-group{width:100%;gap:.75rem}.action-text-button{flex:1;justify-content:center;padding:.625rem}.modal-content{padding:1.5rem}}@media print{@page{size:A4;margin:5mm}.patient-debt-header,.filter-container,.debt-table-container,.loading-indicator,nav,header,footer,.no-print,.edit-complaint-header,.edit-complaint-content-area,.edit-complaint-input-area,.ai-response-container,.mobile-section-selector,.input-section-selector{display:none!important}.patient-debt-management-page,.edit-complaint-page,#root,html,body{height:auto!important;overflow:visible!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important}.modal-overlay{position:static!important;display:block!important;background:#fff!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important}.modal-content{position:static!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;transform:none!important}.modal-close-button,.modal-actions,button{display:none!important}.debt-table{display:table!important;width:100%!important;border-collapse:collapse!important;margin-top:10px;table-layout:fixed}.debt-table thead{display:table-header-group!important}.debt-table thead tr{position:static!important;top:auto!important;left:auto!important;display:table-row!important}.debt-table tbody{display:table-row-group!important}.debt-table tr{display:table-row!important;background-color:transparent!important;box-shadow:none!important;margin-bottom:0!important;border:none!important;padding:0!important;page-break-inside:avoid}.debt-table th{display:table-cell!important;background-color:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;border:1px solid #000!important;padding:4px!important;font-size:9pt;white-space:normal!important;word-wrap:break-word!important;overflow:visible!important}.debt-table td{display:table-cell!important;border:1px solid #000!important;color:#000!important;font-size:9pt;white-space:normal!important;word-wrap:break-word!important;overflow:visible!important;text-align:left!important;padding:4px!important;justify-content:flex-start!important}.debt-table td:before{display:none!important;content:none!important}.debt-table td:first-child{display:table-cell!important;padding-left:4px!important;margin-bottom:0!important;border-bottom:1px solid #000!important}.debt-table td.actions-cell,.debt-table th.actions-cell{display:none!important}.debt-table th:nth-child(1),.debt-table td:nth-child(1){width:15%}.debt-table th:nth-child(2),.debt-table td:nth-child(2){width:12%}.debt-table th:nth-child(3),.debt-table td:nth-child(3){width:12%}.debt-table th:nth-child(4),.debt-table td:nth-child(4){width:12%}.debt-table th:nth-child(5),.debt-table td:nth-child(5){width:15%}.debt-table th:nth-child(6),.debt-table td:nth-child(6){width:12%}.debt-table th:nth-child(7),.debt-table td:nth-child(7){width:22%}.balance-summary{border:1px solid #000!important;background:transparent!important;margin-bottom:15px;page-break-inside:avoid}.modal-content .table-responsive{display:block!important;overflow:visible!important;border:1px solid #000!important}.modal-title{color:#000!important;border-bottom:2px solid #000!important;padding-bottom:8px;margin-bottom:15px;text-align:center;width:100%}}:root{--files-bg-main: #f8fafc;--files-bg-card: rgba(255, 255, 255, .85);--files-bg-hover: #f1f5f9;--files-bg-active: #e2e8f0;--files-bg-input: rgba(255, 255, 255, .95);--files-text-primary: #0f172a;--files-text-secondary: #475569;--files-text-muted: #94a3b8;--files-text-heading: #1e293b;--files-border-color: rgba(226, 232, 240, .8);--files-border-focus: #6366f1;--files-divider: #f1f5f9;--files-primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--files-primary-solid: #6366f1;--files-primary-hover: #4f46e5;--files-primary-light: rgba(99, 102, 241, .1);--files-success-bg: #ecfdf5;--files-success-text: #059669;--files-success-border: #a7f3d0;--files-error-bg: #fef2f2;--files-error-text: #dc2626;--files-error-border: #fca5a5;--files-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--files-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--files-shadow-lg: 0 8px 32px rgba(31, 38, 135, .12);--files-shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--files-backdrop: blur(16px);--files-radius-sm: 8px;--files-radius-md: 12px;--files-radius-lg: 16px;--files-radius-xl: 20px}.dark-mode,body.dark-mode{--files-bg-main: #0f172a;--files-bg-card: rgba(30, 41, 59, .9);--files-bg-hover: #334155;--files-bg-active: #475569;--files-bg-input: rgba(15, 23, 42, .9);--files-text-primary: #f1f5f9;--files-text-secondary: #cbd5e1;--files-text-muted: #94a3b8;--files-text-heading: #f8fafc;--files-border-color: rgba(51, 65, 85, .8);--files-border-focus: #818cf8;--files-divider: #1e293b;--files-primary-gradient: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);--files-primary-solid: #818cf8;--files-primary-hover: #6366f1;--files-primary-light: rgba(129, 140, 248, .15);--files-success-bg: rgba(6, 78, 59, .5);--files-success-text: #6ee7b7;--files-success-border: #065f46;--files-error-bg: rgba(127, 29, 29, .5);--files-error-text: #fca5a5;--files-error-border: #991b1b;--files-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--files-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--files-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--files-shadow-glow: 0 0 20px rgba(129, 140, 248, .2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderGlow{0%,to{border-color:var(--files-primary-solid)}50%{border-color:var(--files-border-focus)}}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}.files-page-container{min-height:100vh;padding:12px 0;background:var(--files-bg-main);animation:fadeIn .5s ease-out}@media (min-width: 768px){.files-page-container{padding:24px 32px;max-width:100%;margin:0}}.files-page-header{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding:0 12px}.files-page-header .back-button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;margin-left:-10px;background:transparent;border:none;border-radius:var(--files-radius-md);color:var(--files-text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.files-page-header .back-button:hover{color:var(--files-primary-solid);background:var(--files-primary-light);transform:translate(-2px)}.files-page-title{font-size:1.5rem;font-weight:800;background:var(--files-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.02em}@media (min-width: 768px){.files-page-header{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0}.files-page-title{font-size:1.75rem}}.glass-card{background:var(--files-bg-card);backdrop-filter:var(--files-backdrop);-webkit-backdrop-filter:var(--files-backdrop);border:1px solid var(--files-border-color);border-radius:var(--files-radius-lg);box-shadow:var(--files-shadow-lg);padding:14px 12px;margin-bottom:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--files-shadow-lg),var(--files-shadow-glow)}@media (min-width: 768px){.glass-card{padding:24px;margin-bottom:20px;border-radius:var(--files-radius-xl);width:100%;max-width:none;margin-left:0;margin-right:0}}.glass-card h2,.glass-card h3{color:var(--files-text-heading);margin:0 0 20px;display:flex;align-items:center;gap:10px;font-weight:600}.glass-card h2 svg,.glass-card h3 svg{color:var(--files-primary-solid)}.search-input-wrapper{position:relative;margin-bottom:20px}.search-icon-files{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--files-text-muted);pointer-events:none;transition:color .2s ease;z-index:1}.search-input{width:100%;padding:14px 20px 14px 48px;border-radius:var(--files-radius-lg);border:2px solid var(--files-border-color);background:var(--files-bg-input);font-size:1rem;color:var(--files-text-primary);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--files-shadow-sm)}.search-input::-moz-placeholder{color:var(--files-text-muted)}.search-input::placeholder{color:var(--files-text-muted)}.search-input:hover{border-color:var(--files-primary-light);box-shadow:var(--files-shadow-md)}.search-input:focus{outline:none;border-color:var(--files-border-focus);box-shadow:0 0 0 4px var(--files-primary-light),var(--files-shadow-md)}.search-input:focus+.search-icon-files,.search-input-wrapper:focus-within .search-icon-files{color:var(--files-primary-solid)}.patient-results-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px}.patient-result-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--files-bg-input);border:1px solid var(--files-border-color);border-radius:var(--files-radius-lg);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);animation:slideIn .3s ease forwards}.patient-result-item:hover{background:var(--files-bg-hover);border-color:var(--files-primary-solid);transform:translate(6px);box-shadow:var(--files-shadow-md)}.patient-result-item>div:first-child>div:first-child{font-weight:600;color:var(--files-text-primary);margin-bottom:4px}.patient-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--files-text-muted);font-size:.875rem}.patient-meta span{display:inline-flex;align-items:center}.glass-card>div[style*="text-align: center"]{padding:40px 20px;color:var(--files-text-muted);font-size:.95rem}.selected-patient-header{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--files-divider)}@media (min-width: 640px){.selected-patient-header{flex-direction:row;align-items:center}}.patient-avatar{width:56px;height:56px;border-radius:50%;background:var(--files-primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:var(--files-shadow-md)}.selected-patient-header>div:nth-child(2){flex:1}.selected-patient-header h2{margin:0 0 4px;color:var(--files-text-primary);font-size:1.25rem}.selected-patient-header .flex{display:flex;flex-wrap:wrap;gap:8px;color:var(--files-text-secondary);font-size:.875rem}.upload-section{margin-bottom:32px}.upload-section h3{color:var(--files-text-heading);font-size:1.1rem;margin:0 0 16px}.upload-section>div[class*=bg-red],.upload-section>div[class*=bg-green]{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--files-radius-md);margin-bottom:20px;font-weight:500;animation:fadeIn .3s ease}.upload-section>div[class*=bg-red]{background:var(--files-error-bg);color:var(--files-error-text);border:1px solid var(--files-error-border)}.upload-section>div[class*=bg-green]{background:var(--files-success-bg);color:var(--files-success-text);border:1px solid var(--files-success-border)}.file-drop-zone{border:2px dashed var(--files-border-color);border-radius:var(--files-radius-lg);padding:16px;text-align:left;background:var(--files-bg-input);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;margin-bottom:20px}.file-drop-zone:hover{border-color:var(--files-primary-solid);background:var(--files-bg-hover)}.file-drop-zone.drag-active,.file-drop-zone:focus-within{border-color:var(--files-primary-solid);animation:borderGlow 1.5s ease infinite;background:var(--files-primary-light)}.upload-content-wrapper{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.upload-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--files-primary-light);border-radius:50%;color:var(--files-primary-solid);flex-shrink:0;transition:transform .3s ease}.file-drop-zone:hover .upload-icon-wrapper{transform:scale(1.1);background:var(--files-primary-solid);color:#fff}.upload-text-wrapper{display:flex;flex-direction:column}.upload-text-compact{font-size:.95rem;color:var(--files-text-primary);font-weight:600}.upload-subtext-compact{font-size:.8rem;color:var(--files-text-muted)}@media (min-width: 768px){.file-drop-zone{padding:50px 32px}}.file-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}@media (min-width: 480px){.file-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.file-item{display:flex;align-items:center;padding:14px 16px;background:var(--files-bg-input);border-radius:var(--files-radius-md);border:1px solid var(--files-border-color);box-shadow:var(--files-shadow-sm);transition:all .2s ease;animation:fadeIn .3s ease forwards}.file-item:hover{background:var(--files-bg-hover);border-color:var(--files-primary-light);box-shadow:var(--files-shadow-md);transform:translateY(-2px)}.file-icon{width:44px;height:44px;border-radius:var(--files-radius-sm);background:var(--files-primary-light);display:flex;align-items:center;justify-content:center;margin-right:14px;color:var(--files-primary-solid);flex-shrink:0;transition:all .2s ease}.file-item:hover .file-icon{background:var(--files-primary-solid);color:#fff}.file-info{flex:1;min-width:0}.file-name{font-size:.95rem;font-weight:500;color:var(--files-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.file-name:hover{color:var(--files-primary-solid)}.file-size{font-size:.8rem;color:var(--files-text-muted);margin-top:2px}.remove-file-btn{background:transparent;border:none;color:var(--files-text-muted);cursor:pointer;padding:8px;border-radius:var(--files-radius-sm);opacity:.6;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-file-btn:hover{opacity:1;color:var(--files-error-text);background:var(--files-error-bg)}.icon-btn{background:transparent;border:none;padding:6px;border-radius:var(--files-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background:var(--files-bg-hover)}.icon-btn.text-green-600{color:var(--files-success-text)}.icon-btn.text-green-600:hover{background:var(--files-success-bg)}.icon-btn.text-red-500{color:var(--files-error-text)}.icon-btn.text-red-500:hover{background:var(--files-error-bg)}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}@media (min-width: 480px){.action-buttons{flex-direction:row;justify-content:flex-end}}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--files-radius-md);border:1px solid var(--files-border-color);background:transparent;color:var(--files-text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.secondary-btn:hover{background:var(--files-bg-hover);border-color:var(--files-text-muted);color:var(--files-text-primary)}.secondary-btn:active{transform:scale(.98)}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--files-radius-md);border:none;background:var(--files-primary-gradient);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 4px 16px #6366f159;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f173}.primary-btn:hover:before{left:100%}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.primary-btn:disabled:before{display:none}.existing-files-section{margin-top:32px;padding-top:28px;border-top:1px solid var(--files-divider)}.existing-files-section h3{color:var(--files-text-heading);font-size:1.1rem;font-weight:600;margin:0 0 20px;display:flex;align-items:center;gap:10px}.existing-files-section h3 svg{color:var(--files-primary-solid)}.existing-files-section>div[class*=text-center]{padding:40px 20px;color:var(--files-text-muted);background:var(--files-bg-hover);border-radius:var(--files-radius-lg);border:2px dashed var(--files-border-color);font-size:.95rem}.existing-files-section .flex.justify-center{padding:32px}.patient-results-list .patient-result-item[style*="cursor: default"]{animation:pulse 1.5s ease-in-out infinite}.text-xl{font-size:1.25rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}.pt-8{padding-top:2rem}.gap-4{gap:1rem}.text-slate-700{color:var(--files-text-secondary)}.text-slate-800{color:var(--files-text-primary)}.text-slate-500,.text-slate-400{color:var(--files-text-muted)}.text-sm{font-size:.875rem}.text-indigo-500{color:var(--files-primary-solid)}.border-t{border-top:1px solid var(--files-divider)}.border-slate-200{border-color:var(--files-border-color)}@media (max-width: 479px){.files-page-container{padding:12px}.glass-card{padding:12px 10px;border-radius:var(--files-radius-md);margin-left:0;margin-right:0;border-left:none;border-right:none;border-radius:0}.files-page-title{font-size:1.35rem}.search-input{padding:10px 14px 10px 40px;font-size:.9rem}.patient-result-item{padding:12px 14px;flex-direction:column;align-items:flex-start;gap:6px}.patient-result-item>div:last-child{align-self:flex-end}.selected-patient-header{text-align:center;align-items:center;padding-bottom:16px;margin-bottom:16px}.file-drop-zone{padding:24px 12px;border-radius:var(--files-radius-md)}.file-item{padding:10px 12px}.file-icon{width:36px;height:36px;margin-right:10px}.action-buttons{margin-top:16px;gap:10px}.primary-btn,.secondary-btn{width:100%;padding:12px 16px}.upload-section{margin-bottom:20px}.existing-files-section{margin-top:20px;padding-top:16px}}@media (hover: none) and (pointer: coarse){.patient-result-item,.file-item,.primary-btn,.secondary-btn,.remove-file-btn,.rename-btn,.download-btn{min-height:44px}.remove-file-btn,.rename-btn,.download-btn{padding:12px}}@media print{.files-page-container{background:#fff;padding:20px}.glass-card{background:#fff;box-shadow:none;border:1px solid #e2e8f0}.action-buttons,.file-drop-zone,.secondary-btn,.primary-btn,.remove-file-btn,.rename-btn,.download-btn{display:none}}.patient-name-text{font-weight:600;color:var(--files-text-primary);margin-bottom:4px}.patient-phone{color:var(--files-text-muted);font-size:.9rem}.selected-patient-info{flex:1}.selected-patient-name{margin:0 0 4px;font-size:1.25rem;font-weight:700;color:var(--files-text-primary)}.selected-patient-details{display:flex;flex-wrap:wrap;gap:8px;color:var(--files-text-secondary);font-size:.875rem}.change-patient-btn{padding:8px 16px;font-size:.9rem}.rename-input-group{display:flex;align-items:center;gap:8px}.rename-input{flex:1;padding:6px 10px;font-size:.9rem;border:1px solid var(--files-border-color);border-radius:var(--files-radius-sm);background:var(--files-bg-input);color:var(--files-text-primary);transition:all .2s ease}.rename-input:focus{outline:none;border-color:var(--files-border-focus);box-shadow:0 0 0 3px var(--files-primary-light)}.file-name-group{display:flex;align-items:center;gap:8px}.file-link{text-decoration:none;transition:color .2s ease}.file-link:hover{color:var(--files-primary-solid);text-decoration:underline}.rename-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--files-text-muted);border-radius:var(--files-radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.rename-btn:hover{color:var(--files-primary-solid);background:var(--files-primary-light)}.download-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--files-text-muted);border-radius:var(--files-radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.download-btn:hover{color:var(--files-primary-solid);background:var(--files-primary-light)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px}.file-card-item{background:var(--files-bg-card);border:1px solid var(--files-border-color);border-radius:var(--files-radius-md);overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;aspect-ratio:1 / 1.1;cursor:default}.file-card-item:hover{box-shadow:var(--files-shadow-md);transform:translateY(-2px);border-color:var(--files-border-focus)}.file-preview-container{flex:1;background:var(--files-bg-hover);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:0}.file-thumbnail-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.file-card-item:hover .file-thumbnail-img{transform:scale(1.05)}.file-thumbnail-icon{color:var(--files-text-secondary);transform:scale(1.5);opacity:.7}.file-actions-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .2s ease}.file-card-item:hover .file-actions-overlay,.file-actions-overlay:focus-within{opacity:1}.file-card-item .action-icon-btn{width:36px;height:36px;border-radius:50%;background:#fff;color:#1e293b;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003}.file-card-item .action-icon-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;display:block}.file-card-item .action-icon-btn:hover{background:var(--files-primary-solid);color:#fff;transform:scale(1.1)}.file-card-item .action-icon-btn.download:hover{background:#10b981;color:#fff}.file-card-item .action-icon-btn.rename:hover{background:var(--files-primary-solid);color:#fff}.file-card-item .action-icon-btn.delete:hover{background:#ef4444;color:#fff}.file-card-meta{padding:10px 12px;background:var(--files-bg-card);border-top:1px solid var(--files-border-color);flex-shrink:0;font-size:.9rem}.file-name-row{display:flex;align-items:center;gap:8px}.file-icon-small{display:flex;align-items:center;color:var(--files-text-muted)}.file-name-link{color:var(--files-text-primary);text-decoration:none;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.file-name-link:hover{color:var(--files-primary-solid);text-decoration:underline}.rename-input-group.compact{display:flex;flex-direction:column;gap:8px;width:100%}.rename-input-group.compact .rename-input{width:100%;padding:6px 8px;font-size:.9rem}.rename-input-group.compact .rename-actions{display:flex;justify-content:flex-end;gap:4px}@media (max-width: 480px){.file-grid{grid-template-columns:repeat(2,1fr);gap:12px}.file-card-item .file-actions-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);align-items:flex-end;padding-bottom:8px}}.lab-inventory-container{padding:8px;font-family:Inter,sans-serif;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;height:100%}@media (min-width: 640px){.lab-inventory-container{padding:12px}}.lab-inventory-header{color:#343a40;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #dee2e6;font-size:1.25em;font-weight:600}@media (min-width: 768px){.lab-inventory-header{margin-bottom:12px;padding-bottom:10px;font-size:1.4em}}.lab-orders-view{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px;margin-bottom:12px;box-shadow:0 1px 3px #0000000d}@media (min-width: 768px){.lab-orders-view{padding:14px;margin-bottom:16px}}.lab-orders-header-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}@media (min-width: 768px){.lab-orders-header-controls{gap:10px;margin-bottom:16px}}.lab-orders-title{font-size:1.15em;font-weight:600;color:#343a40;margin:0}@media (min-width: 768px){.lab-orders-title{font-size:1.35em}}.lab-orders-search-container{position:relative;width:100%}.lab-orders-search-input{padding-left:32px!important;width:100%;margin-bottom:0!important}.lab-orders-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#6c757d}@media (min-width: 768px){.lab-orders-header-controls{flex-direction:row;justify-content:space-between;align-items:center}.lab-orders-search-container{width:280px}}.lab-inventory-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:.8rem}@media (min-width: 768px){.lab-inventory-table{margin-top:12px;font-size:.85rem}}.lab-inventory-table th,.lab-inventory-table td{border:1px solid #dee2e6;padding:6px 8px;text-align:left;vertical-align:middle;white-space:nowrap}@media (min-width: 768px){.lab-inventory-table th,.lab-inventory-table td{padding:8px 10px}}.lab-inventory-table th{background-color:#f8f9fa;color:#495057;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}@media (min-width: 768px){.lab-inventory-table th{font-size:.75rem}}.lab-table-actions-header{text-align:left}.lab-inventory-table tr:nth-child(2n){background-color:#f8f9fa}.lab-inventory-table tr:hover{background-color:#e9ecef}.lab-table-patient-token{font-size:.8em;color:#6c757d}@media (min-width: 768px){.lab-table-patient-token{font-size:.85em}}.lab-action-button{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid transparent;font-size:.8rem;font-weight:500;border-radius:6px;background-color:transparent;transition:all .2s ease-in-out;cursor:pointer;margin:2px;color:#000}@media (min-width: 768px){.lab-action-button{padding:6px 10px;font-size:.85rem}}.lab-action-button:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3;color:#fff}.lab-action-button:disabled{opacity:.6;cursor:not-allowed}.lab-table-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start}@media (min-width: 768px){.lab-table-actions{gap:6px}}.btn-bill{color:#000!important;border-color:#007bff40}.btn-bill:hover:not(:disabled){background-color:#007bff;color:#fff}.btn-collect{color:#000!important;border-color:#ffc10740}.btn-collect:hover:not(:disabled){background-color:#ffc107;color:#212529}.btn-process{color:#000!important;border-color:#17a2b840}.btn-process:hover:not(:disabled){background-color:#17a2b8;color:#fff}.btn-enter-report{color:#000!important;border-color:#6f42c140}.btn-enter-report:hover:not(:disabled){background-color:#6f42c1;color:#fff}.btn-complete{color:#000!important;border-color:#28a74540}.btn-complete:hover:not(:disabled){background-color:#28a745;color:#fff}.btn-view-report{color:#000!important;border-color:#6c757d40}.btn-view-report:hover:not(:disabled){background-color:#6c757d;color:#fff}.lab-orders-table-container{display:none}.lab-orders-card-container{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.lab-orders-table-container{display:block;overflow-x:auto}.lab-orders-card-container{display:none;gap:16px}.lab-inventory-table th.hidden.md\:table-cell,.lab-inventory-table td.hidden.md\:table-cell{display:table-cell}}.lab-order-card{background-color:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 4px #00000012;border:1px solid #e9ecef;color:#343a40}@media (min-width: 768px){.lab-order-card{padding:16px}}.lab-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f1f3f5}@media (min-width: 768px){.lab-card-header{margin-bottom:12px;padding-bottom:10px}}.lab-card-patient-name{font-size:1rem;font-weight:600;color:#212529}@media (min-width: 768px){.lab-card-patient-name{font-size:1.1rem}}.lab-card-patient-token,.lab-card-date{font-size:.8rem;color:#6c757d;margin-top:2px}@media (min-width: 768px){.lab-card-patient-token,.lab-card-date{font-size:.85rem}}.lab-card-status-pill{margin-left:8px;flex-shrink:0}.lab-card-section{margin-bottom:10px}@media (min-width: 768px){.lab-card-section{margin-bottom:12px}}.lab-card-section-title{font-weight:500;font-size:.85rem;margin-bottom:4px;color:#495057}@media (min-width: 768px){.lab-card-section-title{font-size:.9rem;margin-bottom:6px}}.lab-card-test-item{font-size:.85rem;color:#343a40;padding:2px 0}@media (min-width: 768px){.lab-card-test-item{font-size:.9rem}}.lab-card-no-tests{font-size:.8rem;font-style:italic;color:#6c757d}@media (min-width: 768px){.lab-card-no-tests{font-size:.85rem}}.lab-card-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;padding-top:10px;border-top:1px solid #e9ecef;margin-top:10px}@media (min-width: 768px){.lab-card-actions{gap:8px;padding-top:12px;margin-top:12px}}.lab-inventory-button{background-color:#007bff;color:#fff;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.9em;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center}@media (min-width: 768px){.lab-inventory-button{padding:10px 15px;font-size:.95em}}.lab-inventory-button:hover{background-color:#0056b3}.lab-inventory-button-secondary{background-color:#6c757d}.lab-inventory-button-secondary:hover{background-color:#545b62}.lab-inventory-button svg{margin-right:6px}.lab-inventory-input,.lab-inventory-select{width:100%;padding:8px 10px;margin-bottom:12px;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:.9rem;background-color:#fff;color:#495057}@media (min-width: 768px){.lab-inventory-input,.lab-inventory-select{padding:10px 12px;margin-bottom:15px;font-size:.95rem}}.lab-inventory-input:focus,.lab-inventory-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.lab-inventory-form-group{margin-bottom:12px}@media (min-width: 768px){.lab-inventory-form-group{margin-bottom:15px}}.lab-inventory-form-group label{display:block;margin-bottom:5px;font-weight:500;color:#495057;font-size:.85rem}@media (min-width: 768px){.lab-inventory-form-group label{margin-bottom:6px;font-size:.9rem}}.lab-inventory-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}@media (min-width: 768px){.lab-inventory-card{padding:20px;margin-bottom:20px}}.lab-inventory-content-wrapper .lab-inventory-card{margin-bottom:0}.status-badge{padding:3px 8px;border-radius:12px;font-size:.75em;font-weight:600;text-align:center;display:inline-block;min-width:80px;line-height:1.4;white-space:nowrap}@media (min-width: 768px){.status-badge{padding:4px 10px;font-size:.8em;min-width:90px;line-height:1.5}}.status-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.status-billed{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-collected{background-color:#ffe8cc;color:#995f00;border:1px solid #ffdcb3}.status-processing{background-color:#cce5ff;color:#004085;border:1px solid #b8daff}.status-report_ready{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-completed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-cancelled{background-color:#e9ecef;color:#383d41;border:1px solid #ced4da;text-decoration:line-through}.lab-pagination-controls{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:20px;padding:10px 0;font-size:.85em;color:#495057;gap:8px}@media (min-width: 768px){.lab-pagination-controls{margin-top:24px;padding:12px 0;font-size:.9em;gap:10px}}.lab-pagination-info{text-align:center;margin-bottom:8px}@media (min-width: 768px){.lab-pagination-info{margin-bottom:10px}}.lab-pagination-info strong{font-weight:600;color:#212529}.lab-pagination-buttons{display:flex;align-items:center;gap:6px}@media (min-width: 768px){.lab-pagination-buttons{gap:8px}}.lab-pagination-button{padding:5px 8px;border-radius:6px;border:1px solid #ced4da;background-color:#fff;color:#495057;transition:background-color .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center}@media (min-width: 768px){.lab-pagination-button{padding:6px 10px}}.lab-pagination-button:hover:not(:disabled){background-color:#f1f3f5}.lab-pagination-button:disabled{opacity:.6;cursor:not-allowed}.lab-pagination-buttons span{padding:0 6px;font-weight:500}@media (min-width: 768px){.lab-pagination-buttons span{padding:0 8px}}@media (min-width: 640px){.lab-pagination-controls{flex-direction:row;padding:12px 16px;border-top:1px solid #dee2e6}.lab-pagination-info{text-align:left;margin-bottom:0}}.error-text{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:6px;margin-bottom:12px;font-size:.85rem}@media (min-width: 768px){.error-text{padding:12px;margin-bottom:15px;font-size:.9rem}}.loading-text{color:#004085;padding:12px;text-align:center;font-size:.9rem}@media (min-width: 768px){.loading-text{padding:15px;font-size:1rem}}.no-data-message{color:#6c757d;padding:16px;text-align:center;background-color:#f8f9fa;border:1px dashed #dee2e6;border-radius:6px;font-size:.9rem}@media (min-width: 768px){.no-data-message{padding:20px;font-size:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90%;max-height:90%;overflow-y:auto;position:relative;display:flex;flex-direction:column}.lab-order-modal{width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;padding-bottom:15px;margin-bottom:20px}.modal-title{font-size:1.5em;font-weight:600;color:#343a40;margin:0}.modal-close-button{background:none;border:none;cursor:pointer;color:#6c757d;padding:5px;border-radius:4px;transition:color .2s ease,background-color .2s ease}.modal-close-button:hover{color:#343a40;background-color:#f1f1f1}.modal-body{flex-grow:1;padding-bottom:20px}.modal-footer{border-top:1px solid #e0e0e0;padding-top:15px;margin-top:20px;display:flex;justify-content:flex-end;gap:10px}@media (prefers-color-scheme: dark){.lab-inventory-container{background-color:#0f172a;color:#e2e8f0}.lab-inventory-header{color:#f1f5f9;border-bottom-color:#334155}.lab-inventory-card,.lab-orders-view,.lab-order-card{background-color:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #00000026;color:#cbd5e1}.lab-inventory-card .lab-inventory-header,.lab-orders-title{color:#f8fafc;border-bottom-color:#334155}.lab-card-header{border-bottom-color:#334155}.lab-inventory-input,.lab-inventory-select,.lab-orders-search-input{background-color:#0f172a;border-color:#475569;color:#f1f5f9}.lab-inventory-input:focus,.lab-inventory-select:focus,.lab-orders-search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf84d}.lab-inventory-input::-moz-placeholder{color:#64748b}.lab-inventory-input::placeholder{color:#64748b}.lab-orders-search-icon{color:#94a3b8}.lab-inventory-form-group label{color:#cbd5e1}.lab-inventory-table th{background-color:#334155;color:#f8fafc;border-color:#475569}.lab-inventory-table td{border-color:#334155;color:#cbd5e1}.lab-inventory-table tr:nth-child(2n){background-color:#1e293b}.lab-inventory-table tr:nth-child(odd){background-color:#1e293b}.lab-inventory-table tr:nth-child(2n){background-color:#ffffff08}.lab-inventory-table tr:hover{background-color:#334155}.lab-table-patient-token{color:#94a3b8}.price-text{color:#38bdf8;font-weight:500}.highlight-box{background-color:#33415580;color:#e2e8f0;border:1px solid #475569}.highlight-low-stock{background-color:#ef444433;color:#fca5a5;border-color:#ef444466}.highlight-near-expiry{background-color:#eab30833;color:#fde047;border-color:#eab30866}.highlight-expired{background-color:#ef444440;color:#fca5a5;border-color:#ef444480}.lab-inventory-button{background-color:#0284c7;color:#fff}.lab-inventory-button:hover{background-color:#0369a1}.lab-inventory-button-secondary{background-color:#475569;color:#f8fafc}.lab-inventory-button-secondary:hover{background-color:#334155}.lab-inventory-button-danger{background-color:#be123c;color:#fff;border-color:#be123c}.lab-inventory-button-danger:hover{background-color:#9f1239}.lab-action-button{color:#e2e8f0;border-color:transparent}.lab-action-button:hover:not(:disabled){background-color:#334155;border-color:#475569;color:#fff}.lab-inventory-link{color:#38bdf8!important}.lab-inventory-link:hover{text-decoration:underline}.status-badge{border:1px solid transparent}.status-pending{background-color:#eab30833;color:#fde047;border-color:#eab3084d}.status-billed{background-color:#f43f5e33;color:#fda4af;border-color:#f43f5e4d}.status-collected{background-color:#f9731633;color:#fdba74;border-color:#f973164d}.status-processing{background-color:#3b82f633;color:#93c5fd;border-color:#3b82f64d}.status-report_ready{background-color:#06b6d433;color:#67e8f9;border-color:#06b6d44d}.status-completed{background-color:#22c55e33;color:#86efac;border-color:#22c55e4d}.status-cancelled{background-color:#64748b33;color:#cbd5e1;border-color:#64748b4d;text-decoration:line-through}.lab-pagination-controls{border-top-color:#334155;color:#94a3b8}.lab-pagination-info strong{color:#e2e8f0}.lab-pagination-button{background-color:#1e293b;border-color:#475569;color:#cbd5e1}.lab-pagination-button:hover:not(:disabled){background-color:#334155;color:#fff}.modal-overlay{background-color:#000000b3}.modal-content{background-color:#1e293b;color:#e2e8f0;box-shadow:0 10px 25px -5px #00000080;border:1px solid #334155}.modal-header,.modal-footer{border-color:#334155}.modal-title{color:#f1f5f9}.modal-close-button{color:#94a3b8}.modal-close-button:hover{background-color:#334155;color:#f1f5f9}.error-text{background-color:#7f1d1d33;color:#fca5a5;border-color:#7f1d1d80}.loading-text{color:#7dd3fc}.no-data-message{background-color:#1e293b;border-color:#334155;color:#94a3b8}.lab-card-patient-name{color:#f1f5f9}.lab-card-patient-token,.lab-card-date{color:#94a3b8}.lab-card-section-title{color:#cbd5e1}.lab-card-test-item{color:#e2e8f0}.lab-card-no-tests{color:#64748b}.lab-card-actions{border-top-color:#334155}}@media (max-width: 767.98px){.hidden.md\:table-cell{display:none!important}}@media (max-width: 480px){.lab-inventory-container{padding:8px}.lab-inventory-header{font-size:1.2em;margin-bottom:10px;padding-bottom:8px}.lab-orders-view{padding:8px;margin-bottom:12px}.lab-orders-header-controls{gap:8px;margin-bottom:12px}.lab-orders-title{font-size:1.1em}.lab-orders-search-input{padding:6px 8px 6px 30px!important;font-size:.8rem!important}.lab-orders-search-icon{left:8px;width:14px;height:14px}.lab-inventory-table{font-size:.8rem}.lab-inventory-table th,.lab-inventory-table td{padding:6px 8px}.lab-inventory-table th{font-size:.7rem}.lab-table-patient-token{font-size:.75em}.lab-action-button{padding:4px 6px;font-size:.75rem;margin:1px}.lab-table-actions{gap:3px}.lab-order-card{padding:10px}.lab-card-header{margin-bottom:8px;padding-bottom:6px}.lab-card-patient-name{font-size:.9rem}.lab-card-patient-token,.lab-card-date{font-size:.75rem}.lab-card-section{margin-bottom:8px}.lab-card-section-title{font-size:.8rem;margin-bottom:3px}.lab-card-test-item{font-size:.8rem;padding:1px 0}.lab-card-no-tests{font-size:.75rem}.lab-card-actions{gap:4px;padding-top:8px;margin-top:8px}.lab-inventory-button{padding:6px 10px;font-size:.85em}.lab-inventory-button svg{margin-right:4px;height:14px;width:14px}.lab-inventory-input,.lab-inventory-select{padding:6px 8px;margin-bottom:10px;font-size:.85rem}.lab-inventory-form-group label{font-size:.8rem}.status-badge{padding:2px 6px;font-size:.7em;min-width:70px;line-height:1.3}.lab-pagination-controls{margin-top:16px;padding:8px 0;font-size:.8em;gap:6px}.lab-pagination-info{margin-bottom:6px}.lab-pagination-buttons{gap:4px}.lab-pagination-button{padding:4px 6px}.lab-pagination-button svg{height:14px;width:14px}.lab-pagination-buttons span{padding:0 4px}.error-text{padding:8px;font-size:.8rem}.loading-text{padding:10px;font-size:.85rem}.no-data-message{padding:12px;font-size:.85rem}}@media (prefers-color-scheme: dark){.lab-inventory-container{background-color:#0f172a;color:#e2e8f0}.lab-inventory-header{color:#f1f5f9;border-bottom-color:#334155}.lab-inventory-card,.lab-orders-view,.lab-order-card{background-color:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #00000026;color:#cbd5e1}.lab-inventory-card .lab-inventory-header,.lab-orders-title{color:#f8fafc;border-bottom-color:#334155}.lab-card-header{border-bottom-color:#334155}.lab-inventory-input,.lab-inventory-select,.lab-orders-search-input{background-color:#0f172a;border-color:#475569;color:#f1f5f9}.lab-inventory-input:focus,.lab-inventory-select:focus,.lab-orders-search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf84d}.lab-inventory-input::-moz-placeholder{color:#64748b}.lab-inventory-input::placeholder{color:#64748b}.lab-orders-search-icon{color:#94a3b8}.lab-inventory-form-group label{color:#cbd5e1}.lab-inventory-table th{background-color:#334155;color:#f8fafc;border-color:#475569}.lab-inventory-table td{border-color:#334155;color:#cbd5e1}.lab-inventory-table tr:nth-child(2n){background-color:#1e293b}.lab-inventory-table tr:nth-child(odd){background-color:#1e293b}.lab-inventory-table tr:hover{background-color:#334155}.lab-table-patient-token{color:#94a3b8}.price-text{color:#38bdf8;font-weight:500}.highlight-box{background-color:#33415580;color:#e2e8f0;border:1px solid #475569}.highlight-low-stock{background-color:#ef444433;color:#fca5a5;border-color:#ef444466}.highlight-near-expiry{background-color:#eab30833;color:#fde047;border-color:#eab30866}.highlight-expired{background-color:#ef444440;color:#fca5a5;border-color:#ef444480}.lab-inventory-button{background-color:#0284c7;color:#fff}.lab-inventory-button:hover{background-color:#0369a1}.lab-inventory-button-secondary{background-color:#475569;color:#f8fafc}.lab-inventory-button-secondary:hover{background-color:#334155}.lab-inventory-button-danger{background-color:#be123c;color:#fff;border-color:#be123c}.lab-inventory-button-danger:hover{background-color:#9f1239}.lab-action-button{color:#e2e8f0;border-color:transparent}.lab-action-button:hover:not(:disabled){background-color:#334155;border-color:#475569;color:#fff}.lab-inventory-link{color:#38bdf8!important}.status-badge{border:1px solid transparent}.status-pending{background-color:#eab30833;color:#fde047;border-color:#eab3084d}.status-billed{background-color:#f43f5e33;color:#fda4af;border-color:#f43f5e4d}.status-collected{background-color:#f9731633;color:#fdba74;border-color:#f973164d}.status-processing{background-color:#3b82f633;color:#93c5fd;border-color:#3b82f64d}.status-report_ready{background-color:#06b6d433;color:#67e8f9;border-color:#06b6d44d}.status-completed{background-color:#22c55e33;color:#86efac;border-color:#22c55e4d}.status-cancelled{background-color:#64748b33;color:#cbd5e1;border-color:#64748b4d}.lab-pagination-controls{border-top-color:#334155;color:#94a3b8}.lab-pagination-info strong{color:#e2e8f0}.lab-pagination-button{background-color:#1e293b;border-color:#475569;color:#cbd5e1}.lab-pagination-button:hover:not(:disabled){background-color:#334155;color:#fff}.modal-overlay{background-color:#000000b3}.modal-content{background-color:#1e293b;color:#e2e8f0;box-shadow:0 10px 25px -5px #00000080;border:1px solid #334155}.modal-header,.modal-footer{border-color:#334155}.modal-title{color:#f1f5f9}.modal-close-button{color:#94a3b8}.modal-close-button:hover{background-color:#334155;color:#f1f5f9}.error-text{background-color:#7f1d1d33;color:#fca5a5;border-color:#7f1d1d80}.loading-text{color:#7dd3fc}.no-data-message{background-color:#1e293b;border-color:#334155;color:#94a3b8}.lab-card-patient-name{color:#f1f5f9}.lab-card-patient-token,.lab-card-date{color:#94a3b8}.lab-card-section-title{color:#cbd5e1}.lab-card-test-item{color:#e2e8f0}.lab-card-no-tests{color:#64748b}.lab-card-actions{border-top-color:#334155}}.dark-mode .lab-inventory-container{background-color:#111827}.dark-mode .lab-inventory-header{color:#e5e7eb;border-bottom-color:#374151}.dark-mode .lab-orders-view{background-color:#1f2937;border-color:#374151}.dark-mode .lab-orders-title{color:#e5e7eb}.dark-mode .lab-orders-search-icon{color:#9ca3af}.dark-mode .lab-inventory-table th{background-color:#374151;color:#e5e7eb;border-color:#4b5563}.dark-mode .lab-inventory-table td{border-color:#374151;color:#e5e7eb}.dark-mode .lab-inventory-table tr:nth-child(2n){background-color:#1f2937}.dark-mode .lab-inventory-table tr:hover{background-color:#374151}.dark-mode .lab-table-patient-token{color:#9ca3af}.dark-mode .lab-action-button{color:#e5e7eb}.dark-mode .lab-action-button:hover:not(:disabled){background-color:#334155;border-color:#475569;color:#fff}.dark-mode .btn-bill{color:#e5e7eb!important;border-color:#3b82f6!important}.dark-mode .btn-collect{color:#e5e7eb!important;border-color:#eab308!important}.dark-mode .btn-process{color:#e5e7eb!important;border-color:#06b6d4!important}.dark-mode .btn-enter-report{color:#e5e7eb!important;border-color:#a855f7!important}.dark-mode .btn-complete{color:#e5e7eb!important;border-color:#22c55e!important}.dark-mode .btn-view-report{color:#e5e7eb!important;border-color:#6b7280!important}.dark-mode .lab-order-card{background-color:#1f2937;border-color:#374151;color:#e5e7eb}.dark-mode .lab-card-header{border-bottom-color:#374151}.dark-mode .lab-card-patient-name{color:#f1f5f9}.dark-mode .lab-card-patient-token,.dark-mode .lab-card-date{color:#94a3b8}.dark-mode .lab-card-section-title{color:#cbd5e1}.dark-mode .lab-card-test-item{color:#e2e8f0}.dark-mode .lab-card-no-tests{color:#64748b}.dark-mode .lab-card-actions{border-top-color:#334155}.dark-mode .lab-inventory-button{background-color:#3b82f6}.dark-mode .lab-inventory-button:hover{background-color:#2563eb}.dark-mode .lab-inventory-button-secondary{background-color:#4b5563}.dark-mode .lab-inventory-button-secondary:hover{background-color:#374151}.dark-mode .lab-inventory-input,.dark-mode .lab-inventory-select{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.dark-mode .lab-inventory-input:focus,.dark-mode .lab-inventory-select:focus{border-color:#3b82f6;box-shadow:0 0 0 .2rem #3b82f64d}.dark-mode .lab-inventory-form-group label{color:#d1d5db}.dark-mode .lab-inventory-card{background-color:#1f2937;border-color:#374151}.dark-mode .status-pending{background-color:#eab30833;color:#fde047;border-color:#eab3084d}.dark-mode .status-billed{background-color:#f43f5e33;color:#fda4af;border-color:#f43f5e4d}.dark-mode .status-collected{background-color:#f9731633;color:#fdba74;border-color:#f973164d}.dark-mode .status-processing{background-color:#3b82f633;color:#93c5fd;border-color:#3b82f64d}.dark-mode .status-report_ready{background-color:#06b6d433;color:#67e8f9;border-color:#06b6d44d}.dark-mode .status-completed{background-color:#22c55e33;color:#86efac;border-color:#22c55e4d}.dark-mode .status-cancelled{background-color:#64748b33;color:#cbd5e1;border-color:#64748b4d}.dark-mode .lab-pagination-controls{border-top-color:#334155;color:#94a3b8}.dark-mode .lab-pagination-info strong{color:#e2e8f0}.dark-mode .lab-pagination-button{background-color:#1e293b;border-color:#475569;color:#cbd5e1}.dark-mode .lab-pagination-button:hover:not(:disabled){background-color:#334155;color:#fff}.dark-mode .modal-content{background-color:#1e293b;color:#e2e8f0;border-color:#334155}.dark-mode .modal-header,.dark-mode .modal-footer{border-color:#334155}.dark-mode .modal-title{color:#f1f5f9}.dark-mode .modal-close-button{color:#94a3b8}.dark-mode .modal-close-button:hover{background-color:#334155;color:#f1f5f9}.dark-mode .error-text{background-color:#7f1d1d33;color:#fca5a5;border-color:#7f1d1d80}.dark-mode .loading-text{color:#7dd3fc}.dark-mode .no-data-message{background-color:#1e293b;border-color:#334155;color:#94a3b8}.admin-panel-container{background:linear-gradient(135deg,#f8fffd,#f5fdfb,#f0fbf9,#f7fdf9,#fcfffc);background-attachment:fixed;padding:12px;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hidden-button{display:none!important}@media (max-width: 767px){.admin-panel-container{padding:6px}}.admin-nav-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:10px;margin-bottom:15px;border-bottom:2px solid #e0e0e0}@media (max-width: 767px){.is-home .admin-nav-bar{display:none}}.admin-nav-button{padding:8px 12px;border-radius:8px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(to bottom,#fff,#f9fafb);color:#374151!important;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;font-size:.9rem;white-space:nowrap;flex:1 1 auto;min-width:80px;margin-bottom:4px}.admin-nav-button:hover{background:linear-gradient(to bottom,#f9fafb,#f3f4f6);color:#111827!important;border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.admin-nav-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.admin-nav-button.active{background-color:#007bff;color:#fff!important;border-color:#007bff;box-shadow:0 2px 5px #007bff33}.admin-nav-button svg{width:18px;height:18px}.admin-actions-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.admin-action-button{padding:10px 18px;border-radius:6px;font-weight:500;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;gap:8px;color:#fff;border:none;box-shadow:0 2px 4px #0000001a}.admin-action-button:hover{opacity:.9;box-shadow:0 3px 6px #00000026}.admin-action-button.add-patient{background-color:#28a745}.admin-action-button.all-patients{background-color:#00a99d}.admin-action-button.newtons-ai{background-color:#6f42c1}.admin-action-button:disabled{background-color:#6c757d;opacity:.7;cursor:not-allowed}.admin-action-button .button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-content-section{background-color:#fff;padding:0;border-radius:8px;box-shadow:0 2px 10px #00000014;margin-bottom:20px}.admin-panel-welcome{display:flex;align-items:center;justify-content:center;min-height:300px;padding:40px}.welcome-message{text-align:center;color:#64748b}.welcome-message h2{font-size:1.5rem;color:#374151;margin-bottom:12px;font-weight:600}.welcome-message p{font-size:1rem;color:#94a3b8;max-width:400px}@media (prefers-color-scheme: dark){.welcome-message h2{color:#f1f5f9}.welcome-message p{color:#64748b}}.admin-content-section h2{font-size:1.5rem;color:#333;margin-bottom:15px;padding:15px 15px 10px;border-bottom:1px solid #eee}.clinic-settings-section{background-color:#fff;padding:0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:20px}@media (max-width: 767px){.admin-panel-container{padding:6px}.admin-content-section,.clinic-settings-section{padding:10px}.admin-content-section h2{padding:10px;font-size:1.3rem}}.alert-box{padding:12px 18px;border-radius:6px;font-size:.95rem;display:flex;align-items:center;gap:10px;box-shadow:0 2px 8px #00000026}.alert-box-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-box-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-box-icon svg{width:20px;height:20px}.alert-box-close{background:transparent;border:none;color:inherit;opacity:.7;transition:opacity .2s}.alert-box-close:hover{opacity:1}.loading-animation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.breathing-ball{width:40px;height:40px;background-color:#007bff;border-radius:50%;animation:breathing 2s ease-in-out infinite}@keyframes breathing{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1);opacity:1}}@media (prefers-color-scheme: dark){.admin-panel-container{background:#111827;color:#e5e7eb}.admin-nav-bar{border-bottom:2px solid #374151}.admin-nav-button{background:#1f2937;color:#d1d5db;border:1px solid #4b5563;box-shadow:0 1px 3px #0003}.admin-nav-button:hover{background:#374151;color:#f3f4f6;border-color:#6b7280}.admin-nav-button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 2px 5px #3b82f64d}.admin-content-section{background-color:#1f2937;box-shadow:0 2px 10px #0000004d}.admin-content-section h2{color:#f3f4f6;border-bottom:1px solid #4b5563}.clinic-settings-section{background-color:#1f2937;box-shadow:0 4px 12px #0000004d}.alert-box-success{background-color:#052e16;color:#a7f3d0;border:1px solid #15803d}.alert-box-error{background-color:#450a0a;color:#fecaca;border:1px solid #b91c1c}.breathing-ball{background-color:#3b82f6}}.command-bar-inline{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid #e2e8f0}.command-bar-input-section{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(255,255,255,.1)}.command-bar-input-wrapper{display:flex;align-items:center;background:#fffffff2;border-radius:12px;padding:12px 16px;gap:12px;box-shadow:0 4px 12px #00000026}.command-bar-search-icon{color:#64748b;flex-shrink:0}.command-bar-input{flex:1;border:none;background:transparent;font-size:1rem;color:#1e293b;outline:none}.command-bar-input::-moz-placeholder{color:#94a3b8}.command-bar-input::placeholder{color:#94a3b8}.command-bar-input:disabled{opacity:.7}.command-bar-mic-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.command-bar-mic-button:hover{transform:scale(1.05);box-shadow:0 2px 8px #667eea66}.command-bar-content{padding:16px 20px;max-height:400px;overflow-y:auto}.command-bar-section{margin-bottom:20px}.command-bar-section:last-child{margin-bottom:0}.command-bar-section-title{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.command-bar-recent-list{display:flex;flex-wrap:wrap;gap:8px}.command-bar-recent-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:20px;cursor:pointer;transition:all .2s;border:1px solid transparent}.command-bar-recent-pill:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.command-bar-recent-name{font-weight:600;color:#1e293b;font-size:.9rem}.command-bar-recent-token{color:#0ea5e9;font-size:.8rem;font-weight:500}.command-bar-recent-info{color:#64748b;font-size:.8rem}.command-bar-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.command-bar-example-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.command-bar-example-card:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#a78bfa;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.command-bar-example-icon{font-size:1.2rem}.command-bar-example-text{font-size:.9rem;color:#334155;font-weight:500}.command-bar-processing{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.9rem}.command-bar-spinner{animation:spin 1s linear infinite}.command-bar-results-list{display:flex;flex-direction:column;gap:6px}.command-bar-result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.command-bar-result-item:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc;transform:translate(4px)}.command-bar-result-token{color:#0ea5e9;font-weight:600;font-size:.85rem;margin-right:8px}.command-bar-result-name{font-weight:600;color:#1e293b}.command-bar-result-details{color:#64748b;font-size:.85rem}.command-bar-no-results{text-align:center;padding:16px;color:#64748b;background:#f1f5f9;border-radius:10px}.command-bar-no-results strong{color:#667eea}.command-bar-chat-section{border-top:1px solid #e2e8f0;background:#fafbfc}.command-bar-chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;cursor:pointer;background:linear-gradient(135deg,#f8fafc,#f1f5f9);transition:background .2s}.command-bar-chat-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.command-bar-chat-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#667eea;font-size:.9rem}.command-bar-chat-messages{padding:16px 20px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.command-bar-chat-bubble{padding:12px 16px;border-radius:12px;max-width:85%;line-height:1.5;font-size:.9rem}.command-bar-chat-bubble-user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.command-bar-chat-bubble-model{background:#f1f5f9;color:#1e293b;align-self:flex-start;border-bottom-left-radius:4px;border:1px solid #e2e8f0}.command-bar-chat-bubble-model p{margin:0 0 8px}.command-bar-chat-bubble-model p:last-child{margin-bottom:0}.command-bar-chat-bubble-model code{background:#e2e8f0;padding:2px 6px;border-radius:4px;font-size:.85em}.command-bar-chat-bubble-model pre{background:#1e293b;color:#e2e8f0;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.command-bar-chat-bubble-system{background:#fef3c7;color:#92400e;align-self:center;font-size:.85rem;border:1px solid #fcd34d}@media (prefers-color-scheme: dark){.command-bar-inline{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.command-bar-input-wrapper{background:#1e293bf2;box-shadow:0 4px 12px #0000004d}.command-bar-input{color:#f1f5f9}.command-bar-input::-moz-placeholder{color:#64748b}.command-bar-input::placeholder{color:#64748b}.command-bar-search-icon,.command-bar-section-title{color:#94a3b8}.command-bar-recent-pill{background:linear-gradient(135deg,#334155,#1e293b)}.command-bar-recent-pill:hover{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-color:#0ea5e9}.command-bar-recent-name{color:#f1f5f9}.command-bar-example-card{background:#1e293b;border-color:#334155}.command-bar-example-card:hover{background:linear-gradient(135deg,#312e81,#1e293b);border-color:#818cf8}.command-bar-example-text{color:#e2e8f0}.command-bar-result-item{background:#1e293b;border-color:#334155}.command-bar-result-item:hover{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-color:#0ea5e9}.command-bar-result-name{color:#f1f5f9}.command-bar-no-results{background:#1e293b;color:#94a3b8}.command-bar-chat-section{background:#0f172a;border-color:#334155}.command-bar-chat-header{background:linear-gradient(135deg,#1e293b,#0f172a)}.command-bar-chat-header:hover{background:linear-gradient(135deg,#334155,#1e293b)}.command-bar-chat-bubble-model{background:#334155;color:#f1f5f9;border-color:#475569}.command-bar-chat-bubble-model code{background:#1e293b}.command-bar-chat-bubble-system{background:#422006;color:#fcd34d;border-color:#713f12}}.dark-mode .admin-panel-container{background-color:#111827;color:#e5e7eb}.dark-mode .admin-nav-bar{border-bottom:2px solid #374151}.dark-mode .admin-nav-button{background:#1f2937;color:#d1d5db!important;border:1px solid #4b5563;box-shadow:0 1px 3px #0003}.dark-mode .admin-nav-button:hover{background:#374151;color:#f3f4f6!important;border-color:#6b7280}.dark-mode .admin-nav-button.active{background-color:#3b82f6;color:#fff!important;border-color:#3b82f6;box-shadow:0 2px 5px #3b82f64d}.dark-mode .admin-content-section{background-color:#1f2937;box-shadow:0 2px 10px #0000004d}.dark-mode .admin-content-section h2{color:#f3f4f6;border-bottom:1px solid #4b5563}.dark-mode .clinic-settings-section{background-color:#1f2937;box-shadow:0 4px 12px #0000004d}.dark-mode .alert-box-success{background-color:#052e16;color:#a7f3d0;border:1px solid #15803d}.dark-mode .alert-box-error{background-color:#450a0a;color:#fecaca;border:1px solid #b91c1c}.dark-mode .breathing-ball{background-color:#3b82f6}.dark-mode .command-bar-inline{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.dark-mode .command-bar-input-wrapper{background:#1e293bf2;box-shadow:0 4px 12px #0000004d}.dark-mode .command-bar-input{color:#f1f5f9}.dark-mode .command-bar-input::-moz-placeholder{color:#64748b}.dark-mode .command-bar-input::placeholder{color:#64748b}.dark-mode .command-bar-search-icon,.dark-mode .command-bar-section-title{color:#94a3b8}.dark-mode .command-bar-recent-pill{background:linear-gradient(135deg,#334155,#1e293b)}.dark-mode .command-bar-recent-pill:hover{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-color:#0ea5e9}.dark-mode .command-bar-recent-name{color:#f1f5f9}.dark-mode .command-bar-example-card{background:#1e293b;border-color:#334155}.dark-mode .command-bar-example-card:hover{background:linear-gradient(135deg,#312e81,#1e293b);border-color:#818cf8}.dark-mode .command-bar-example-text{color:#e2e8f0}.dark-mode .command-bar-result-item{background:#1e293b;border-color:#334155}.dark-mode .command-bar-result-item:hover{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-color:#0ea5e9}.dark-mode .command-bar-result-name{color:#f1f5f9}.dark-mode .command-bar-no-results{background:#1e293b;color:#94a3b8}.dark-mode .command-bar-chat-section{background:#0f172a;border-color:#334155}.dark-mode .command-bar-chat-header{background:linear-gradient(135deg,#1e293b,#0f172a)}.dark-mode .command-bar-chat-header:hover{background:linear-gradient(135deg,#334155,#1e293b)}.dark-mode .command-bar-chat-bubble-model{background:#334155;color:#f1f5f9;border-color:#475569}.dark-mode .command-bar-chat-bubble-model code{background:#1e293b}.dark-mode .command-bar-chat-bubble-system{background:#422006;color:#fcd34d;border-color:#713f12}:root{--pq-bg-page: #f8fafc;--pq-bg-surface: #ffffff;--pq-bg-surface-hover: #f1f5f9;--pq-bg-input: #ffffff;--pq-text-primary: #0f172a;--pq-text-secondary: #64748b;--pq-text-muted: #94a3b8;--pq-border: #e2e8f0;--pq-border-subtle: #f1f5f9;--pq-accent: #6366f1;--pq-accent-hover: #4f46e5;--pq-accent-text: #ffffff;--pq-status-pending: #f59e0b;--pq-status-billed: #06b6d4;--pq-status-dispensed: #10b981;--pq-status-cancelled: #ef4444;--pq-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--pq-shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}body.dark-mode{--pq-bg-page: #0f172a;--pq-bg-surface: #1e293b;--pq-bg-surface-hover: #334155;--pq-bg-input: #1e293b;--pq-text-primary: #f8fafc;--pq-text-secondary: #cbd5e1;--pq-text-muted: #64748b;--pq-border: #334155;--pq-border-subtle: #1e293b;--pq-accent: #818cf8;--pq-accent-hover: #6366f1;--pq-accent-text: #ffffff;--pq-shadow: 0 1px 3px 0 rgb(0 0 0 / .5);--pq-shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .5)}.pq-container *{box-sizing:border-box}.pq-container ::-webkit-scrollbar{width:8px;height:8px}.pq-container ::-webkit-scrollbar-track{background:transparent}.pq-container ::-webkit-scrollbar-thumb{background-color:var(--pq-border);border-radius:4px}.pq-container ::-webkit-scrollbar-thumb:hover{background-color:var(--pq-text-muted)}.pq-container{background-color:var(--pq-bg-page);color:var(--pq-text-primary);min-height:100vh;padding:.5rem;font-family:Inter,sans-serif;transition:background-color .2s,color .2s}.pq-card{background-color:var(--pq-bg-surface);border:1px solid var(--pq-border);border-radius:.5rem;box-shadow:var(--pq-shadow);display:flex;flex-direction:column;overflow:hidden}.pq-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;padding:.5rem;background-color:var(--pq-bg-surface);border:1px solid var(--pq-border);border-radius:.5rem;box-shadow:var(--pq-shadow-lg)}.pq-nav-actions{display:flex;gap:.5rem;flex-wrap:wrap}.pq-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;border-radius:.375rem;border:1px solid var(--pq-border);background-color:var(--pq-bg-surface);color:var(--pq-text-secondary);cursor:pointer;transition:all .2s}.pq-btn:hover{background-color:var(--pq-bg-surface-hover);color:var(--pq-accent);border-color:var(--pq-accent);transform:translateY(-1px)}.pq-btn svg{width:1rem;height:1rem}.pq-search-wrap{position:relative;flex-grow:1;max-width:320px}.pq-search-input{width:100%;height:2rem;padding:0 .75rem 0 2rem;border-radius:.375rem;border:1px solid var(--pq-border);background-color:var(--pq-bg-input);color:var(--pq-text-primary);font-size:.85rem;transition:border-color .2s,box-shadow .2s}.pq-search-input:focus{outline:none;border-color:var(--pq-accent);box-shadow:0 0 0 2px #6366f133}.pq-search-input::-moz-placeholder{color:var(--pq-text-muted)}.pq-search-input::placeholder{color:var(--pq-text-muted)}.pq-search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--pq-text-muted);pointer-events:none}.pq-table-wrapper{overflow-x:auto;width:100%}.pq-table{width:100%;border-collapse:collapse;font-size:.8125rem;white-space:nowrap}.pq-table th{text-align:left;padding:.6rem .75rem;background-color:var(--pq-bg-surface-hover);color:var(--pq-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;border-bottom:1px solid var(--pq-border)}.pq-table td{padding:.6rem .75rem;border-bottom:1px solid var(--pq-border);color:var(--pq-text-primary);vertical-align:middle}.pq-row{cursor:pointer;transition:background-color .1s}.pq-row:hover{background-color:var(--pq-bg-surface-hover)}.pq-text-bold{font-weight:600}.pq-text-mono{font-family:monospace}.pq-text-sm{font-size:.75rem;color:var(--pq-text-secondary)}.pq-pill{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#fff;min-width:65px;justify-content:center}.pq-pill.pending{background-color:var(--pq-status-pending)}.pq-pill.billed{background-color:var(--pq-status-billed)}.pq-pill.dispensed{background-color:var(--pq-status-dispensed)}.pq-pill.cancelled{background-color:var(--pq-status-cancelled)}.pq-actions{display:flex;gap:.25rem}.pq-action-btn{border:none;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:opacity .2s}.pq-action-btn:hover{opacity:.9}.pq-btn-edit{background:radial-gradient(circle at top left,#60a5fa,#3b82f6)}.pq-btn-bill{background:radial-gradient(circle at top left,#34d399,#10b981)}.pq-btn-dispense{background:radial-gradient(circle at top left,#22d3ee,#06b6d4)}.pq-btn-cancel{background:radial-gradient(circle at top left,#f87171,#ef4444)}.pq-btn-details{background-color:var(--pq-text-secondary)}.pq-nested-table-wrap{background-color:var(--pq-bg-page);border-radius:4px;padding:.25rem;border:1px solid var(--pq-border)}.pq-nested-table{width:100%;font-size:.75rem}.pq-nested-table td{padding:2px 4px;border:none;color:var(--pq-text-primary)}.pq-nested-table th{padding:2px 4px;border:none;color:var(--pq-text-secondary);font-size:.65rem;background:transparent}.pq-markdown{margin-top:.5rem}.pq-markdown p{margin:0}.pq-markdown table{width:100%;border-collapse:collapse;margin-top:.25rem;font-size:.75rem}.pq-markdown th{text-align:left;padding:.25rem .5rem;background-color:var(--pq-bg-surface-hover);color:var(--pq-text-secondary);border:1px solid var(--pq-border)}.pq-markdown td{padding:.25rem .5rem;color:var(--pq-text-primary);border:1px solid var(--pq-border)}.pq-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--pq-border);margin-top:.5rem}.pq-pagination-btn{background:var(--pq-bg-surface);border:1px solid var(--pq-border);color:var(--pq-text-secondary);padding:.25rem .5rem;border-radius:.25rem;cursor:pointer}.pq-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pq-pagination-btn:hover:not(:disabled){border-color:var(--pq-accent);color:var(--pq-accent)}.pq-page-info{font-size:.8rem;color:var(--pq-text-secondary)}.pq-card-list{display:none;flex-direction:column;gap:.5rem}@media (max-width: 768px){.pq-table-wrapper{display:none}.pq-card-list{display:flex}.pq-header{flex-direction:column;align-items:stretch}.pq-search-wrap{max-width:100%}.pq-nav-actions{justify-content:space-between}.pq-btn{flex:1;justify-content:center}.pq-mobile-card{background-color:var(--pq-bg-surface);border:1px solid var(--pq-border);border-radius:.5rem;padding:.75rem;box-shadow:var(--pq-shadow)}.pq-card-header{display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--pq-border)}}.pharmacy-inventory-page{padding:0;background-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary, #1e293b)}.inventory-header-controls{margin-bottom:.5rem}.inventory-actions-group{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 1024px){.inventory-actions-group{flex-direction:row;justify-content:space-between;align-items:center}}.action-button-outline{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background-color:transparent;border:1px solid var(--primary-color, #6366f1);border-radius:.375rem;font-size:.75rem;font-weight:600;color:var(--primary-color, #6366f1);cursor:pointer;transition:all .2s ease}.action-button-outline:hover{background-color:var(--primary-color-10, #eef2ff);transform:translateY(-1px);box-shadow:0 2px 6px #6366f133}.action-button-outline.add-drug-button{background:linear-gradient(135deg,#10b9811a,#05966926);border-color:#10b981;color:#059669}.action-button-outline.add-drug-button:hover{background:linear-gradient(135deg,#10b98133,#05966940);box-shadow:0 2px 8px #10b98140}.action-button-outline.delete-button-outline{border-color:#ef4444;color:#ef4444}.action-button-outline.delete-button-outline:hover{background-color:#fef2f2;box-shadow:0 2px 6px #ef444433}.action-button-outline.delete-button-outline:disabled{border-color:#9ca3af;color:#9ca3af;cursor:not-allowed;background-color:transparent;box-shadow:none;transform:none}.action-button-outline.delete-all-button-outline{border-color:#dc2626;color:#dc2626;background-color:#fef2f2}.action-button-outline.delete-all-button-outline:hover{background-color:#fee2e2}.view-mode-toggle{display:flex;border:1px solid var(--border-color, #d1d5db);border-radius:6px;overflow:hidden}.view-mode-btn{padding:6px 12px;background:var(--input-bg, #fff);color:var(--text-secondary, #666);border:none;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;transition:all .2s ease}.view-mode-btn:first-child{border-right:1px solid var(--border-color, #d1d5db)}.view-mode-btn.active{background:var(--primary-color-10, #e3f2fd);color:var(--primary-color, #1976d2)}.view-mode-btn:hover:not(.active){background:var(--hover-bg, #f1f5f9)}[data-theme=dark] .view-mode-toggle{border-color:#475569}[data-theme=dark] .view-mode-btn{background:#1e293b;color:#94a3b8}[data-theme=dark] .view-mode-btn:first-child{border-right-color:#475569}[data-theme=dark] .view-mode-btn.active{background:#818cf826;color:#a5b4fc}[data-theme=dark] .view-mode-btn:hover:not(.active){background:#334155;color:#e2e8f0}.search-bar-container{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.search-input-wrapper{position:relative;flex-grow:1}.inventory-search-input{width:100%;padding:.4rem .625rem .4rem 2rem;border:1px solid var(--border-color, #d1d5db);border-radius:.375rem;font-size:.8125rem;background-color:var(--input-bg, #fff);color:var(--text-primary, #1e293b);transition:all .2s ease}.inventory-search-input:focus{outline:none;border-color:var(--primary-color, #6366f1);box-shadow:0 0 0 3px var(--primary-color-20, rgba(99, 102, 241, .15))}.search-input-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--text-secondary, #94a3b8);width:14px;height:14px}.inventory-filter-select{padding:.4rem .625rem;border:1px solid var(--border-color, #d1d5db);border-radius:.375rem;background-color:var(--input-bg, #fff);color:var(--text-primary, #334155);font-size:.8125rem;cursor:pointer}.inventory-table-container{width:100%;overflow-x:auto;border-radius:.5rem;box-shadow:0 1px 3px #00000014}.inventory-table{width:100%;border-collapse:collapse;font-size:.75rem}.inventory-table thead th{padding:.5rem .625rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.625rem;letter-spacing:.04em;color:var(--text-secondary, #64748b);border-bottom:2px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #f8fafc);white-space:nowrap}.inventory-table th.text-price,.inventory-table td.text-price,.inventory-table th.text-cost,.inventory-table td.text-cost,.inventory-table th.mrp-header,.inventory-table th.rate-header,.inventory-table th.discount-header,.inventory-table td:nth-child(10),.inventory-table th.margin-header,.inventory-table td:nth-child(11){text-align:right}.inventory-table tbody tr{border-bottom:1px solid var(--border-color, #f1f5f9);transition:background-color .15s ease}.inventory-table tbody tr:hover{background-color:var(--hover-bg, #f8fafc)}.inventory-table td{padding:.4rem .625rem;vertical-align:middle;color:var(--text-primary, #334155);font-size:.75rem}.text-muted{color:var(--text-secondary, #64748b);font-size:.6875rem}.text-stock{text-align:right;font-weight:600}.text-stock .loose-quantity{font-size:.625rem;color:var(--text-secondary, #64748b)}.text-stock.low-stock{color:#ef4444}.text-stock.low-stock .loose-quantity{color:#fca5a5}.actions-buttons-group{display:flex;gap:.25rem;justify-content:center}.action-icon-button{padding:.25rem;border-radius:.25rem;color:var(--text-secondary, #64748b);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-icon-button:hover{background-color:var(--hover-bg, #f1f5f9);color:var(--primary-color, #6366f1);transform:translateY(-1px)}.action-icon-button.delete-button:hover{color:#ef4444;background-color:#fef2f2}.pagination-controls{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;padding:.5rem}.pagination-button{padding:.375rem .625rem;background-color:var(--bg-secondary, #fff);border:1px solid var(--border-color, #d1d5db);border-radius:.375rem;color:var(--text-primary, #334155);font-size:.75rem;cursor:pointer;transition:all .2s}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button:not(:disabled):hover{background-color:var(--hover-bg, #f1f5f9);border-color:var(--border-color-hover, #94a3b8)}.dark-mode .pharmacy-inventory-page,[data-theme=dark] .pharmacy-inventory-page{--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--background-color: #0f172a;--card-bg: #1e293b;--card-bg-elevated: #334155;--input-bg: #1e293b;--border-color: #334155;--border-color-subtle: #475569;--hover-bg: #334155;--bg-secondary: #0f172a;--primary-color: #818cf8;--primary-color-hover: #a5b4fc;--primary-color-10: rgba(129, 140, 248, .1);--primary-color-20: rgba(129, 140, 248, .2);--success-color: #34d399;--success-bg: rgba(52, 211, 153, .1);--danger-color: #f87171;--danger-bg: rgba(248, 113, 113, .1);--warning-color: #fbbf24;--warning-bg: rgba(251, 191, 36, .1)}.dark-mode .pharmacy-inventory-page{background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--text-primary)}.dark-mode .inventory-header-controls{background:transparent}.dark-mode .inventory-search-input{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;color:#f1f5f9;box-shadow:0 2px 8px #0000004d,inset 0 1px 2px #0003}.dark-mode .inventory-search-input::-moz-placeholder{color:#64748b}.dark-mode .inventory-search-input::placeholder{color:#64748b}.dark-mode .inventory-search-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833,0 4px 12px #0006;background:#334155}.dark-mode .search-input-icon{color:#64748b}.dark-mode .inventory-filter-select{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;color:#f1f5f9;box-shadow:0 2px 8px #0000004d}.dark-mode .inventory-filter-select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.dark-mode .inventory-filter-select option{background-color:#1e293b;color:#f1f5f9}.dark-mode .action-button-outline{background:#818cf80d;border:1px solid #818cf8;color:#a5b4fc;box-shadow:0 2px 4px #0003;transition:all .2s cubic-bezier(.4,0,.2,1)}.dark-mode .action-button-outline:hover{background:linear-gradient(135deg,#818cf826,#818cf840);border-color:#a5b4fc;box-shadow:0 4px 12px #818cf84d;transform:translateY(-1px)}.dark-mode .action-button-outline.add-drug-button{background:#34d39914;border-color:#34d399;color:#6ee7b7}.dark-mode .action-button-outline.add-drug-button:hover{background:linear-gradient(135deg,#34d39926,#34d39940);border-color:#6ee7b7;box-shadow:0 4px 12px #34d3994d}.dark-mode .action-button-outline.delete-button-outline{background:#f8717114;border-color:#f87171;color:#fca5a5}.dark-mode .action-button-outline.delete-button-outline:hover:not(:disabled){background:linear-gradient(135deg,#f8717126,#f8717140);border-color:#fca5a5;box-shadow:0 4px 12px #f871714d}.dark-mode .action-button-outline.delete-button-outline:disabled{background:#4755694d;border-color:#475569;color:#64748b;cursor:not-allowed;box-shadow:none}.dark-mode .action-button-outline.delete-all-button-outline{background:#dc26261a;border-color:#dc2626;color:#fca5a5}.dark-mode .action-button-outline.delete-all-button-outline:hover{background:linear-gradient(135deg,#dc262633,#dc26264d);border-color:#f87171;box-shadow:0 4px 12px #dc262666}.dark-mode .inventory-table-container{background:#1e293b;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0006}.dark-mode .inventory-table{background:transparent}.dark-mode .inventory-table thead th{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;border-bottom:2px solid #475569;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.dark-mode .inventory-table tbody tr{background:#1e293b;border-bottom:1px solid #334155;transition:all .2s ease}.dark-mode .inventory-table td{color:#e2e8f0;border-bottom:1px solid #334155}.dark-mode .inventory-table .text-muted{color:#94a3b8}.dark-mode .inventory-table .text-stock{color:#e2e8f0;font-weight:600}.dark-mode .inventory-table .text-stock.low-stock{color:#f87171;text-shadow:0 0 10px rgba(248,113,113,.3)}.dark-mode .inventory-table .text-stock.low-stock .loose-quantity{color:#fca5a5}.dark-mode .inventory-table .text-price,.dark-mode .inventory-table .text-cost{color:#6ee7b7;font-weight:500}.dark-mode .inventory-table input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #475569;border-radius:4px;background:#1e293b;cursor:pointer;transition:all .2s ease;position:relative}.dark-mode .inventory-table input[type=checkbox]:checked{background:linear-gradient(135deg,#818cf8,#6366f1);border-color:#818cf8}.dark-mode .inventory-table input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.dark-mode .inventory-table input[type=checkbox]:hover{border-color:#818cf8;box-shadow:0 0 8px #818cf84d}.dark-mode .action-icon-button{background:#818cf81a;border:1px solid transparent;color:#a5b4fc;padding:8px;border-radius:8px;transition:all .2s ease}.dark-mode .action-icon-button:hover{background:linear-gradient(135deg,#818cf833,#818cf84d);color:#c7d2fe;border-color:#818cf84d;box-shadow:0 4px 12px #818cf840;transform:translateY(-2px)}.dark-mode .action-icon-button.delete-button{color:#f87171;background:#f871711a}.dark-mode .action-icon-button.delete-button:hover{background:linear-gradient(135deg,#f8717133,#f871714d);color:#fca5a5;box-shadow:0 4px 12px #f871714d}.dark-mode .action-icon-button.adjust-stock-button{color:#fbbf24;background:#fbbf241a}.dark-mode .action-icon-button.adjust-stock-button:hover{background:linear-gradient(135deg,#fbbf2433,#fbbf244d);color:#fcd34d;box-shadow:0 4px 12px #fbbf244d}.dark-mode .action-icon-button.convert-to-loose-button{color:#22d3ee;background:#22d3ee1a}.dark-mode .action-icon-button.convert-to-loose-button:hover:not(:disabled){background:linear-gradient(135deg,#22d3ee33,#22d3ee4d);color:#67e8f9;box-shadow:0 4px 12px #22d3ee4d}.dark-mode .action-icon-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.dark-mode .collapsible-row td{background:linear-gradient(135deg,#0f172a,#1e293b);border-top:1px dashed #475569}.dark-mode .collapsible-content{padding:16px 20px;color:#cbd5e1}.dark-mode .collapsible-content p{margin:8px 0}.dark-mode .collapsible-content strong{color:#f1f5f9}.dark-mode .pagination-controls{background:linear-gradient(135deg,#1e293b,#0f172a);border-top:1px solid #334155}.dark-mode .pagination-button{background:linear-gradient(135deg,#334155,#475569);border:1px solid #475569;color:#e2e8f0;border-radius:8px;padding:10px 18px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0003}.dark-mode .pagination-button:not(:disabled):hover{background:linear-gradient(135deg,#475569,#64748b);border-color:#64748b;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.dark-mode .pagination-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.dark-mode .modal-overlay{background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark-mode .modal-content{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:16px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff0d;color:#f1f5f9}.dark-mode .modal-close-button{color:#94a3b8;background:#94a3b81a;border-radius:8px;padding:8px;transition:all .2s ease}.dark-mode .modal-close-button:hover{color:#f1f5f9;background:#f8717133}.dark-mode .modal-title{color:#f1f5f9;font-weight:700;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .modal-description{color:#cbd5e1;line-height:1.6}.dark-mode .modal-description .drug-name{color:#a5b4fc;font-weight:600}.dark-mode .modal-error-message{background:linear-gradient(135deg,#7f1d1d4d,#b91c1c33);border:1px solid #b91c1c;color:#fca5a5;border-radius:8px;padding:12px 16px}.dark-mode .form-label{color:#e2e8f0;font-weight:500}.dark-mode .form-input{background:linear-gradient(135deg,#0f172a,#1e293b);border:2px solid #475569;color:#f1f5f9;border-radius:8px;padding:12px 14px;transition:all .2s ease;box-shadow:inset 0 2px 4px #0003}.dark-mode .form-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833,inset 0 2px 4px #0003;background:#1e293b}.dark-mode .form-input::-moz-placeholder{color:#64748b}.dark-mode .form-input::placeholder{color:#64748b}.dark-mode .form-help-text{color:#94a3b8;font-size:.85rem}.dark-mode .modal-actions{display:flex;gap:12px;margin-top:20px}.dark-mode .button-cancel{background:linear-gradient(135deg,#475569,#64748b);border:1px solid #64748b;color:#f1f5f9;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s ease}.dark-mode .button-cancel:hover{background:linear-gradient(135deg,#64748b,#94a3b8);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.dark-mode .button-submit{background:linear-gradient(135deg,#818cf8,#6366f1);border:1px solid #818cf8;color:#fff;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #818cf84d}.dark-mode .button-submit:hover{background:linear-gradient(135deg,#a5b4fc,#818cf8);box-shadow:0 6px 20px #818cf866;transform:translateY(-2px)}.dark-mode .button-delete{background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #dc2626;color:#fff;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #dc26264d}.dark-mode .button-delete:hover{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.dark-mode .loading-indicator{color:#94a3b8;background:linear-gradient(135deg,#1e293b,#334155);padding:40px;border-radius:12px;text-align:center}.dark-mode .error-indicator{background:linear-gradient(135deg,#7f1d1d33,#b91c1c26);border:1px solid #b91c1c;color:#fca5a5;padding:20px;border-radius:12px}.dark-mode .no-results-message td{color:#64748b;font-style:italic;padding:40px!important;text-align:center;background:#0f172a80}.dark-mode .loose-quantity{color:#94a3b8}@media (prefers-color-scheme: dark){.inventory-table .text-drug-name{color:#f1f5f9}.inventory-table .text-muted{color:#94a3b8}.inventory-table .action-icon-button{color:#a5b4fc}.inventory-table .action-icon-button:hover{color:#c7d2fe}.modal-overlay{background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569}.modal-close-button{color:#94a3b8}.modal-close-button:hover,.modal-title{color:#f1f5f9}.modal-description{color:#cbd5e1}.modal-error-message{background:#7f1d1d4d;color:#fca5a5;border-color:#b91c1c}.form-label{color:#e2e8f0}.form-input{background:#1e293b;border-color:#475569;color:#f1f5f9}.form-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.form-input::-moz-placeholder{color:#64748b}.form-input::placeholder{color:#64748b}.form-help-text{color:#94a3b8}.button-cancel{background:#475569;border-color:#64748b;color:#f1f5f9}.button-cancel:hover{background:#64748b}.button-submit:focus{box-shadow:0 0 0 3px #818cf866}.loading-indicator{color:#94a3b8}.error-indicator{background:#7f1d1d33;border-color:#b91c1c;color:#fca5a5}.no-results-message td{color:#64748b}.loose-quantity{color:#94a3b8}}.hidden-loose-price{display:none}.loose-quantity{font-size:.75rem;color:#6b7280;margin-top:2px}@media (max-width: 767px){.inventory-header-controls{padding:.75rem!important}.inventory-actions-group{display:grid!important;grid-template-columns:repeat(2,1fr);gap:.5rem!important}.action-group-left,.action-group-right{display:contents!important}.action-button-outline{padding:.5rem .375rem!important;font-size:.6875rem!important;justify-content:center;min-height:40px;white-space:nowrap}.action-button-outline svg{width:14px;height:14px;flex-shrink:0}.inventory-table-container{display:none!important}.inventory-grid-mobile{display:grid!important}.search-bar-container{flex-direction:column!important;padding:.75rem!important;gap:.625rem!important}.search-input-wrapper{max-width:100%!important;width:100%!important}.inventory-search-input{padding:.625rem .75rem .625rem 2.25rem!important;font-size:.875rem!important;min-height:44px}.search-input-icon{width:18px!important;height:18px!important;left:.75rem!important}.filter-dropdown-wrapper{width:100%}.inventory-filter-select{width:100%;padding:.625rem .75rem!important;font-size:.875rem!important;min-height:44px}.pagination-controls{flex-direction:column!important;gap:.75rem!important;padding:.75rem!important}.pagination-button{padding:.625rem 1rem!important;font-size:.8125rem!important;min-height:44px;min-width:100px}}.inventory-grid-mobile{display:none}.inventory-grid-mobile{grid-template-columns:1fr;gap:.625rem;padding:.5rem}.inventory-card{background:var(--card-bg, #fff);border-radius:.625rem;padding:.875rem;box-shadow:0 1px 4px #00000014;border:1px solid var(--border-color, #e2e8f0);transition:all .2s ease}.inventory-card:active{transform:scale(.98);box-shadow:0 1px 2px #0000000d}.inventory-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.625rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.inventory-card-drug-info{flex:1;min-width:0}.inventory-card-drug-name{font-weight:600;font-size:.9375rem;color:var(--text-primary, #1e293b);margin:0;line-height:1.3}.inventory-card-brand-name{font-size:.75rem;color:var(--text-secondary, #64748b);margin-top:.125rem}.inventory-card-checkbox{margin-left:.5rem}.inventory-card-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.inventory-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem .75rem;margin-bottom:.75rem}.inventory-card-field{display:flex;flex-direction:column}.inventory-card-field-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #64748b);margin-bottom:.125rem}.inventory-card-field-value{font-size:.8125rem;color:var(--text-primary, #1e293b);font-weight:500}.inventory-card-field-value.stock-value{font-weight:700}.inventory-card-field-value.stock-low{color:#ef4444}.inventory-card-field-value.price-value{color:#059669;font-weight:600}.inventory-card-loose{font-size:.6875rem;color:var(--text-secondary, #64748b)}.inventory-card-actions{display:flex;gap:.375rem;flex-wrap:wrap;padding-top:.625rem;border-top:1px solid var(--border-color, #e5e7eb)}.inventory-card-action-btn{flex:1;min-width:calc(50% - .25rem);padding:.5rem .375rem;border-radius:.375rem;font-size:.6875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem;transition:all .2s ease;border:none;min-height:36px}.inventory-card-action-btn svg{width:14px;height:14px}.inventory-card-action-btn.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.inventory-card-action-btn.btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.inventory-card-action-btn.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.inventory-card-action-btn.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.inventory-card-action-btn.btn-adjust{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.inventory-card-action-btn.btn-adjust:hover{background:linear-gradient(135deg,#d97706,#b45309)}.inventory-card-action-btn.btn-convert{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.inventory-card-action-btn.btn-convert:hover{background:linear-gradient(135deg,#0891b2,#0e7490)}.inventory-card-action-btn:disabled{opacity:.5;cursor:not-allowed}.inventory-card-expanded{margin-top:.625rem;padding:.625rem;background:var(--bg-secondary, #f8fafc);border-radius:.375rem;font-size:.75rem}.inventory-card-expanded-row{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px dashed var(--border-color, #e2e8f0)}.inventory-card-expanded-row:last-child{border-bottom:none}.inventory-card-expanded-label{color:var(--text-secondary, #64748b);font-weight:500}.inventory-card-expanded-value{color:var(--text-primary, #1e293b);font-weight:600}.inventory-card-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary, #64748b);font-size:.875rem;background:var(--bg-secondary, #f8fafc);border-radius:.5rem;margin:.5rem}@media (max-width: 767px){.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{width:100%!important;max-width:100%!important;max-height:90vh!important;border-radius:1rem 1rem 0 0!important;margin:0!important;padding:1.25rem 1rem 2rem!important;overflow-y:auto}.modal-close-button{padding:.5rem!important;top:.75rem!important;right:.75rem!important}.modal-title{font-size:1.125rem!important;margin-bottom:.75rem!important;padding-right:2rem}.modal-description{font-size:.875rem!important;line-height:1.5!important}.form-label{font-size:.875rem!important;margin-bottom:.375rem!important}.form-input{padding:.75rem!important;font-size:1rem!important;min-height:48px!important}.form-help-text{font-size:.75rem!important;margin-top:.375rem!important}.modal-actions{flex-direction:column!important;gap:.625rem!important;margin-top:1rem!important}.modal-actions button{width:100%!important;padding:.875rem!important;font-size:.9375rem!important;min-height:48px!important}.button-cancel{order:2}.button-submit,.button-delete{order:1}}.dark-mode .inventory-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569;box-shadow:0 2px 8px #0000004d}.dark-mode .inventory-card:active{box-shadow:0 1px 4px #0003}.dark-mode .inventory-card-header{border-bottom-color:#475569}.dark-mode .inventory-card-drug-name{color:#f1f5f9}.dark-mode .inventory-card-brand-name,.dark-mode .inventory-card-field-label{color:#94a3b8}.dark-mode .inventory-card-field-value{color:#e2e8f0}.dark-mode .inventory-card-field-value.stock-low{color:#f87171;text-shadow:0 0 8px rgba(248,113,113,.3)}.dark-mode .inventory-card-field-value.price-value{color:#6ee7b7}.dark-mode .inventory-card-loose{color:#94a3b8}.dark-mode .inventory-card-actions{border-top-color:#475569}.dark-mode .inventory-card-expanded{background:#0f172a80}.dark-mode .inventory-card-expanded-row{border-bottom-color:#475569}.dark-mode .inventory-card-expanded-label{color:#94a3b8}.dark-mode .inventory-card-expanded-value{color:#f1f5f9}.dark-mode .inventory-card-empty{background:#0f172a80;color:#94a3b8}.dark-mode .inventory-card-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #475569;border-radius:4px;background:#1e293b;cursor:pointer;transition:all .2s ease;position:relative}.dark-mode .inventory-card-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,#818cf8,#6366f1);border-color:#818cf8}.dark-mode .inventory-card-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.dark-mode .inventory-card-action-btn.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f64d}.dark-mode .inventory-card-action-btn.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef44444d}.dark-mode .inventory-card-action-btn.btn-adjust{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b4d}.dark-mode .inventory-card-action-btn.btn-convert{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 2px 6px #06b6d44d}@media (prefers-color-scheme: dark){.inventory-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}.inventory-card-header{border-bottom-color:#475569}.inventory-card-drug-name{color:#f1f5f9}.inventory-card-brand-name,.inventory-card-field-label,.inventory-card-loose,.inventory-card-expanded-label{color:#94a3b8}.inventory-card-field-value,.inventory-card-expanded-value{color:#e2e8f0}.inventory-card-actions{border-top-color:#475569}.inventory-card-expanded{background:#0f172a80}.inventory-card-empty{background:#0f172a80;color:#94a3b8}}.edit-drug-form-page{background-color:#f8f9fa;color:#212529;font-family:Inter,sans-serif;min-height:100vh;padding:24px;display:flex;align-items:flex-start}.edit-drug-form-container{background-color:#fff;border:1px solid #dee2e6;border-radius:12px;padding:32px 40px;box-shadow:0 8px 16px #00000014;width:100%;max-width:100%;margin:0 24px}@media (max-width: 767px){.edit-drug-form-page{padding:16px}.edit-drug-form-container{padding:20px;margin:0}.edit-drug-form-header h2{font-size:1.5rem}.edit-drug-form .form-grid{grid-template-columns:1fr}.edit-drug-form .sm-col-span-2{grid-column:span 1 / span 1}.edit-drug-form .form-actions{flex-direction:column}.edit-drug-form .form-button{width:100%}}.edit-drug-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.edit-drug-form-header h2{font-size:1.875rem;font-weight:600;color:#343a40;word-break:break-all}.edit-drug-form-header .cancel-button{color:#6c757d;background:none;border:none;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out,color .2s ease-in-out;flex-shrink:0}.edit-drug-form-header .cancel-button:hover{background-color:#e9ecef;color:#007bff}.edit-drug-form .form-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 640px){.edit-drug-form .form-grid{grid-template-columns:repeat(2,1fr);-moz-column-gap:24px;column-gap:24px}.edit-drug-form .sm-col-span-2{grid-column:span 2 / span 2}}@media (min-width: 1024px){.edit-drug-form .form-grid{grid-template-columns:repeat(3,1fr)}.edit-drug-form .sm-col-span-2{grid-column:span 2 / span 2}.edit-drug-form .others-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.edit-drug-form .others-fields-grid .sm-col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.edit-drug-form-page{padding:24px}.edit-drug-form-container{padding:32px 40px}}.edit-drug-form .form-label{display:block;font-size:.9rem;font-weight:500;color:#495057;margin-bottom:6px}.edit-drug-form .custom-text-input{background-color:#f8f9fa;border:1px solid #ced4da;color:#495057;border-radius:8px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%;font-size:.95rem}.edit-drug-form .custom-text-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none;background-color:#fff}.edit-drug-form .custom-text-input::-moz-placeholder{color:#6c757d}.edit-drug-form .custom-text-input::placeholder{color:#6c757d}.edit-drug-form input[type=date].custom-text-input{color-scheme:light}.edit-drug-form textarea.custom-text-input{min-height:80px}.edit-drug-form .error-message-submit{margin-bottom:16px;padding:12px 16px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;font-size:.9rem}.edit-drug-form .error-message-submit,.edit-drug-form .error-message-submit *{color:#721c24!important}.edit-drug-form .loading-message,.edit-drug-form .error-message-load,.edit-drug-form .not-found-message{padding:24px;text-align:center;font-size:1.1rem;color:#6c757d}.edit-drug-form .error-message-load{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px}.edit-drug-form .form-actions{margin-top:32px;display:flex;justify-content:flex-end;gap:12px}.edit-drug-form .form-button{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;transition:all .2s ease-in-out;box-shadow:0 2px 4px #0000000d;border:1px solid transparent}.edit-drug-form .form-button:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 .2rem #007bff40}.edit-drug-form .form-button:disabled{opacity:.65;cursor:not-allowed}.edit-drug-form .cancel-form-button{background-color:#f8f9fa;color:#495057;border-color:#ced4da}.edit-drug-form .cancel-form-button:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.edit-drug-form .cancel-form-button:focus{box-shadow:0 0 0 .2rem #6c757d80}.edit-drug-form .submit-form-button{background-color:#17a2b8;color:#fff}.edit-drug-form .submit-form-button:hover:not(:disabled){background-color:#117a8b}.edit-drug-form .submit-form-button:focus{box-shadow:0 0 0 .2rem #17a2b880}@media (prefers-color-scheme: dark){.edit-drug-form-page{background-color:#111827;color:#e5e7eb}.edit-drug-form-container{background-color:#1f2937;border-color:#374151;box-shadow:0 8px 16px #00000040}.edit-drug-form-header{border-bottom-color:#374151}.edit-drug-form-header h2{color:#f3f4f6}.edit-drug-form-header .cancel-button{color:#9ca3af}.edit-drug-form-header .cancel-button:hover{background-color:#374151;color:#818cf8}.edit-drug-form .form-label{color:#d1d5db}.edit-drug-form .custom-text-input{background-color:#374151;border-color:#6b7280;color:#e5e7eb}.edit-drug-form .custom-text-input:focus{border-color:#60a5fa;box-shadow:0 0 0 .2rem #60a5fa4d;background-color:#1f2937}.edit-drug-form .custom-text-input::-moz-placeholder{color:#9ca3af}.edit-drug-form .custom-text-input::placeholder{color:#9ca3af}.edit-drug-form input[type=date].custom-text-input{color-scheme:dark}.edit-drug-form .error-message-submit,.edit-drug-form .error-message-submit *{background-color:#7f1d1d;color:#fecaca!important;border-color:#b91c1c}.edit-drug-form .loading-message,.edit-drug-form .not-found-message{color:#9ca3af}.edit-drug-form .error-message-load{background-color:#7f1d1d;color:#fecaca;border-color:#b91c1c}.edit-drug-form .cancel-form-button{background-color:#4b5563;color:#e5e7eb;border-color:#6b7280}.edit-drug-form .cancel-form-button:hover:not(:disabled){background-color:#6b7280;border-color:#9ca3af}.edit-drug-form .cancel-form-button:focus{box-shadow:0 0 0 .2rem #6b728080}.edit-drug-form .submit-form-button{background-color:#0d9488;color:#fff}.edit-drug-form .submit-form-button:hover:not(:disabled){background-color:#0f766e}.edit-drug-form .submit-form-button:focus{box-shadow:0 0 0 .2rem #0d948880}}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:8px;width:256px;background-color:#1f2937;color:#fff;font-size:14px;border-radius:6px;opacity:0;transition:opacity .3s;pointer-events:none}.group:hover .tooltip{opacity:1}.staff-page-container{max-width:800px;margin:1.5rem auto;padding:1.5rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif}.staff-page-container h1,.staff-page-container h2{color:#333;text-align:center;margin-bottom:1rem;font-weight:600}.staff-form{display:flex;flex-direction:column;gap:1rem}.staff-form .form-group{display:flex;flex-direction:column;gap:.25rem}.staff-form label{font-weight:500;color:#555;font-size:.9rem}.staff-form input[type=text],.staff-form input[type=email],.staff-form input[type=password],.staff-form input[type=tel],.staff-form input[type=date],.staff-form select,.staff-form textarea{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;box-sizing:border-box;transition:border-color .3s ease}.staff-form input[type=text]:focus,.staff-form input[type=email]:focus,.staff-form input[type=password]:focus,.staff-form input[type=tel]:focus,.staff-form input[type=date]:focus,.staff-form select:focus,.staff-form textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.staff-form .checkbox-group{display:flex;align-items:center;gap:.5rem}.staff-form .checkbox-group input[type=checkbox]{margin-right:.5rem;width:auto}.staff-form button[type=submit]{padding:.6rem 1.2rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:.95rem;cursor:pointer;transition:background-color .3s ease;align-self:flex-start}.staff-form button[type=submit]:hover{background-color:#0056b3}.staff-table-container{margin-top:1.5rem;overflow-x:auto}.staff-table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 8px #0000000d}.staff-table th,.staff-table td{padding:.5rem .75rem;border:1px solid #e0e0e0;text-align:left;font-size:.9rem}.staff-table th{background-color:#f2f2f2;font-weight:600;color:#333}.staff-table tbody tr:nth-child(2n){background-color:#f9f9f9}.staff-table tbody tr:hover{background-color:#f1f1f1}.staff-table .actions a,.staff-table .actions button{margin-right:.5rem;padding:.3rem .6rem;font-size:.85rem;border-radius:3px;text-decoration:none;cursor:pointer}.staff-table .actions .edit-link{color:#007bff;border:1px solid #007bff}.staff-table .actions .edit-link:hover{background-color:#007bff;color:#fff}.staff-table .actions .delete-button{color:#dc3545;border:1px solid #dc3545;background-color:transparent}.staff-table .actions .delete-button:hover{background-color:#dc3545;color:#fff}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem}.success-message{color:#28a745;font-size:.875rem;margin-top:.25rem}.loading-message{text-align:center;color:#555;font-style:italic}@media (max-width: 768px){.staff-page-container{margin:1rem;padding:1rem}.staff-form input[type=text],.staff-form input[type=email],.staff-form input[type=password],.staff-form input[type=tel],.staff-form input[type=date],.staff-form select,.staff-form textarea{font-size:.9rem;padding:.6rem}.staff-form button[type=submit]{width:100%;font-size:.95rem}.staff-table th,.staff-table td{font-size:.85rem;padding:.5rem .75rem}}@media (prefers-color-scheme: dark){.staff-page-container{background-color:#1f2937;box-shadow:0 4px 12px #0006}.staff-page-container h1,.staff-page-container h2{color:#e5e7eb}.staff-form label{color:#d1d5db}.staff-form input[type=text],.staff-form input[type=email],.staff-form input[type=password],.staff-form input[type=tel],.staff-form input[type=date],.staff-form select,.staff-form textarea{background-color:#374151;border-color:#6b7280;color:#e5e7eb}.staff-form input[type=date]{color-scheme:dark}.staff-form select option{background-color:#374151;color:#e5e7eb}.staff-form input[type=text]:focus,.staff-form input[type=email]:focus,.staff-form input[type=password]:focus,.staff-form input[type=tel]:focus,.staff-form input[type=date]:focus,.staff-form select:focus,.staff-form textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 .2rem #60a5fa4d}.staff-form .checkbox-group input[type=checkbox]{accent-color:#60a5fa}.staff-form .checkbox-group{color:#d1d5db}.staff-form button[type=submit]{background-color:#3b82f6}.staff-form button[type=submit]:hover{background-color:#2563eb}.staff-table{background-color:#1f2937;box-shadow:0 2px 8px #0003}.staff-table th,.staff-table td{border-color:#4b5563}.staff-table th{background-color:#374151;color:#e5e7eb}.staff-table tbody tr:nth-child(2n){background-color:#2c3a4b}.staff-table tbody tr:hover{background-color:#4b5563}.staff-table td{color:#d1d5db}.staff-table .actions .edit-link{color:#818cf8;border-color:#818cf8}.staff-table .actions .edit-link:hover{background-color:#818cf8;color:#1e1b4b}.staff-table .actions .delete-button{color:#f87171;border-color:#f87171}.staff-table .actions .delete-button:hover{background-color:#f87171;color:#7f1d1d}.error-message{color:#fca5a5}.success-message{color:#a7f3d0}.loading-message{color:#9ca3af}}:root{--bc-primary: #007bff;--bc-primary-dark: #0056b3;--bc-primary-light: #eaf5ff;--bc-success: #28a745;--bc-success-dark: #218838;--bc-secondary: #6c757d;--bc-bg: #f4f7f6;--bc-card-bg: #ffffff;--bc-card-border: #e0e0e0;--bc-text-primary: #333333;--bc-text-secondary: #555555;--bc-text-muted: #666666;--bc-table-header-bg: #e0e0e0;--bc-table-row-alt: #f9f9f9;--bc-table-row-hover: #f0f0f0;--bc-input-bg: #fdfdfd;--bc-input-border: #cccccc;--bc-section-bg: #f9f9f9;--bc-border-light: #eeeeee;--bc-error-bg: #f8d7da;--bc-error-text: #721c24;--bc-error-border: #f5c6cb;--bc-shadow: 0 4px 12px rgba(0, 0, 0, .08);--bc-shadow-hover: 0 8px 20px rgba(0, 0, 0, .12);--bc-transition: .2s ease}.pharmacy-billing-page{padding:20px;background-color:var(--bc-bg);min-height:100vh;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--bc-text-primary);transition:background-color var(--bc-transition),color var(--bc-transition)}.billing-container{max-width:100%;margin:0;background-color:var(--bc-card-bg);border-radius:16px;box-shadow:var(--bc-shadow);overflow:hidden;display:flex;flex-direction:column;transition:all var(--bc-transition)}.billing-header{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;background:linear-gradient(135deg,var(--bc-primary) 0%,#0066cc 100%);color:#fff;border-bottom:1px solid var(--bc-card-border)}.billing-header h1{margin:0;font-size:1.6em;font-weight:700;letter-spacing:-.02em}.billing-layout{display:flex;flex-wrap:wrap;gap:20px;padding:25px;background:var(--bc-bg);transition:background-color var(--bc-transition)}.order-details-card,.medications-card,.billing-summary-card{background-color:var(--bc-card-bg);border:1px solid var(--bc-card-border);border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all var(--bc-transition)}.order-details-card:hover,.medications-card:hover,.billing-summary-card:hover{box-shadow:var(--bc-shadow-hover)}.card-header{padding:16px 20px;border-bottom:1px solid var(--bc-card-border);background-color:var(--bc-section-bg);transition:all var(--bc-transition);display:flex;justify-content:space-between;align-items:center}.card-header h2{margin:0;font-size:1.15em;color:var(--bc-primary);display:flex;align-items:center;gap:8px;font-weight:600}.patient-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:20px;background:var(--bc-card-bg);transition:background-color var(--bc-transition)}.info-item{font-size:.95em;color:var(--bc-text-secondary);display:flex;align-items:center;gap:5px;transition:color var(--bc-transition)}.info-item strong{color:var(--bc-text-primary);display:flex;align-items:center;gap:5px}.medications-table{width:100%;border-collapse:collapse;font-size:.95em}.medications-table th,.medications-table td{border-bottom:1px solid var(--bc-card-border);padding:12px 16px;text-align:left;vertical-align:middle;transition:all var(--bc-transition)}.medications-table th{background-color:var(--bc-table-header-bg);font-weight:600;color:var(--bc-text-primary);text-transform:uppercase;font-size:.85em;letter-spacing:.5px}.medications-table tbody tr{transition:background-color var(--bc-transition)}.medications-table tbody tr:nth-child(2n){background-color:var(--bc-table-row-alt)}.medications-table tbody tr:hover{background-color:var(--bc-table-row-hover)}.custom-text-input{width:100%;padding:10px 12px;border:2px solid var(--bc-input-border);border-radius:8px;font-size:.95em;background-color:var(--bc-input-bg);color:var(--bc-text-primary);transition:all var(--bc-transition)}.custom-text-input:focus{border-color:var(--bc-primary);outline:none;box-shadow:0 0 0 3px #007bff26}.custom-select-input{padding:10px 12px;border:2px solid var(--bc-input-border);border-radius:8px;font-size:.95em;background-color:var(--bc-input-bg);color:var(--bc-text-primary);cursor:pointer}.add-item-form{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end;background-color:var(--bc-section-bg)}.form-group{display:flex;flex-direction:column;gap:5px;flex:1;min-width:120px}.form-group label{font-size:.85em;font-weight:600;color:var(--bc-text-secondary)}.add-item-button{background-color:var(--bc-primary);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-weight:600;cursor:pointer;transition:all var(--bc-transition);height:46px}.add-item-button:hover{background-color:var(--bc-primary-dark);transform:translateY(-2px);box-shadow:0 4px 10px #007bff33}.refresh-prices-button{background-color:transparent;color:var(--bc-primary);border:1px solid var(--bc-primary);border-radius:6px;padding:6px 12px;font-size:.8em;display:flex;align-items:center;gap:5px;cursor:pointer;transition:all var(--bc-transition)}.refresh-prices-button:hover:not(:disabled){background-color:var(--bc-primary-light)}.refresh-prices-button:disabled{opacity:.6;cursor:not-allowed}.remove-item-button{background:transparent;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.remove-item-button:hover{background:#dc35451a}.lock-icon{color:var(--bc-text-muted);padding:4px}.discount-input-total{width:60px;padding:6px 8px;border:2px solid var(--bc-input-border);border-radius:6px;text-align:center;background:var(--bc-input-bg);color:var(--bc-text-primary);font-weight:700}.discount-input-total:focus{border-color:var(--bc-primary);outline:none}.billing-summary-card{padding-bottom:20px}.summary-row{display:flex;justify-content:space-between;padding:12px 20px;font-size:.95em;border-bottom:1px dashed var(--bc-border-light);color:var(--bc-text-secondary)}.grand-total-row{font-size:1.25em;font-weight:700;color:var(--bc-primary);padding-top:16px;padding-bottom:16px;background-color:var(--bc-primary-light);border-top:2px solid var(--bc-primary);border-bottom:2px solid var(--bc-primary)}.qr-code-container{display:flex;flex-direction:column;align-items:center;padding:20px;text-align:center;gap:10px;background:var(--bc-card-bg)}.qr-code-container p{font-size:.85em;color:var(--bc-text-muted);margin:0}.payment-mode-section{padding:16px 20px;border-top:1px solid var(--bc-border-light);display:flex;flex-direction:column;gap:10px}.payment-mode-select{width:100%;padding:12px 14px;border:2px solid var(--bc-input-border);border-radius:10px;font-size:1em;background-color:var(--bc-input-bg);color:var(--bc-text-primary);cursor:pointer}.bill-actions{padding:20px;display:flex;flex-direction:column;gap:12px}.primary-button,.secondary-button{padding:14px 24px;border-radius:12px;cursor:pointer;font-size:1em;font-weight:600;transition:all var(--bc-transition);display:flex;align-items:center;justify-content:center;gap:8px;border:none}.primary-button{background:linear-gradient(135deg,var(--bc-success) 0%,#34d058 100%);color:#fff;box-shadow:0 4px 12px #28a7454d}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,var(--bc-success-dark) 0%,var(--bc-success) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.primary-button:disabled{background:#94d3a2;cursor:not-allowed;box-shadow:none}.secondary-button{background:linear-gradient(135deg,var(--bc-primary) 0%,#0066cc 100%);color:#fff;box-shadow:0 4px 12px #007bff4d}.secondary-button:hover:not(:disabled){background:linear-gradient(135deg,var(--bc-primary-dark) 0%,var(--bc-primary) 100%);transform:translateY(-2px)}[data-theme=dark] .pharmacy-billing-page,.dark-mode .pharmacy-billing-page,body.dark-mode .pharmacy-billing-page{--bc-bg: #0f0f1a;--bc-card-bg: #1e1e2e;--bc-card-border: rgba(69, 71, 90, .5);--bc-text-primary: #cdd6f4;--bc-text-secondary: #a6adc8;--bc-text-muted: #6c7086;--bc-table-header-bg: #181825;--bc-table-row-alt: rgba(255, 255, 255, .02);--bc-table-row-hover: rgba(139, 92, 246, .08);--bc-input-bg: #313244;--bc-input-border: rgba(69, 71, 90, .6);--bc-section-bg: #181825;--bc-border-light: rgba(69, 71, 90, .4);--bc-primary: #4facfe;--bc-primary-light: rgba(79, 172, 254, .15);--bc-error-bg: rgba(239, 68, 68, .15);--bc-error-text: #f87171;--bc-error-border: rgba(239, 68, 68, .3);--bc-shadow: 0 4px 16px rgba(0, 0, 0, .4);--bc-shadow-hover: 0 8px 24px rgba(0, 0, 0, .5)}[data-theme=dark] .billing-container,.dark-mode .billing-container{background:linear-gradient(145deg,#1e1e2e,#181825);box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff08 inset}[data-theme=dark] .billing-header,.dark-mode .billing-header{background:linear-gradient(135deg,#4c1d95,#6d28d9);border-bottom-color:#45475a80}[data-theme=dark] .order-details-card,.dark-mode .order-details-card,[data-theme=dark] .medications-card,.dark-mode .medications-card,[data-theme=dark] .billing-summary-card,.dark-mode .billing-summary-card{background:linear-gradient(145deg,#1e1e2e,#181825)}[data-theme=dark] .medications-table th,.dark-mode .medications-table th{background-color:#181825;color:#6c7086;border-color:#45475a80}[data-theme=dark] .medications-table td,.dark-mode .medications-table td{border-color:#45475a66}@media print{.print-only{display:block!important}span.print-only{display:inline!important}.no-print{display:none!important}@page{size:A4;margin:5mm}*{box-sizing:border-box!important}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important;width:100%!important}#root{display:block!important;width:100%!important;margin:0!important;padding:0!important}.pharmacy-billing-page{padding:0!important;margin:0!important;background:#fff!important;width:100%!important;max-width:100%!important;display:block!important}.billing-container{box-shadow:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;border:2px solid #000;padding:0;margin:0!important}.printable-section{display:block!important;width:100%!important;max-width:100%!important;position:static!important;padding:8px;margin:0!important}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important;overflow:visible!important}.order-content,.medications-card,.billing-layout,table,.table-responsive,.table-wrapper,[class*=table]{overflow:visible!important;width:100%!important;max-width:100%!important}table{table-layout:fixed!important}.medications-table th,.medications-table td{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important}.billing-header.print-only{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 10px;background-color:#fff;color:#000;border-bottom:1px solid #000;flex-wrap:nowrap;margin-bottom:8px}.clinic-header-left{flex-basis:55%;display:flex;flex-direction:column;align-items:flex-start}.billing-header.print-only .bill-title{font-size:1.2em;font-weight:800;color:#000;margin:0 0 3px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #000;padding-bottom:2px}.billing-header.print-only .clinic-name-print{font-size:1em;color:#000;margin:4px 0 2px;font-weight:700}.clinic-details-print{text-align:left;font-size:.75em;line-height:1.3;color:#333}.clinic-details-print .small-text{margin:1px 0;padding:0;display:block}.patient-info-grid.print-only-patient-details{display:flex;flex-direction:column;gap:2px;padding:6px 8px;align-items:flex-start;text-align:left;flex-basis:45%;font-size:.8em;border:1px solid #000;background-color:#fafafa}.patient-info-grid.print-only-patient-details:before{content:"BILL TO:";font-weight:700;font-size:.8em;margin-bottom:3px;border-bottom:1px solid #666;padding-bottom:2px;display:block;width:100%}.patient-info-grid.print-only-patient-details .info-item{font-size:.9em;margin:1px 0;padding:0;justify-content:flex-start;color:#000}.patient-info-grid.print-only-patient-details .info-item strong{min-width:70px;color:#333}.invoice-details-box{border:2px solid #000;padding:8px 12px;margin-bottom:15px;display:flex;justify-content:space-between;background-color:#f5f5f5}.invoice-details-box .invoice-number,.invoice-details-box .invoice-date{font-size:.95em;color:#000}.invoice-details-box .invoice-number strong,.invoice-details-box .invoice-date strong{font-weight:700}.billing-layout{padding:0 8px;margin-top:5px;display:block!important;background:#fff}.order-content{width:100%;flex:none}.medications-card{border:none;box-shadow:none;background:#fff;margin-bottom:0;border-radius:0}.patient-info-grid.print-only-patient-details .info-item .lucide,.patient-info-grid.print-only-patient-details .info-item svg{display:none}.medications-table{width:100%;margin-top:0;border:1px solid #000;border-collapse:collapse}.medications-table th{border:1px solid #000!important;padding:5px 4px;font-size:.75em;color:#000;background:#e8e8e8!important;font-weight:700;text-transform:uppercase;text-align:center}.medications-table td{border:1px solid #000!important;padding:4px 5px;font-size:.8em;color:#000;background:transparent!important;vertical-align:middle}.medications-table tbody tr:nth-child(2n){background:transparent!important}.medications-table td:first-child{text-align:center;width:50px}.medications-table td:nth-child(3),.medications-table td:nth-child(4),.medications-table td:nth-child(5){text-align:right;white-space:nowrap}.bill-summary-print{margin-top:8px;page-break-inside:avoid;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:0 8px}.qr-code-printable-section{display:flex!important;flex-direction:column;align-items:center;padding:5px;border:1px solid #ccc;background:#fafafa}.qr-code-printable-section canvas{width:60px!important;height:60px!important}.print-only-upi-text{font-size:.65em;color:#555;margin:3px 0 0;text-align:center}.bill-summary-details{width:220px;margin-left:auto;border:1px solid #000;padding:0}.summary-row-print{display:flex;justify-content:space-between;font-size:.8em;padding:3px 6px;border-bottom:1px solid #ccc;color:#000}.summary-row-print:last-of-type{border-bottom:none}.print-only-total{text-align:right;font-size:.95em;padding:5px 6px;font-weight:700;border-top:1px solid #000;background-color:#f0f0f0;color:#000}.amount-in-words-print{margin:8px;padding:5px 8px;border:1px solid #000;background-color:#f9f9f9;font-size:.8em;color:#000;page-break-inside:avoid}.amount-in-words-print strong{font-weight:700;margin-right:3px}.payment-status-print{margin:5px 8px;padding:4px 8px;border:1px solid #28a745;background-color:#d4edda;font-size:.75em;color:#155724;font-weight:700;text-align:center;text-transform:uppercase}.payment-status-print.pending{border-color:#ffc107;background-color:#fff3cd;color:#856404}.terms-conditions-print{margin:8px;padding:5px 8px;border:1px solid #ccc;background-color:#fafafa;page-break-inside:avoid}.terms-conditions-print h4{margin:0 0 4px;font-size:.7em;font-weight:700;color:#333;border-bottom:1px solid #ddd;padding-bottom:2px}.terms-conditions-print ul{margin:0;padding-left:12px;font-size:.65em;color:#555;line-height:1.3}.terms-conditions-print li{margin-bottom:1px}.signature-section-print{margin:15px 8px 8px;display:flex;justify-content:space-between;align-items:flex-end;page-break-inside:avoid}.signature-section-print .receiver-sign,.signature-section-print .authorized-sign{width:45%;text-align:center}.signature-section-print .sign-line{border-top:1px solid #000;margin-top:30px;padding-top:5px;font-size:.75em;color:#333}.signature-section-print .for-clinic{font-size:.7em;color:#555;margin-bottom:3px}.billing-footer.print-only{margin-top:10px;padding:8px;text-align:center;font-size:.7em;color:#666;border-top:1px solid #000;background-color:#f5f5f5}.billing-footer.print-only p{margin:2px 0}.billing-footer.print-only .thank-you{font-size:.9em;font-weight:700;color:#333;margin-bottom:4px}.billing-footer.print-only .computer-generated{font-size:.65em;color:#888;font-style:italic}.hide-on-screen,.card-header{display:none}.billing-sidebar{display:none!important}}.billing-page-container{min-height:100vh;background-color:#f0f4f8;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 12px 12px;box-sizing:border-box}.back-button-container{width:100%;margin-bottom:8px;display:flex;justify-content:flex-start}.billing-content-wrapper{background-color:#fff;box-shadow:0 6px 12px #00000014;border-radius:10px;padding:16px 20px;width:100%;border-top:5px solid #1e6091;box-sizing:border-box}.billing-page-title{font-size:1.4rem;font-weight:600;color:#2d3748;margin-bottom:6px;text-align:center}.patient-info-bar{text-align:center;font-size:.85rem;color:#4a5568;margin-bottom:12px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px}.patient-info-bar span{display:flex;align-items:center}.patient-info-bar .lucide{margin-right:5px;color:#718096}.patient-info-bar .lab-order-info .lucide{color:#3b82f6}.patient-info-bar .lab-order-info{color:#2563eb;font-weight:500}.patient-info-bar .insurance-info{color:#166534;font-weight:500}.patient-info-bar .insurance-info .lucide{color:#22c55e}.patient-info-bar .placeholder-text{color:#a0aec0;font-style:italic}.loading-state-container{min-height:100vh;background-color:#f0f4f8;display:flex;align-items:center;justify-content:center}.loading-state-text{color:#1e6091;font-size:1.1rem;font-weight:500;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media print{@page{size:A4;margin:5mm}body{margin:0;padding:0;background-color:#fff}.billing-page-container{min-height:auto;background-color:#fff;padding:0;margin:0;width:100%;max-width:100%;box-shadow:none;display:block;align-items:stretch}.back-button-container,.loading-state-container,.error-state-container{display:none!important}.billing-content-wrapper{box-shadow:none;border-radius:0;padding:0;margin:0;width:100%;max-width:100%;border-top:none}.billing-page-title,.patient-info-bar{display:none!important}}.error-state-container{min-height:100vh;background-color:#f0f4f8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c53030;padding:20px;text-align:center}.error-state-container .lucide{margin-bottom:16px;font-size:3rem}.error-state-title{font-size:1.25rem;font-weight:600;margin-bottom:8px}.error-state-message{font-size:.95rem;margin-bottom:20px;max-width:400px}.error-retry-button{margin-top:10px;padding:10px 20px;background-color:#c53030;color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .2s}.error-retry-button:hover{background-color:#a02020}.error-go-back-button{margin-top:12px;font-size:.9rem;color:#4a5568;text-decoration:underline;cursor:pointer;transition:color .2s}.error-go-back-button:hover{color:#1e6091}@media (max-width: 768px){.billing-page-container{padding:20px 15px 15px}.billing-content-wrapper{padding:20px}.billing-page-title{font-size:1.4rem}.patient-info-bar{font-size:.85rem;gap:8px 15px}}@media (max-width: 480px){.billing-page-title{font-size:1.25rem}.patient-info-bar{flex-direction:column;align-items:center;gap:8px}.back-button-container{margin-bottom:10px}.billing-content-wrapper{padding:15px}}@media (prefers-color-scheme: dark){.billing-page-container{background-color:#0f172a}.back-button{color:#cbd5e1}.back-button:hover{background-color:#334155;color:#93c5fd}.billing-content-wrapper{background-color:#1e293b;box-shadow:0 6px 12px #0003;border-top-color:#3b82f6}.billing-page-title{color:#e2e8f0}.patient-info-bar{color:#94a3b8}.patient-info-bar .lucide{color:#64748b}.patient-info-bar .lab-order-info .lucide{color:#60a5fa}.patient-info-bar .lab-order-info{color:#93c5fd}.patient-info-bar .insurance-info{color:#6ee7b7}.patient-info-bar .insurance-info .lucide{color:#34d399}.patient-info-bar .placeholder-text{color:#475569}.loading-state-container{background-color:#0f172a}.loading-state-text{color:#60a5fa}.error-state-container{background-color:#0f172a;color:#f87171}.error-state-container .lucide{color:#f87171}.error-state-title{color:#fca5a5}.error-state-message{color:#fda4af}.error-retry-button{background-color:#b91c1c}.error-retry-button:hover{background-color:#991b1b}.error-go-back-button{color:#94a3b8}.error-go-back-button:hover{color:#60a5fa}}[data-theme=dark] .billing-page-container,.dark-mode .billing-page-container,body.dark-mode .billing-page-container{background-color:#0f0f1a}[data-theme=dark] .billing-content-wrapper,.dark-mode .billing-content-wrapper,body.dark-mode .billing-content-wrapper{background-color:#1e1e2e;box-shadow:0 6px 20px #0006;border-top-color:#a78bfa}[data-theme=dark] .billing-page-title,.dark-mode .billing-page-title,body.dark-mode .billing-page-title{color:#cdd6f4}[data-theme=dark] .patient-info-bar,.dark-mode .patient-info-bar,body.dark-mode .patient-info-bar,[data-theme=dark] .patient-info-bar .lucide,.dark-mode .patient-info-bar .lucide,body.dark-mode .patient-info-bar .lucide{color:#6c7086}[data-theme=dark] .patient-info-bar .lab-order-info,.dark-mode .patient-info-bar .lab-order-info,body.dark-mode .patient-info-bar .lab-order-info{color:#89b4fa}[data-theme=dark] .patient-info-bar .insurance-info,.dark-mode .patient-info-bar .insurance-info,body.dark-mode .patient-info-bar .insurance-info{color:#a6e3a1}[data-theme=dark] .loading-state-container,.dark-mode .loading-state-container,body.dark-mode .loading-state-container{background-color:#0f0f1a}[data-theme=dark] .loading-state-text,.dark-mode .loading-state-text,body.dark-mode .loading-state-text{color:#a78bfa}[data-theme=dark] .error-state-container,.dark-mode .error-state-container,body.dark-mode .error-state-container{background-color:#0f0f1a;color:#f87171}[data-theme=dark] .error-retry-button,.dark-mode .error-retry-button,body.dark-mode .error-retry-button{background-color:#dc2626}[data-theme=dark] .error-go-back-button,.dark-mode .error-go-back-button,body.dark-mode .error-go-back-button{color:#6c7086}[data-theme=dark] .error-go-back-button:hover,.dark-mode .error-go-back-button:hover,body.dark-mode .error-go-back-button:hover{color:#a78bfa}:root{--apo-primary: #7c3aed;--apo-primary-hover: #6d28d9;--apo-primary-light: #f3e8ff;--apo-danger: #ef4444;--apo-danger-bg: rgba(239, 68, 68, .1);--apo-warning: #f59e0b;--apo-bg: #f5f5f5;--apo-card-bg: #ffffff;--apo-card-border: #e5e7eb;--apo-text-primary: #1f2937;--apo-text-secondary: #6b7280;--apo-text-muted: #9ca3af;--apo-input-bg: #ffffff;--apo-input-border: #d1d5db;--apo-section-bg: #f9fafb;--apo-header-border: #e5e7eb;--apo-dropdown-bg: #ffffff;--apo-dropdown-hover: #f3f4f6;--apo-item-bg: #ffffff;--apo-token-bg: #e0e7ff;--apo-token-color: #4338ca;--apo-shadow: 0 1px 3px rgba(0, 0, 0, .1);--apo-shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--apo-transition: .2s ease}.add-pharmacy-order-page{background-color:var(--apo-bg);color:var(--apo-text-primary);min-height:100vh;transition:background-color var(--apo-transition),color var(--apo-transition)}.page-header{border-bottom:1px solid var(--apo-header-border);transition:border-color var(--apo-transition)}.page-header h2{color:var(--apo-text-primary);font-weight:700}.content-section{background-color:var(--apo-card-bg);padding:1rem;border-radius:10px;margin-bottom:1rem;border:1px solid var(--apo-card-border);box-shadow:var(--apo-shadow);transition:all var(--apo-transition)}.section-title{font-size:1.1rem;font-weight:600;color:var(--apo-text-primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--apo-card-border)}.form-label{color:var(--apo-text-secondary);font-size:.8125rem;font-weight:500}.custom-text-input{background-color:var(--apo-input-bg);color:var(--apo-text-primary);border:2px solid var(--apo-input-border);border-radius:8px;padding:.5rem .75rem;width:100%;font-size:.875rem;transition:all var(--apo-transition)}.custom-text-input:focus{border-color:var(--apo-primary);box-shadow:0 0 0 3px #7c3aed26;outline:none}.patient-search-results{background-color:var(--apo-dropdown-bg);border:1px solid var(--apo-card-border);border-radius:10px;box-shadow:var(--apo-shadow-lg);overflow:hidden}.patient-search-results ul li{padding:.875rem 1rem;cursor:pointer;transition:background-color var(--apo-transition);border-bottom:1px solid var(--apo-card-border)}.patient-search-results ul li:last-child{border-bottom:none}.patient-search-results ul li:hover{background-color:var(--apo-dropdown-hover)}.patient-token{background-color:var(--apo-token-bg);color:var(--apo-token-color);padding:.25rem .625rem;border-radius:6px;font-weight:600;font-size:.85em}.patient-details-text{color:var(--apo-text-muted)}.selected-patient-info{background-color:var(--apo-section-bg);border-radius:10px;padding:1rem}.change-patient-button{background-color:var(--apo-section-bg);color:var(--apo-text-primary);border:1px solid var(--apo-card-border);border-radius:8px;padding:8px 16px;font-weight:500;transition:all var(--apo-transition)}.change-patient-button:hover{background-color:var(--apo-card-bg);border-color:var(--apo-primary)}.drug-search-dropdown{background-color:var(--apo-dropdown-bg);border:1px solid var(--apo-card-border);border-radius:12px;box-shadow:var(--apo-shadow-lg);position:absolute;overflow:hidden;z-index:50}.drug-search-dropdown li,.add-custom-drug-button{padding:.875rem 1rem;border-bottom:1px solid var(--apo-card-border);transition:background-color var(--apo-transition)}.drug-search-dropdown li:hover,.add-custom-drug-button:hover{background-color:var(--apo-dropdown-hover)}.drug-stock-price{color:var(--apo-text-muted);font-size:.875em}.add-custom-drug-button{color:var(--apo-primary);font-weight:500;cursor:pointer}.order-items-section{background-color:var(--apo-section-bg);border-radius:12px;padding:1rem}.order-item-card{background-color:var(--apo-item-bg);padding:1rem;border-radius:10px;border:1px solid var(--apo-card-border);box-shadow:var(--apo-shadow);transition:all var(--apo-transition)}.order-item-card:hover{box-shadow:var(--apo-shadow-lg)}.item-name{color:var(--apo-text-primary);font-weight:600}.item-name.custom{color:var(--apo-warning)}.item-details{color:var(--apo-text-secondary);font-size:.875em}.item-stock.low{color:var(--apo-danger);font-weight:600}.dosage-label{color:var(--apo-text-secondary);margin-right:.5rem;white-space:nowrap;font-size:.875em}.dosage-input{background-color:var(--apo-input-bg);color:var(--apo-text-primary);border:2px solid var(--apo-input-border);border-radius:8px;padding:.5rem;width:5rem;text-align:center;transition:all var(--apo-transition)}.dosage-input:focus{border-color:var(--apo-primary);outline:none}.dosage-input:disabled{background-color:var(--apo-section-bg);cursor:not-allowed;opacity:.6}.remove-item-button{color:var(--apo-danger);background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:all var(--apo-transition)}.remove-item-button:hover{background-color:var(--apo-danger-bg)}.grand-total{color:var(--apo-primary);font-size:1.25rem;font-weight:700}.submit-order-button{background:linear-gradient(135deg,var(--apo-primary) 0%,#8b5cf6 100%);color:#fff;padding:.875rem 1.75rem;border-radius:12px;border:none;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #7c3aed4d;transition:all var(--apo-transition)}.submit-order-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed66}.submit-order-button:disabled{background:var(--apo-text-muted);cursor:not-allowed;box-shadow:none;transform:none}.submit-order-button .spinner{border-top-color:transparent;border-right-color:transparent}.ai-function-status{border-radius:10px;font-weight:500;padding:.75rem 1rem}.ai-function-status.error{background-color:var(--apo-danger-bg);color:var(--apo-danger);border:1px solid var(--apo-danger)}.previous-order-card{background-color:var(--apo-card-bg);border:1px solid var(--apo-card-border);border-radius:10px}.add-previous-meds-button{background-color:var(--apo-section-bg);color:var(--apo-text-primary);border:1px solid var(--apo-card-border);border-radius:8px;padding:8px 16px;font-weight:500;transition:all var(--apo-transition)}.add-previous-meds-button:hover{background-color:var(--apo-primary-light);border-color:var(--apo-primary)}.quantity-control{display:flex;align-items:center}.quantity-btn{background-color:var(--apo-section-bg);color:var(--apo-text-primary);border:2px solid var(--apo-input-border);padding:.5rem .875rem;cursor:pointer;font-weight:600;transition:all var(--apo-transition)}.quantity-btn:hover:not(:disabled){background-color:var(--apo-primary-light);border-color:var(--apo-primary)}.quantity-btn:disabled{background-color:var(--apo-section-bg);cursor:not-allowed;opacity:.5}.quantity-control .quantity-btn:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;border-right:none}.quantity-control .quantity-btn:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:none}.quantity-control .dosage-input{border-radius:0;border-left:none;border-right:none;width:4rem}[data-theme=dark] .add-pharmacy-order-page,.dark-mode .add-pharmacy-order-page,body.dark-mode .add-pharmacy-order-page{--apo-bg: #0f0f1a;--apo-card-bg: #1e1e2e;--apo-card-border: rgba(69, 71, 90, .5);--apo-text-primary: #cdd6f4;--apo-text-secondary: #a6adc8;--apo-text-muted: #6c7086;--apo-input-bg: #313244;--apo-input-border: rgba(69, 71, 90, .6);--apo-section-bg: #181825;--apo-header-border: rgba(69, 71, 90, .5);--apo-dropdown-bg: #1e1e2e;--apo-dropdown-hover: rgba(139, 92, 246, .1);--apo-item-bg: #1e1e2e;--apo-token-bg: rgba(139, 92, 246, .2);--apo-token-color: #c4b5fd;--apo-primary-light: rgba(139, 92, 246, .15);--apo-danger-bg: rgba(239, 68, 68, .15);--apo-shadow: 0 2px 8px rgba(0, 0, 0, .3);--apo-shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}[data-theme=dark] .content-section,.dark-mode .content-section,body.dark-mode .content-section{background:linear-gradient(145deg,#1e1e2e,#181825);box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff08 inset}[data-theme=dark] .order-item-card,.dark-mode .order-item-card,body.dark-mode .order-item-card{background:linear-gradient(145deg,#1e1e2e,#181825)}[data-theme=dark] .custom-text-input:focus,.dark-mode .custom-text-input:focus,body.dark-mode .custom-text-input:focus,[data-theme=dark] .dosage-input:focus,.dark-mode .dosage-input:focus,body.dark-mode .dosage-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}[data-theme=dark] .submit-order-button,.dark-mode .submit-order-button,body.dark-mode .submit-order-button{background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 4px 16px #7c3aed66}[data-theme=dark] .submit-order-button:hover:not(:disabled),.dark-mode .submit-order-button:hover:not(:disabled),body.dark-mode .submit-order-button:hover:not(:disabled){box-shadow:0 6px 20px #8b5cf680}[data-theme=dark] .drug-search-dropdown,.dark-mode .drug-search-dropdown,body.dark-mode .drug-search-dropdown,[data-theme=dark] .patient-search-results,.dark-mode .patient-search-results,body.dark-mode .patient-search-results{background:linear-gradient(145deg,#1e1e2e,#181825);box-shadow:0 10px 30px #00000080}@media (max-width: 640px){.add-pharmacy-order-page{padding:12px}.content-section{padding:1rem;border-radius:10px;margin-bottom:1rem}.section-title{font-size:1.1rem}.custom-text-input{padding:.875rem 1rem}.order-item-card{padding:.875rem}.submit-order-button{width:100%;padding:1rem}.quantity-btn{padding:.625rem 1rem}.dosage-input{width:3.5rem}}:root{--primary-purple: #7c3aed;--primary-purple-hover: #6d28d9;--primary-purple-light: #e9d5ff;--bg-gray: #f9fafb;--card-border: #e5e7eb;--card-bg: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--danger-red: #ef4444;--danger-bg: #fee2e2;--success-green: #10b981;--table-header-bg: #fcfcfc;--input-bg: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s ease}.edit-pharmacy-order-container{max-width:1400px;margin:0 auto;padding:10px;background-color:var(--bg-gray);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color var(--transition-normal)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;flex-wrap:wrap;gap:8px}.header-left{display:flex;align-items:center;gap:10px}.page-title{font-size:16px;font-weight:700;color:#6366f1;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.status-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;padding:4px 10px;border-radius:16px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 4px #d9770626;transition:all var(--transition-normal)}.order-meta{margin-left:45px;margin-bottom:12px;color:var(--text-secondary);font-size:12px;display:flex;align-items:center;gap:5px;transition:color var(--transition-normal)}.main-layout{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:10px;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:10px 14px;background:var(--card-bg);transition:background-color var(--transition-normal)}.card-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px;transition:color var(--transition-normal)}.search-section .card-header{border-bottom:none;padding-bottom:4px}.search-section{overflow:visible;position:relative;z-index:20}.search-wrapper{padding:0 14px 10px;position:relative}.search-input{width:100%;padding:8px 12px;border:2px solid var(--card-border);border-radius:8px;font-size:13px;background:var(--card-bg);transition:all var(--transition-normal);color:var(--text-primary)}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 4px #7c3aed1a}.dropdown-results{position:absolute;top:55px;left:14px;right:14px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--shadow-lg);max-height:250px;overflow-y:auto;z-index:50;width:auto;margin-top:0;transform:none;transition:all var(--transition-normal)}.dropdown-item{padding:10px 14px;border-bottom:1px solid var(--input-bg);cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:linear-gradient(135deg,#f5f3ff,#faf5ff);padding-left:18px}.drug-name{display:block;font-weight:600;color:var(--text-primary);margin-bottom:2px;font-size:13px;transition:color var(--transition-normal)}.drug-meta{font-size:11px;color:var(--text-secondary);transition:color var(--transition-normal)}.medications-list-section .card-header{border-bottom:1px solid var(--input-bg)}.item-count{background:linear-gradient(135deg,var(--input-bg) 0%,#e5e7eb 100%);color:var(--text-secondary);padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;margin-left:auto;transition:all var(--transition-normal)}.table-container{width:100%}.table-header-row{display:flex;padding:8px 14px;background:var(--table-header-bg);border-bottom:1px solid var(--card-border);font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-normal)}.col-medication{flex:2}.col-directions{flex:1.5;padding:0 8px}.col-quantity{flex:1;padding:0 8px}.col-subtotal{flex:.8;text-align:right}.col-action{width:36px;text-align:right}.table-body .table-row{display:flex;padding:10px 14px;border-bottom:1px solid var(--input-bg);align-items:flex-start;transition:all var(--transition-normal)}.table-body .table-row:hover{background:linear-gradient(135deg,#faf5ff,#f5f3ff)}.table-row:last-child{border-bottom:none}.med-name{display:block;font-weight:600;color:var(--text-primary);font-size:13px;margin-bottom:2px;transition:color var(--transition-normal)}.stock-info{font-size:10px;color:var(--text-secondary);margin-top:2px;display:flex;align-items:center;gap:4px;transition:color var(--transition-normal)}.directions-input{width:100%;padding:6px 10px;border:1px solid var(--card-border);background:var(--input-bg);border-radius:8px;font-size:12px;color:var(--text-primary);transition:all var(--transition-normal)}.directions-input::-moz-placeholder{color:var(--text-muted)}.directions-input::placeholder{color:var(--text-muted)}.qty-input-group{display:flex;align-items:center;gap:6px;justify-content:space-between}.qty-input-group label{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;width:auto;margin-right:4px;transition:color var(--transition-normal)}.qty-input{width:50px;padding:6px 8px;border:1px solid var(--card-border);background:var(--input-bg);border-radius:8px;font-size:12px;text-align:right;color:var(--text-primary);transition:all var(--transition-normal)}.qty-input:focus,.directions-input:focus{background:var(--card-bg);border-color:var(--primary-purple);outline:none;box-shadow:0 0 0 2px #7c3aed1a}.col-subtotal{font-weight:700;font-family:SF Mono,Consolas,monospace;font-size:13px;color:var(--text-primary);padding-top:6px;transition:color var(--transition-normal)}.delete-btn{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:var(--danger-red);border:none;padding:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);margin-top:2px}.delete-btn svg{stroke:currentColor;width:18px;height:18px}.delete-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);transform:scale(1.05);box-shadow:0 4px 8px #ef444433}.billing-card{padding:0 0 16px}.billing-row{display:flex;justify-content:space-between;padding:10px 14px;font-size:13px;color:var(--text-secondary);transition:color var(--transition-normal)}.billing-divider{height:1px;background:var(--input-bg);margin:8px 14px;border-top:1px dashed var(--card-border)}.grand-total{align-items:center;margin-bottom:16px}.grand-total span:first-child{font-weight:600;color:var(--text-primary);font-size:14px;transition:color var(--transition-normal)}.total-amount{font-size:20px;font-weight:700;color:var(--primary-purple)}.confirm-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 28px);margin:0 14px;padding:12px 16px;background:linear-gradient(135deg,var(--primary-purple) 0%,#8b5cf6 100%);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px #7c3aed4d}.confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-purple-hover) 0%,var(--primary-purple) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed66}.confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.check-icon{font-size:16px}.notes-input{width:calc(100% - 28px);margin:0 14px 14px;padding:10px;border:2px solid var(--card-border);border-radius:8px;resize:vertical;font-size:12px;font-family:inherit;color:var(--text-primary);background:var(--input-bg);transition:all var(--transition-normal)}.notes-input::-moz-placeholder{color:var(--text-muted)}.notes-input::placeholder{color:var(--text-muted)}.notes-input:focus{outline:none;border-color:var(--primary-purple);background:var(--card-bg);box-shadow:0 0 0 3px #7c3aed1a}.error-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;padding:10px 12px;border-radius:8px;font-size:12px;margin-top:10px;border:1px solid #fecaca;display:flex;align-items:center;gap:6px}.empty-state{padding:40px 30px;text-align:center;color:var(--text-secondary);font-size:13px;transition:color var(--transition-normal)}[data-theme=dark] .edit-pharmacy-order-container,.dark-mode .edit-pharmacy-order-container,body.dark-mode .edit-pharmacy-order-container{--bg-gray: #0f172a;--card-bg: #1e293b;--card-bg-elevated: #334155;--card-border: rgba(71, 85, 105, .5);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--input-bg: #1e293b;--table-header-bg: #0f172a;--danger-bg: rgba(248, 113, 113, .1);--primary-purple: #a78bfa;--primary-purple-hover: #c4b5fd;background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .card,.dark-mode .card,body.dark-mode .card{background:linear-gradient(145deg,#1e293bf2,#0f172ae6);border:1px solid rgba(71,85,105,.4);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08 inset,0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .card:hover,.dark-mode .card:hover,body.dark-mode .card:hover{box-shadow:0 12px 40px #00000080,0 0 30px #8b5cf614,0 0 0 1px #ffffff0d inset;border-color:#8b5cf633}[data-theme=dark] .card-header,.dark-mode .card-header,body.dark-mode .card-header{background:linear-gradient(180deg,rgba(30,41,59,.5) 0%,transparent 100%);border-bottom:1px solid rgba(71,85,105,.3)}[data-theme=dark] .card-header h3,.dark-mode .card-header h3,body.dark-mode .card-header h3{color:#e2e8f0}[data-theme=dark] .page-title,.dark-mode .page-title,body.dark-mode .page-title{color:#a5b4fc;text-shadow:0 0 30px rgba(167,139,250,.3)}[data-theme=dark] .order-meta,.dark-mode .order-meta,body.dark-mode .order-meta{color:#64748b}[data-theme=dark] .status-badge,.dark-mode .status-badge,body.dark-mode .status-badge{background:linear-gradient(135deg,#fbbf2426,#f59e0b40);color:#fcd34d;border:1px solid rgba(251,191,36,.3);box-shadow:0 2px 12px #fbbf2433,0 0 20px #fbbf241a}[data-theme=dark] .search-input,.dark-mode .search-input,body.dark-mode .search-input{background:linear-gradient(145deg,#1e293b,#334155);border:2px solid rgba(71,85,105,.5);color:#f1f5f9;box-shadow:inset 0 2px 4px #0003}[data-theme=dark] .search-input::-moz-placeholder,.dark-mode .search-input::-moz-placeholder,body.dark-mode .search-input::-moz-placeholder{color:#64748b}[data-theme=dark] .search-input::placeholder,.dark-mode .search-input::placeholder,body.dark-mode .search-input::placeholder{color:#64748b}[data-theme=dark] .search-input:focus,.dark-mode .search-input:focus,body.dark-mode .search-input:focus{border-color:#818cf8;box-shadow:0 0 0 4px #818cf826,inset 0 2px 4px #0003;background:#334155}[data-theme=dark] .dropdown-results,.dark-mode .dropdown-results,body.dark-mode .dropdown-results{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.5);box-shadow:0 20px 50px #0009,0 0 0 1px #ffffff08 inset}[data-theme=dark] .dropdown-item,.dark-mode .dropdown-item,body.dark-mode .dropdown-item{border-bottom:1px solid rgba(71,85,105,.2)}[data-theme=dark] .dropdown-item:hover,.dark-mode .dropdown-item:hover,body.dark-mode .dropdown-item:hover{background:linear-gradient(135deg,#818cf81a,#8b5cf614)}[data-theme=dark] .drug-name,.dark-mode .drug-name,body.dark-mode .drug-name{color:#f1f5f9}[data-theme=dark] .drug-meta,.dark-mode .drug-meta,body.dark-mode .drug-meta{color:#94a3b8}[data-theme=dark] .table-header-row,.dark-mode .table-header-row,body.dark-mode .table-header-row{background:linear-gradient(180deg,#0f172a,#1e293b);border-bottom:2px solid rgba(71,85,105,.4);color:#64748b}[data-theme=dark] .table-body .table-row,.dark-mode .table-body .table-row,body.dark-mode .table-body .table-row{border-bottom:1px solid rgba(71,85,105,.2);transition:all .2s ease}[data-theme=dark] .table-body .table-row:hover,.dark-mode .table-body .table-row:hover,body.dark-mode .table-body .table-row:hover{background:linear-gradient(135deg,#818cf80f,#8b5cf608);box-shadow:inset 0 0 0 1px #818cf81a}[data-theme=dark] .stock-info,.dark-mode .stock-info,body.dark-mode .stock-info{color:#64748b}[data-theme=dark] .directions-input,.dark-mode .directions-input,body.dark-mode .directions-input,[data-theme=dark] .qty-input,.dark-mode .qty-input,body.dark-mode .qty-input,[data-theme=dark] .notes-input,.dark-mode .notes-input,body.dark-mode .notes-input{background:linear-gradient(145deg,#0f172a,#1e293b);border:2px solid rgba(71,85,105,.5);color:#f1f5f9;box-shadow:inset 0 2px 4px #0003}[data-theme=dark] .directions-input::-moz-placeholder,.dark-mode .directions-input::-moz-placeholder,body.dark-mode .directions-input::-moz-placeholder,[data-theme=dark] .notes-input::-moz-placeholder,.dark-mode .notes-input::-moz-placeholder,body.dark-mode .notes-input::-moz-placeholder{color:#64748b}[data-theme=dark] .directions-input::placeholder,.dark-mode .directions-input::placeholder,body.dark-mode .directions-input::placeholder,[data-theme=dark] .notes-input::placeholder,.dark-mode .notes-input::placeholder,body.dark-mode .notes-input::placeholder{color:#64748b}[data-theme=dark] .directions-input:focus,.dark-mode .directions-input:focus,body.dark-mode .directions-input:focus,[data-theme=dark] .qty-input:focus,.dark-mode .qty-input:focus,body.dark-mode .qty-input:focus,[data-theme=dark] .notes-input:focus,.dark-mode .notes-input:focus,body.dark-mode .notes-input:focus{background:#1e293b;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833,inset 0 2px 4px #0003}[data-theme=dark] .qty-input-group label,.dark-mode .qty-input-group label,body.dark-mode .qty-input-group label{color:#64748b}[data-theme=dark] .item-count,.dark-mode .item-count,body.dark-mode .item-count{background:linear-gradient(135deg,#818cf826,#8b5cf61a);color:#c4b5fd;border:1px solid rgba(129,140,248,.2)}[data-theme=dark] .col-subtotal,.dark-mode .col-subtotal,body.dark-mode .col-subtotal{color:#34d399}[data-theme=dark] .delete-btn,.dark-mode .delete-btn,body.dark-mode .delete-btn{background:linear-gradient(135deg,#f871711a,#ef444414);color:#f87171;border:1px solid transparent;transition:all .2s ease}[data-theme=dark] .delete-btn:hover,.dark-mode .delete-btn:hover,body.dark-mode .delete-btn:hover{background:linear-gradient(135deg,#f8717133,#ef444426);border-color:#f871714d;box-shadow:0 4px 16px #f871714d;transform:scale(1.08)}[data-theme=dark] .billing-row,.dark-mode .billing-row,body.dark-mode .billing-row{color:#94a3b8}[data-theme=dark] .billing-row span:last-child,.dark-mode .billing-row span:last-child,body.dark-mode .billing-row span:last-child{color:#e2e8f0}[data-theme=dark] .billing-divider,.dark-mode .billing-divider,body.dark-mode .billing-divider{background:linear-gradient(90deg,transparent 0%,rgba(71,85,105,.5) 50%,transparent 100%);border-top:1px dashed rgba(71,85,105,.4)}[data-theme=dark] .grand-total span:first-child,.dark-mode .grand-total span:first-child,body.dark-mode .grand-total span:first-child{color:#e2e8f0}[data-theme=dark] .total-amount,.dark-mode .total-amount,body.dark-mode .total-amount{color:#a5b4fc;text-shadow:0 0 20px rgba(167,139,250,.4)}[data-theme=dark] .confirm-btn,.dark-mode .confirm-btn,body.dark-mode .confirm-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 4px 20px #818cf866,0 0 0 1px #ffffff1a inset;border:none}[data-theme=dark] .confirm-btn:hover:not(:disabled),.dark-mode .confirm-btn:hover:not(:disabled),body.dark-mode .confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#a5b4fc,#c4b5fd);box-shadow:0 8px 30px #8b5cf680,0 0 40px #818cf833;transform:translateY(-3px)}[data-theme=dark] .confirm-btn:disabled,.dark-mode .confirm-btn:disabled,body.dark-mode .confirm-btn:disabled{background:linear-gradient(135deg,#475569,#334155);box-shadow:none;opacity:.5}[data-theme=dark] .error-alert,.dark-mode .error-alert,body.dark-mode .error-alert{background:linear-gradient(135deg,#7f1d1d33,#b91c1c26);border:1px solid rgba(248,113,113,.3);color:#fca5a5;box-shadow:0 4px 12px #7f1d1d33}[data-theme=dark] .empty-state,.dark-mode .empty-state,body.dark-mode .empty-state{color:#64748b}@media (max-width: 1024px){.main-layout{grid-template-columns:1fr}.right-column{order:1}}@media (max-width: 640px){.edit-pharmacy-order-container{padding:12px 12px 100px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.header-left{gap:10px}.back-button{width:36px;height:36px}.page-title{font-size:16px;flex-direction:column;align-items:flex-start;gap:4px}.header-right{margin-left:46px}.order-meta{margin-left:46px;margin-bottom:16px;font-size:12px}.card{border-radius:12px;margin-bottom:12px}.card-header{padding:14px 16px}.card-header h3{font-size:14px}.search-wrapper{padding:0 16px 16px}.search-input{padding:12px 14px;font-size:16px;border-radius:10px}.dropdown-results{left:16px;right:16px;top:58px;border-radius:10px}.dropdown-item{padding:12px 14px}.table-header-row{display:none}.table-body .table-row{display:flex;flex-direction:column;padding:16px;gap:14px;position:relative;background:var(--card-bg);border-radius:12px;margin:8px 12px;border:1px solid var(--card-border);box-shadow:var(--shadow-sm)}.table-body .table-row:first-child{margin-top:0}.table-body .table-row:last-child{border-bottom:1px solid var(--card-border);margin-bottom:8px}.table-body .table-row:hover{background:var(--card-bg)}.col-medication{flex:none;padding-right:40px}.med-name{font-size:15px}.col-directions{flex:none;padding:0;width:100%}.directions-input{padding:12px 14px;font-size:14px}.col-quantity{flex:none;padding:0;width:100%}.col-subtotal{flex:none;text-align:left;font-size:20px;color:var(--primary-purple);padding:0}.col-action{position:absolute;top:14px;right:14px;width:auto}.delete-btn{width:34px;height:34px;margin-top:0}.qty-input{width:100%;padding:10px 12px;font-size:14px}.notes-input{width:calc(100% - 32px);margin:0 16px 16px;padding:12px 14px;font-size:14px}.confirm-btn{position:fixed;bottom:0;left:0;right:0;width:100%;margin:0;padding:16px 20px;border-radius:0;font-size:16px;z-index:100;box-shadow:0 -4px 20px #00000026}.error-alert{font-size:12px;padding:12px 14px;margin:0 16px 16px;width:calc(100% - 32px);border-radius:10px}.empty-state{padding:30px 20px;font-size:13px}.item-count{font-size:10px;padding:3px 8px}}@media (max-width: 640px){[data-theme=dark] .table-body .table-row,.dark-mode .table-body .table-row,body.dark-mode .table-body .table-row{background:linear-gradient(145deg,#1e1e2e,#181825);border-color:#45475a66}[data-theme=dark] .confirm-btn,.dark-mode .confirm-btn,body.dark-mode .confirm-btn{box-shadow:0 -4px 20px #00000080,0 0 30px #7c3aed33}}@media (min-width: 641px) and (max-width: 1024px){.main-layout{gap:16px}.card{border-radius:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.lab-report-container{padding:1.5rem;background-color:#f9fafb;min-height:100vh}.lab-report-card{max-width:56rem;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 639px){.lab-report-container{padding:1rem}.lab-report-card{padding:1rem;gap:1rem}.lab-report-title{font-size:1.25rem;line-height:1.75rem}.lab-report-actions{flex-direction:column;align-items:stretch}.lab-report-button{justify-content:center;width:100%}.report-details-title{font-size:1rem;line-height:1.5rem}.patient-info-card{padding:.75rem}.patient-info-title{font-size:.9375rem}.patient-info-grid{grid-template-columns:1fr;gap:.25rem .5rem}.report-findings-card{padding:.75rem}.report-findings-title{font-size:.9375rem}.error-title{font-size:1.125rem}.error-text{font-size:.875rem}}.lab-report-header{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}@media (min-width: 640px){.lab-report-header{flex-direction:row;justify-content:space-between;align-items:center}}.lab-report-title{font-size:1.5rem;line-height:2rem;font-weight:600;color:#1f2937}.lab-report-actions{display:flex;gap:.75rem;flex-wrap:wrap}.lab-report-button{display:flex;align-items:center;padding:.625rem 1rem;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.lab-report-button svg{margin-right:.5rem}.lab-report-button-primary{border:1px solid #2dd4bf;color:#0d9488}.lab-report-button-primary:hover{background-color:#f0fdfa}.lab-report-button-secondary{border:1px solid #d1d5db;color:#374151}.lab-report-button-secondary:hover{background-color:#f9fafb}.lab-report-button-action{border:1px solid #3b82f6;color:#2563eb}.lab-report-button-action:hover{background-color:#eff6ff}.report-details-section{padding-top:1rem}.report-details-title{font-size:1.125rem;line-height:1.75rem;font-weight:500;color:#374151;margin-bottom:.75rem}.loading-message{display:flex;justify-content:center;align-items:center;padding:2.5rem 0;font-size:1.125rem;color:#0d9488}.error-message-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:.5rem}.error-message-container svg{margin-bottom:1rem;color:#ef4444}.error-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.error-text{margin-bottom:1rem;text-align:center}.retry-button{padding:.5rem 1rem;background-color:#dc2626;color:#fff;border-radius:.375rem;transition:background-color .2s ease-in-out}.retry-button:hover{background-color:#b91c1c}.patient-info-card{margin-bottom:1.5rem;padding:1rem;border:1px solid #bfdbfe;border-radius:.5rem;background-color:#eff6ff}.patient-info-title{font-size:1rem;font-weight:600;color:#1e40af;margin-bottom:.75rem}.patient-info-grid{display:grid;grid-template-columns:1fr;gap:.5rem 1rem;font-size:.875rem;color:#374151}@media (min-width: 640px){.patient-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.patient-info-grid strong{font-weight:500}.report-findings-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background-color:#f9fafb}.report-findings-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.report-findings-content .prose{font-size:.875rem;max-width:none}.report-findings-content .prose h1,.report-findings-content .prose h2,.report-findings-content .prose h3,.report-findings-content .prose h4,.report-findings-content .prose h5,.report-findings-content .prose h6{margin-top:1.25em;margin-bottom:.5em;font-weight:600}.report-findings-content .prose p{margin-bottom:.75em;line-height:1.6}.report-findings-content .prose ul,.report-findings-content .prose ol{margin-left:1.5em;margin-bottom:.75em}.report-findings-content .prose li>p{margin-bottom:.25em}.report-findings-content .prose strong{font-weight:600}.report-findings-content .prose a{color:#0d9488;text-decoration:underline}.report-findings-content .prose a:hover{color:#0f766e}.no-content-message{text-align:center;color:#6b7280;padding:2.5rem 0}.no-content-message p{margin-bottom:.5rem}.no-content-link{color:#0d9488;text-decoration:underline;margin-top:.5rem;display:inline-block}.no-content-link:hover{color:#0f766e}.abnormal-result{color:#dc3545;font-weight:700}.reactive-result{color:#28a745;font-weight:700}@media print{.no-print{display:none!important}body,.lab-report-container,.lab-report-card,.lab-inventory-container{background-color:#fff!important;box-shadow:none!important;margin:0!important;padding:0!important;min-height:auto!important;width:100%!important;overflow:visible!important}.lab-report-card,.lab-inventory-card{border:none!important;max-width:100%!important;box-shadow:none!important;padding:0!important;margin:0!important;display:block!important}.printable-only{display:block!important;font-family:Inter,sans-serif;overflow:visible!important;visibility:visible!important}.printable-only *{visibility:visible!important}.patient-info-card,.report-findings-card,.test-results-print{border:1px solid #ddd!important;background-color:#fff!important;page-break-inside:avoid}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}tfoot{display:table-footer-group}}.printable-only,.print-only{display:none}@media print{.print-only{display:block!important}}@media (prefers-color-scheme: dark){.lab-report-container{background-color:#111827}.lab-report-card{background-color:#1f2937;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000040}.lab-report-header{border-bottom-color:#374151}.lab-report-title{color:#e5e7eb}.lab-report-button-primary{border-color:#14b8a6;color:#5eead4}.lab-report-button-primary:hover{background-color:#0f766e;color:#99f6e4}.lab-report-button-secondary{border-color:#4b5563;color:#d1d5db}.lab-report-button-secondary:hover{background-color:#374151;color:#f3f4f6}.lab-report-button-action{border-color:#60a5fa;color:#93c5fd}.lab-report-button-action:hover{background-color:#1e40af;color:#bfdbfe}.report-details-title{color:#d1d5db}.loading-message{color:#5eead4}.error-message-container{background-color:#450a0a;color:#fecaca;border-color:#7f1d1d}.error-message-container svg{color:#f87171}.error-title{color:#fca5a5}.retry-button{background-color:#b91c1c}.retry-button:hover{background-color:#991b1b}.patient-info-card{border-color:#1e40af;background-color:#1e3a8a}.patient-info-title{color:#bfdbfe}.patient-info-grid{color:#dbeafe}.patient-info-grid strong{color:#eff6ff}.report-findings-card{border-color:#374151;background-color:#1f2937}.report-findings-title{color:#e5e7eb}.report-findings-content .prose{color:#d1d5db}.report-findings-content .prose a{color:#5eead4}.report-findings-content .prose a:hover{color:#99f6e4}.report-findings-content .prose code{background-color:#374151;color:#e5e7eb;border:1px solid #4b5563;padding:.1em .3em;border-radius:.25rem}.report-findings-content .prose pre>code{padding:.5em}.no-content-message{color:#9ca3af}.no-content-link{color:#5eead4}.no-content-link:hover{color:#99f6e4}}.dark-mode .lab-report-container{background-color:#111827}.dark-mode .lab-report-card{background-color:#1f2937;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000040}.dark-mode .lab-report-header{border-bottom-color:#374151}.dark-mode .lab-report-title{color:#e5e7eb}.dark-mode .lab-report-button-primary{border-color:#14b8a6;color:#5eead4}.dark-mode .lab-report-button-primary:hover{background-color:#0f766e;color:#99f6e4}.dark-mode .lab-report-button-secondary{border-color:#4b5563;color:#d1d5db}.dark-mode .lab-report-button-secondary:hover{background-color:#374151;color:#f3f4f6}.dark-mode .lab-report-button-action{border-color:#60a5fa;color:#93c5fd}.dark-mode .lab-report-button-action:hover{background-color:#1e40af;color:#bfdbfe}.dark-mode .report-details-title{color:#d1d5db}.dark-mode .loading-message{color:#5eead4}.dark-mode .error-message-container{background-color:#450a0a;color:#fecaca;border-color:#7f1d1d}.dark-mode .error-message-container svg{color:#f87171}.dark-mode .error-title{color:#fca5a5}.dark-mode .retry-button{background-color:#b91c1c}.dark-mode .retry-button:hover{background-color:#991b1b}.dark-mode .patient-info-card{border-color:#1e40af;background-color:#1e3a8a}.dark-mode .patient-info-title{color:#bfdbfe}.dark-mode .patient-info-grid{color:#dbeafe}.dark-mode .patient-info-grid strong{color:#eff6ff}.dark-mode .report-findings-card{border-color:#374151;background-color:#1f2937}.dark-mode .report-findings-title{color:#e5e7eb}.dark-mode .report-findings-content .prose{color:#d1d5db}.dark-mode .report-findings-content .prose a{color:#5eead4}.dark-mode .report-findings-content .prose a:hover{color:#99f6e4}.dark-mode .report-findings-content .prose code{background-color:#374151;color:#e5e7eb;border:1px solid #4b5563}.dark-mode .no-content-message{color:#9ca3af}.dark-mode .no-content-link{color:#5eead4}.dark-mode .no-content-link:hover{color:#99f6e4}.print-letterhead-container,.print-letterhead-image{display:none}@media print{.print-letterhead-container{display:block!important;width:100%!important;padding:0!important;margin:0 -20px 15px!important;width:calc(100% + 40px)!important}.print-letterhead-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;-o-object-fit:cover!important;object-fit:cover!important;margin:0!important;padding:0!important}}.enter-lab-report-page.lab-inventory-container{padding:8px}@media (min-width: 640px){.enter-lab-report-page.lab-inventory-container{padding:12px}}.enter-lab-report-page .lab-inventory-card{padding:10px;margin-bottom:10px}@media (min-width: 640px){.enter-lab-report-page .lab-inventory-card{padding:16px;margin-bottom:12px}}.enter-lab-report-page .lab-inventory-header{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #e5e7eb}.enter-lab-report-page .lab-inventory-header h2{margin:0;font-size:1.1em;font-weight:600}.enter-lab-report-page .header-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.enter-lab-report-page .compact-btn{padding:6px 10px;font-size:.8em}.enter-lab-report-page .compact-btn .btn-text{display:none}@media (min-width: 480px){.enter-lab-report-page .compact-btn .btn-text{display:inline;margin-left:4px}}.enter-lab-report-page .whatsapp-btn{background-color:#25d366;border-color:#25d366;color:#fff}.enter-lab-report-page .whatsapp-btn:hover{background-color:#1da851}.enter-lab-report-page .summary-card{padding:8px 10px;margin-bottom:10px;background-color:#f0f9ff;border:1px solid #bae6fd}.enter-lab-report-page .summary-header{font-size:.9em;margin-bottom:6px;padding-bottom:4px;border-bottom:none;color:#0284c7}.enter-lab-report-page .summary-grid{display:grid;grid-template-columns:1fr;gap:4px 8px;font-size:.85em}@media (min-width: 480px){.enter-lab-report-page .summary-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.enter-lab-report-page .summary-grid{grid-template-columns:repeat(3,1fr)}}.enter-lab-report-page .summary-item{display:flex;align-items:center;gap:4px;color:#374151;flex-wrap:wrap}.enter-lab-report-page .summary-item .icon{color:#6b7280;flex-shrink:0}.enter-lab-report-page .summary-item strong{font-weight:500;margin-right:2px}.enter-lab-report-page .date-edit-wrapper{display:inline-flex;align-items:center;gap:4px}.enter-lab-report-page .date-input{padding:2px 6px;font-size:.85em;width:auto;min-width:140px;margin-bottom:0}.enter-lab-report-page .icon-btn{padding:2px 4px;border:none;background:transparent;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;transition:background-color .15s}.enter-lab-report-page .icon-btn.edit{color:#6b7280;margin-left:6px}.enter-lab-report-page .icon-btn.edit:hover{background-color:#e5e7eb;color:#1f2937}.enter-lab-report-page .icon-btn.save{color:#10b981}.enter-lab-report-page .icon-btn.save:hover{background-color:#d1fae5}.enter-lab-report-page .icon-btn.cancel{color:#ef4444}.enter-lab-report-page .icon-btn.cancel:hover{background-color:#fee2e2}.enter-lab-report-page .lab-tests-container{display:flex;flex-direction:column;gap:8px}.enter-lab-report-page .test-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.enter-lab-report-page .test-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.enter-lab-report-page .test-title-wrapper{display:flex;align-items:center;gap:6px}.enter-lab-report-page .test-icon{color:#6366f1;flex-shrink:0}.enter-lab-report-page .test-header h4{margin:0;font-size:.95em;font-weight:600;color:#1f2937}.enter-lab-report-page .test-parameters-body{padding:10px}.enter-lab-report-page .parameter-grid{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 480px){.enter-lab-report-page .parameter-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.enter-lab-report-page .parameter-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.enter-lab-report-page .parameter-grid{grid-template-columns:repeat(4,1fr)}}.enter-lab-report-page .parameter-item{display:flex;flex-direction:column;gap:2px}.enter-lab-report-page .parameter-label{font-size:.75em;font-weight:500;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enter-lab-report-page .parameter-unit{font-weight:400;color:#9ca3af}.enter-lab-report-page .input-wrapper{display:flex;align-items:center;gap:4px}.enter-lab-report-page .parameter-input{flex:1;padding:6px 8px;font-size:.9em;border:1px solid #d1d5db;border-radius:5px;margin-bottom:0;transition:border-color .15s,box-shadow .15s}.enter-lab-report-page .parameter-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126;outline:none}.enter-lab-report-page .calculated-input{background-color:#f3f4f6;color:#6b7280}.enter-lab-report-page .edit-calculated-btn{padding:4px;border:none;background:transparent;cursor:pointer;color:#9ca3af;border-radius:4px;transition:background-color .15s,color .15s}.enter-lab-report-page .edit-calculated-btn:hover{background-color:#e5e7eb;color:#4b5563}.enter-lab-report-page .parameter-textarea{width:100%;padding:8px;font-size:.9em;border:1px solid #d1d5db;border-radius:5px;resize:vertical;min-height:80px;margin-bottom:0}.enter-lab-report-page .parameter-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126;outline:none}.enter-lab-report-page .form-actions-footer{position:sticky;bottom:0;background-color:#fff;padding:10px;margin:10px -10px -10px;border-top:1px solid #e5e7eb;display:flex;justify-content:center}@media (min-width: 640px){.enter-lab-report-page .form-actions-footer{position:static;margin:16px 0 0;padding:0;border-top:none;justify-content:flex-end}}.enter-lab-report-page .submit-btn{width:100%;max-width:300px;padding:10px 16px;font-size:.95em;font-weight:600}.enter-lab-report-page .lab-inventory-button-primary{background-color:#6366f1;border-color:#6366f1}.enter-lab-report-page .lab-inventory-button-primary:hover{background-color:#4f46e5;border-color:#4f46e5}@media (prefers-color-scheme: dark){.enter-lab-report-page .lab-inventory-header{border-bottom-color:#374151}.enter-lab-report-page .summary-card{background-color:#1e293b;border-color:#334155}.enter-lab-report-page .summary-header{color:#7dd3fc}.enter-lab-report-page .summary-item{color:#e2e8f0}.enter-lab-report-page .summary-item .icon{color:#94a3b8}.enter-lab-report-page .test-card{background-color:#1f2937;border-color:#374151}.enter-lab-report-page .test-header{background-color:#ffffff08;border-bottom-color:#374151}.enter-lab-report-page .test-header h4{color:#f3f4f6}.enter-lab-report-page .test-icon{color:#818cf8}.enter-lab-report-page .parameter-label{color:#9ca3af}.enter-lab-report-page .parameter-unit{color:#6b7280}.enter-lab-report-page .parameter-input,.enter-lab-report-page .parameter-textarea{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.enter-lab-report-page .parameter-input:focus,.enter-lab-report-page .parameter-textarea:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf833}.enter-lab-report-page .calculated-input{background-color:#1f2937;color:#9ca3af}.enter-lab-report-page .icon-btn.edit{color:#9ca3af}.enter-lab-report-page .icon-btn.edit:hover{background-color:#374151;color:#f3f4f6}.enter-lab-report-page .form-actions-footer{background-color:#1f2937;border-top-color:#374151}.enter-lab-report-page .lab-inventory-button-primary{background-color:#6366f1;border-color:#6366f1}.enter-lab-report-page .lab-inventory-button-primary:hover{background-color:#4f46e5;border-color:#4f46e5}}.dark-mode .enter-lab-report-page .lab-inventory-header{border-bottom-color:#374151}.dark-mode .enter-lab-report-page .summary-card{background-color:#1e293b;border-color:#334155}.dark-mode .enter-lab-report-page .summary-header{color:#7dd3fc}.dark-mode .enter-lab-report-page .summary-item{color:#e2e8f0}.dark-mode .enter-lab-report-page .summary-item .icon{color:#94a3b8}.dark-mode .enter-lab-report-page .test-card{background-color:#1f2937;border-color:#374151}.dark-mode .enter-lab-report-page .test-header{background-color:#ffffff08;border-bottom-color:#374151}.dark-mode .enter-lab-report-page .test-header h4{color:#f3f4f6}.dark-mode .enter-lab-report-page .test-icon{color:#818cf8}.dark-mode .enter-lab-report-page .parameter-label{color:#9ca3af}.dark-mode .enter-lab-report-page .parameter-unit{color:#6b7280}.dark-mode .enter-lab-report-page .parameter-input,.dark-mode .enter-lab-report-page .parameter-textarea{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.dark-mode .enter-lab-report-page .parameter-input:focus,.dark-mode .enter-lab-report-page .parameter-textarea:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf833}.dark-mode .enter-lab-report-page .calculated-input{background-color:#1f2937;color:#9ca3af}.dark-mode .enter-lab-report-page .icon-btn.edit{color:#9ca3af}.dark-mode .enter-lab-report-page .icon-btn.edit:hover{background-color:#374151;color:#f3f4f6}.dark-mode .enter-lab-report-page .form-actions-footer{background-color:#1f2937;border-top-color:#374151}.dark-mode .enter-lab-report-page .lab-inventory-button-primary{background-color:#6366f1;border-color:#6366f1}.dark-mode .enter-lab-report-page .lab-inventory-button-primary:hover{background-color:#4f46e5;border-color:#4f46e5}@media print{.enter-lab-report-page .no-print{display:none!important}.enter-lab-report-page.lab-inventory-container{padding:0;background:#fff}.enter-lab-report-page .lab-inventory-card{box-shadow:none;border:none;padding:0}.enter-lab-report-page .printable-only{display:block!important}.enter-lab-report-page .print-header{text-align:center;margin-bottom:20px;border-bottom:2px solid #333;padding-bottom:10px}.enter-lab-report-page .print-header h1{margin:0 0 10px;font-size:1.5em}.enter-lab-report-page .print-test-section{margin-bottom:20px;page-break-inside:avoid}.enter-lab-report-page .print-test-section h3{background-color:#f0f0f0;padding:8px;margin:0 0 10px;font-size:1.1em}.enter-lab-report-page .print-table{width:100%;border-collapse:collapse}.enter-lab-report-page .print-table th,.enter-lab-report-page .print-table td{border:1px solid #ccc;padding:6px 10px;text-align:left;font-size:.9em}.enter-lab-report-page .print-table th{background-color:#f5f5f5;font-weight:600}.enter-lab-report-page .print-letterhead-container{display:block!important;width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;padding:0!important;margin-bottom:15px!important}.enter-lab-report-page .print-letterhead-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;-o-object-fit:cover!important;object-fit:cover!important;margin:0!important;padding:0!important}}@media (max-width: 639px){.search-bar-section{margin-bottom:.75rem}.search-input{padding:.375rem .5rem .375rem 2rem;font-size:.75rem}.search-input-icon{left:.5rem}.search-results-list{max-height:none}.search-result-item{padding:.625rem}.result-item-header{flex-direction:column;align-items:flex-start;gap:.125rem}.result-patient-name{font-size:.8125rem}.result-patient-token{font-size:.6875rem}.status-badge{align-self:flex-start;margin-top:.125rem;font-size:.625rem;padding:.125rem .375rem}.result-item-details{font-size:.6875rem;gap:.125rem}.detail-item{gap:.125rem}}.search-bar-section{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.search-label{font-size:.8125rem;font-weight:500;color:#374151}.search-input-container{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:.625rem;color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:.5rem .625rem .5rem 2.25rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;color:#1f2937;background-color:#fff;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.search-input:focus{outline:none;border-color:#2dd4bf;box-shadow:0 0 0 2px #2dd4bf4d}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.search-results-area{margin-top:.75rem}.search-error-message{padding:.625rem .875rem;font-size:.8125rem}.search-error-message svg{margin-bottom:0}.search-results-list{list-style:none;padding:0;margin:0;border:1px solid #e5e7eb;border-radius:.5rem;max-height:28rem;overflow-y:auto;background-color:#fff}.search-result-item{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .15s ease-in-out}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f9fafb}.result-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.375rem;gap:.5rem}.result-patient-info{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.result-icon{color:#6b7280;flex-shrink:0}.result-patient-name{font-size:.875rem;font-weight:600;color:#0d9488}.result-patient-token{font-size:.75rem;color:#4b5563}.status-badge{padding:.125rem .5rem;font-size:.6875rem;font-weight:600;border-radius:9999px;white-space:nowrap;align-self:center}.status-red-600{color:#dc2626}.status-yellow-600{color:#ca8a04}.status-blue-600{color:#2563eb}.status-purple-600{color:#7e22ce}.status-bg-purple-100{background-color:#faf5ff}.status-green-600{color:#16a34a}.status-gray-600{color:#4b5563}.status-gray-600.line-through{text-decoration:line-through}.result-item-details{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#4b5563}.detail-item{display:flex;align-items:center;gap:.25rem}.detail-item span{line-height:1.4}@media (prefers-color-scheme: dark){.search-label{color:#d1d5db}.search-input-icon{color:#9ca3af}.search-input{background-color:#374151;border-color:#6b7280;color:#e5e7eb}.search-input:focus{border-color:#5eead4;box-shadow:0 0 0 2px #5eead466}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.search-results-list{border-color:#374151;background-color:#1f2937}.search-result-item{border-bottom-color:#374151}.search-result-item:hover{background-color:#374151}.result-icon{color:#9ca3af}.result-patient-name{color:#5eead4}.result-patient-token{color:#9ca3af}.status-red-600{color:#fca5a5}.status-bg-red-100{background-color:#7f1d1d}.status-yellow-600{color:#fde047}.status-bg-yellow-100{background-color:#713f12}.status-blue-600{color:#93c5fd}.status-bg-blue-100{background-color:#1e40af}.status-purple-600{color:#d8b4fe}.status-bg-purple-100{background-color:#581c87}.status-green-600{color:#a7f3d0}.status-bg-green-100{background-color:#065f46}.status-gray-600{color:#d1d5db}.status-bg-gray-100{background-color:#4b5563}.result-item-details{color:#9ca3af}}.dark-mode .search-label{color:#d1d5db}.dark-mode .search-input-icon{color:#9ca3af}.dark-mode .search-input{background-color:#374151;border-color:#6b7280;color:#e5e7eb}.dark-mode .search-input:focus{border-color:#5eead4;box-shadow:0 0 0 2px #5eead466}.dark-mode .search-input::-moz-placeholder{color:#9ca3af}.dark-mode .search-input::placeholder{color:#9ca3af}.dark-mode .search-results-list{border-color:#374151;background-color:#1f2937}.dark-mode .search-result-item{border-bottom-color:#374151}.dark-mode .search-result-item:hover{background-color:#374151}.dark-mode .result-icon{color:#9ca3af}.dark-mode .result-patient-name{color:#5eead4}.dark-mode .result-patient-token{color:#9ca3af}.dark-mode .status-red-600{color:#fca5a5}.dark-mode .status-yellow-600{color:#fde047}.dark-mode .status-blue-600{color:#93c5fd}.dark-mode .status-purple-600{color:#d8b4fe}.dark-mode .status-bg-purple-100{background-color:#581c87}.dark-mode .status-green-600{color:#a7f3d0}.dark-mode .status-gray-600{color:#d1d5db}.dark-mode .status-bg-gray-100{background-color:#4b5563}.dark-mode .result-item-details{color:#9ca3af}@media (max-width: 639px){.patient-reports-card{gap:.5rem}.patient-report-item{padding:.625rem;flex-direction:column;align-items:flex-start;gap:.375rem}.report-item-main-info{gap:.5rem;width:100%}.report-item-date{font-size:.8125rem}.report-item-tests{font-size:.7rem}.report-item-meta{width:100%;justify-content:space-between;margin-top:.125rem}.status-badge{font-size:.625rem;padding:.125rem .375rem}.selected-report-details{padding:.625rem}.back-to-list-button{font-size:.75rem;padding:.25rem .5rem;margin-bottom:.625rem}.selected-report-title{font-size:1rem}.updated-timestamp{font-size:.625rem}.selected-report-tests{font-size:.75rem;margin-bottom:.625rem}.report-findings-markdown{padding:.625rem}}.patient-reports-card{gap:.75rem}.patient-reports-content-area{min-height:200px;display:flex;flex-direction:column}.patient-reports-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.patient-report-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out}.patient-report-item:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 3px #00000012,0 1px 2px #00000008}.report-item-main-info{display:flex;align-items:center;gap:.625rem;flex-grow:1;min-width:0}.report-item-icon{color:#0d9488;flex-shrink:0}.report-item-text{display:flex;flex-direction:column;gap:0;min-width:0}.report-item-date{font-size:.875rem;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-item-tests{font-size:.75rem;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-item-meta{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.report-item-arrow{color:#9ca3af}.selected-report-details{padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.back-to-list-button{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;color:#0d9488;margin-bottom:.75rem;padding:.25rem .625rem;border:1px solid transparent;border-radius:.375rem;transition:background-color .2s,border-color .2s}.back-to-list-button:hover{background-color:#f0fdfa;border-color:#99f6e4}.selected-report-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.375rem}.updated-timestamp{font-size:.7rem;color:#6b7280;margin-left:.375rem;font-weight:400}.selected-report-tests{font-size:.8125rem;color:#374151;margin-bottom:.75rem}.selected-report-tests strong{font-weight:500;color:#1f2937}.report-findings-markdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem;max-height:60vh;overflow-y:auto}.status-bg-yellow-100{background-color:#fefce8}.status-yellow-700{color:#a16207}.status-bg-blue-100{background-color:#eff6ff}.status-blue-700{color:#1d4ed8}.status-bg-indigo-100{background-color:#eef2ff}.status-indigo-700{color:#4338ca}.status-bg-green-100{background-color:#f0fdf4}.status-green-700{color:#15803d}.status-bg-gray-200{background-color:#e5e7eb}.status-gray-800{color:#1f2937}.status-bg-red-100{background-color:#fef2f2}.status-red-700{color:#b91c1c}.status-bg-gray-100{background-color:#f3f4f6}.status-gray-700{color:#374151}@media (prefers-color-scheme: dark){.patient-report-item{border-color:#374151;background-color:#1f2937}.patient-report-item:hover{background-color:#374151;border-color:#4b5563}.report-item-icon{color:#5eead4}.report-item-date{color:#e5e7eb}.report-item-tests{color:#9ca3af}.report-item-arrow{color:#6b7280}.selected-report-details{border-color:#374151;background-color:#161e2b}.back-to-list-button{color:#5eead4}.back-to-list-button:hover{background-color:#0f766e;border-color:#14b8a6;color:#ccfbf1}.selected-report-title{color:#e5e7eb}.updated-timestamp{color:#9ca3af}.selected-report-tests{color:#d1d5db}.selected-report-tests strong{color:#e5e7eb}.report-findings-markdown{background-color:#1f2937;border-color:#374151}.status-bg-yellow-100{background-color:#713f12}.status-yellow-700{color:#fde047}.status-bg-blue-100{background-color:#1e40af}.status-blue-700{color:#93c5fd}.status-bg-indigo-100{background-color:#3730a3}.status-indigo-700{color:#a5b4fc}.status-bg-green-100{background-color:#065f46}.status-green-700{color:#a7f3d0}.status-bg-gray-200{background-color:#4b5563}.status-gray-800{color:#e5e7eb}.status-bg-red-100{background-color:#7f1d1d}.status-red-700{color:#fca5a5}.status-bg-gray-100{background-color:#374151}.status-gray-700{color:#d1d5db}}.dark-mode .patient-report-item{border-color:#374151;background-color:#1f2937}.dark-mode .patient-report-item:hover{background-color:#374151;border-color:#4b5563}.dark-mode .report-item-icon{color:#5eead4}.dark-mode .report-item-date{color:#e5e7eb}.dark-mode .report-item-tests{color:#9ca3af}.dark-mode .report-item-arrow{color:#6b7280}.dark-mode .selected-report-details{border-color:#374151;background-color:#161e2b}.dark-mode .back-to-list-button{color:#5eead4}.dark-mode .back-to-list-button:hover{background-color:#0f766e;border-color:#14b8a6;color:#ccfbf1}.dark-mode .selected-report-title{color:#e5e7eb}.dark-mode .updated-timestamp{color:#9ca3af}.dark-mode .selected-report-tests{color:#d1d5db}.dark-mode .selected-report-tests strong{color:#e5e7eb}.dark-mode .report-findings-markdown{background-color:#1f2937;border-color:#374151}.dark-mode .status-bg-yellow-100{background-color:#713f12}.dark-mode .status-yellow-700{color:#fde047}.dark-mode .status-bg-blue-100{background-color:#1e40af}.dark-mode .status-blue-700{color:#93c5fd}.dark-mode .status-bg-indigo-100{background-color:#3730a3}.dark-mode .status-indigo-700{color:#a5b4fc}.dark-mode .status-bg-green-100{background-color:#065f46}.dark-mode .status-green-700{color:#a7f3d0}.dark-mode .status-bg-gray-200{background-color:#4b5563}.dark-mode .status-gray-800{color:#e5e7eb}.dark-mode .status-bg-red-100{background-color:#7f1d1d}.dark-mode .status-red-700{color:#fca5a5}.dark-mode .status-bg-gray-100{background-color:#374151}.dark-mode .status-gray-700{color:#d1d5db}.inventory-view-page{padding:10px;background-color:#f8f9fa;min-height:100vh;font-family:Inter,sans-serif}@media (max-width: 767px){.inventory-view-page{padding:8px}.inventory-title{font-size:1.25rem}.inventory-sections-container{gap:10px}.inventory-section__header-bar .lab-inventory-header,.inventory-section__lab-title{font-size:1em}.table-scroll-wrapper{max-height:350px}.inventory-table th,.inventory-table td{padding:5px 8px;font-size:.75rem}}.inventory-header{display:flex;flex-direction:column;gap:8px;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #dee2e6}@media (min-width: 768px){.inventory-header{flex-direction:row;align-items:center;margin-bottom:15px;padding-bottom:10px}}.inventory-title{font-size:1.4rem;font-weight:700;color:#212529}@media (min-width: 768px){.inventory-title{font-size:1.6rem}}.loading-text,.error-text{text-align:center;padding:15px 0;font-size:.9rem;color:#6c757d}@media (min-width: 768px){.loading-text,.error-text{padding:20px 0;font-size:.95rem}}.error-text{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;padding:8px 12px;margin:10px auto;max-width:100%}@media (min-width: 768px){.error-text{padding:10px 14px;margin:12px auto;max-width:800px}}.inventory-sections-container{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 1024px){.inventory-sections-container{grid-template-columns:1fr 1fr;gap:15px}}.inventory-section__header-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;align-items:flex-start}.inventory-section__header-bar .lab-inventory-header{font-size:1.2em;margin-bottom:0;border-bottom:none}.inventory-section__search-area{display:flex;align-items:center;width:100%}.inventory-section__search-area .lab-inventory-input{flex-grow:1;margin-right:5px;margin-bottom:0}@media (min-width: 768px){.inventory-section__header-bar{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:12px}.inventory-section__header-bar .lab-inventory-header{font-size:1.35em}.inventory-section__search-area{width:auto}.inventory-section__search-area .lab-inventory-input{width:220px;flex-grow:0}}.inventory-section__controls{display:flex;flex-direction:column;gap:8px;width:100%}@media (min-width: 768px){.inventory-section__controls{flex-direction:row;align-items:center;width:auto}}.inventory-section__filter-area{display:flex;align-items:center;width:100%}.lab-inventory-select{padding:6px 10px;border:1px solid #ced4da;border-radius:6px;background-color:#fff;font-size:.85rem;color:#495057;cursor:pointer;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;width:100%}.lab-inventory-select:hover{border-color:#adb5bd}.lab-inventory-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}@media (min-width: 768px){.lab-inventory-select{width:160px;margin-left:8px}}@media (prefers-color-scheme: dark){.lab-inventory-select{border-color:#4b5563;background-color:#374151;color:#d1d5db}.lab-inventory-select:hover{border-color:#6b7280}.lab-inventory-select:focus{border-color:#60a5fa;box-shadow:0 0 0 .2rem #60a5fa40}}.inventory-section__lab-title{font-size:1.2em;margin-bottom:10px;border-bottom:none}@media (min-width: 768px){.inventory-section__lab-title{font-size:1.35em}}.table-container{overflow-x:auto;width:100%}.table-scroll-wrapper{max-height:400px;overflow-y:auto;border:1px solid #dee2e6;border-radius:6px;background-color:#fff}@media (min-width: 768px){.table-scroll-wrapper{max-height:500px;border-radius:8px}}.inventory-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.8rem}@media (min-width: 768px){.inventory-table{font-size:.85rem;border-collapse:separate}}.inventory-table thead{background-color:#e9ecef;position:sticky;top:0;z-index:10}.inventory-table th{padding:8px 10px;text-align:left;font-size:.75rem;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #adb5bd;white-space:nowrap}@media (min-width: 768px){.inventory-table th{padding:10px 12px;font-size:.75rem;letter-spacing:.05em}}.inventory-table th:first-child{border-top-left-radius:5px}.inventory-table th:last-child{border-top-right-radius:5px}@media (min-width: 768px){.inventory-table th:first-child{border-top-left-radius:7px}.inventory-table th:last-child{border-top-right-radius:7px}}.inventory-table tbody tr{transition:background-color .15s ease-in-out}.inventory-table tbody tr:nth-child(2n){background-color:#f8f9fa}.inventory-table tbody tr:hover{background-color:#e2e6ea}.inventory-table td{padding:8px 10px;border-bottom:1px solid #e9ecef;color:#343a40;white-space:nowrap}@media (min-width: 768px){.inventory-table td{padding:10px 12px}}.inventory-table tbody tr:last-child td{border-bottom:none}.no-data-message{text-align:center;padding:20px 0;color:#6c757d;font-style:italic;font-size:.95rem}@media (min-width: 768px){.no-data-message{padding:30px 0;font-size:1.05rem}}.highlight-box{padding:4px 8px;border-radius:12px;font-weight:500;display:inline-flex;align-items:center;font-size:.8rem;line-height:1.2;text-align:center;min-width:70px;white-space:nowrap}@media (min-width: 768px){.highlight-box{padding:5px 10px;border-radius:16px;font-size:.85rem;min-width:80px}}.highlight-low-stock{border:1px solid #ffc107;color:#856404;background-color:#fff3cd}.highlight-near-expiry{border:1px solid #fd7e14;color:#8a4500;background-color:#ffe8d6}.highlight-expired{border:1px solid #dc3545;color:#721c24;background-color:#f8d7da;font-weight:600}.price-text{font-weight:500;color:#28a745;white-space:nowrap}.price-text:before{content:"₹";margin-right:2px}.lab-inventory-card:hover{box-shadow:0 10px 20px #0000001f,0 4px 8px #00000014;transform:translateY(-4px)}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #007bff80;outline-offset:2px}.icon-align{vertical-align:middle;margin-right:.3em}@media (prefers-color-scheme: dark){.inventory-view-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.inventory-header{border-bottom-color:#334155}.inventory-title{color:#f1f5f9;text-shadow:0 0 20px rgba(129,140,248,.2)}.loading-text{color:#7dd3fc;text-shadow:0 0 10px rgba(56,189,248,.3)}.error-text{background:linear-gradient(135deg,#7f1d1d33,#b91c1c26);border:1px solid rgba(248,113,113,.3);color:#fca5a5;box-shadow:0 4px 12px #7f1d1d33}.inventory-section__header-bar .lab-inventory-header,.inventory-section__lab-title{color:#f1f5f9}.table-scroll-wrapper{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);box-shadow:0 4px 20px #0006}.inventory-table thead{background:linear-gradient(180deg,#0f172a,#1e293b)}.inventory-table th{color:#e2e8f0;border-bottom:2px solid #475569;font-weight:600}.inventory-table tbody tr{transition:all .2s ease}.inventory-table tbody tr:nth-child(2n){background:#253348}.inventory-table tbody tr:hover{background:linear-gradient(135deg,#334155,#3f4f67);box-shadow:inset 0 0 0 1px #818cf81a}.inventory-table td{border-bottom-color:#334155;color:#e2e8f0}.no-data-message{color:#64748b;background:#0f172a80;padding:30px;border-radius:8px}.highlight-low-stock{background:linear-gradient(135deg,#fbbf2426,#eab3081a);border:1px solid rgba(251,191,36,.4);color:#fcd34d;box-shadow:0 2px 8px #fbbf2426}.highlight-near-expiry{background:linear-gradient(135deg,#f9731626,#fb923c1a);border:1px solid rgba(249,115,22,.4);color:#fdba74;box-shadow:0 2px 8px #f9731626}.highlight-expired{background:linear-gradient(135deg,#ef444426,#f871711a);border:1px solid rgba(239,68,68,.4);color:#fca5a5;box-shadow:0 2px 8px #ef444433}.price-text{color:#6ee7b7;font-weight:600}.lab-inventory-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);box-shadow:0 4px 20px #0006}.lab-inventory-card:hover{box-shadow:0 12px 30px #00000080,0 0 20px #818cf814;border-color:#818cf833}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-color:#818cf880;box-shadow:0 0 0 3px #818cf833}}.dark-mode .inventory-view-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark-mode .inventory-header{border-bottom-color:#334155}.dark-mode .inventory-title{color:#f1f5f9;text-shadow:0 0 20px rgba(129,140,248,.2)}.dark-mode .loading-text{color:#7dd3fc;text-shadow:0 0 10px rgba(56,189,248,.3)}.dark-mode .error-text{background:linear-gradient(135deg,#7f1d1d33,#b91c1c26);border:1px solid rgba(248,113,113,.3);color:#fca5a5;box-shadow:0 4px 12px #7f1d1d33}.dark-mode .inventory-section__header-bar .lab-inventory-header,.dark-mode .inventory-section__lab-title{color:#f1f5f9}.dark-mode .table-scroll-wrapper{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);box-shadow:0 4px 20px #0006}.dark-mode .inventory-table thead{background:linear-gradient(180deg,#0f172a,#1e293b)}.dark-mode .inventory-table th{color:#e2e8f0;border-bottom:2px solid #475569;font-weight:600}.dark-mode .inventory-table tbody tr{transition:all .2s ease}.dark-mode .inventory-table tbody tr:nth-child(2n){background:#253348}.dark-mode .inventory-table tbody tr:hover{background:linear-gradient(135deg,#334155,#3f4f67);box-shadow:inset 0 0 0 1px #818cf81a}.dark-mode .inventory-table td{border-bottom-color:#334155;color:#e2e8f0}.dark-mode .no-data-message{color:#64748b;background:#0f172a80;padding:30px;border-radius:8px}.dark-mode .highlight-low-stock{background:linear-gradient(135deg,#fbbf2426,#eab3081a);border:1px solid rgba(251,191,36,.4);color:#fcd34d;box-shadow:0 2px 8px #fbbf2426}.dark-mode .highlight-near-expiry{background:linear-gradient(135deg,#f9731626,#fb923c1a);border:1px solid rgba(249,115,22,.4);color:#fdba74;box-shadow:0 2px 8px #f9731626}.dark-mode .highlight-expired{background:linear-gradient(135deg,#ef444426,#f871711a);border:1px solid rgba(239,68,68,.4);color:#fca5a5;box-shadow:0 2px 8px #ef444433}.dark-mode .price-text{color:#6ee7b7;font-weight:600}.dark-mode .lab-inventory-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);box-shadow:0 4px 20px #0006}.dark-mode .lab-inventory-card:hover{box-shadow:0 12px 30px #00000080,0 0 20px #818cf814;border-color:#818cf833}.dark-mode a:focus,.dark-mode button:focus,.dark-mode input:focus,.dark-mode select:focus,.dark-mode textarea:focus{outline-color:#818cf880;box-shadow:0 0 0 3px #818cf833}.dark-mode .lab-inventory-select{background:linear-gradient(145deg,#1e293b,#334155);border:1px solid rgba(71,85,105,.5);color:#f1f5f9;box-shadow:inset 0 2px 4px #0003}.dark-mode .lab-inventory-select:hover{border-color:#818cf84d}.dark-mode .lab-inventory-select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}:root{--pod-primary: #007bff;--pod-primary-dark: #0056b3;--pod-primary-light: #e7f1ff;--pod-danger: #d9534f;--pod-danger-dark: #c9302c;--pod-danger-light: #fdf2f2;--pod-bg: #f4f7f6;--pod-card-bg: #ffffff;--pod-card-border: #e5e7eb;--pod-text-primary: #333333;--pod-text-secondary: #555555;--pod-text-muted: #666666;--pod-table-header-bg: #f0f0f0;--pod-table-row-alt: #fdfdfd;--pod-table-row-hover: #f5f5f5;--pod-input-bg: #fdfdfd;--pod-input-border: #cccccc;--pod-section-bg: #f9f9f9;--pod-border-light: #eeeeee;--pod-shadow: 0 4px 12px rgba(0, 0, 0, .08);--pod-shadow-hover: 0 8px 20px rgba(0, 0, 0, .12);--pod-transition: .2s ease}.pharmacy-order-details-page{padding:10px;background-color:var(--pod-bg);min-height:100vh;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--pod-text-primary);transition:background-color var(--pod-transition),color var(--pod-transition)}.order-details-container{max-width:100%;margin:0;background-color:var(--pod-card-bg);border-radius:12px;box-shadow:var(--pod-shadow);overflow:hidden;display:flex;flex-direction:column;transition:all var(--pod-transition)}.order-details-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,var(--pod-primary) 0%,#0066cc 100%);color:#fff;border-bottom:1px solid var(--pod-card-border)}.order-details-header h1{margin:0;font-size:1.4em;font-weight:700;letter-spacing:-.02em}.order-details-header .actions{display:flex;gap:8px}.print-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9em;transition:all var(--pod-transition);padding:8px 12px;border-radius:8px;font-weight:500}.print-button:hover{background-color:#fff3;transform:translateY(-1px)}.order-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;padding:15px;border-bottom:1px solid var(--pod-border-light);background:var(--pod-card-bg);transition:background-color var(--pod-transition)}.order-info-item{font-size:.9em;color:var(--pod-text-secondary);display:flex;align-items:center;gap:5px;transition:color var(--pod-transition)}.order-info-item strong{color:var(--pod-text-primary)}.status-pill{padding:4px 10px;border-radius:20px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.medications-section{padding:15px;background:var(--pod-card-bg);transition:background-color var(--pod-transition)}.medications-section h2{font-size:1.25em;color:var(--pod-primary);margin-bottom:10px;font-weight:600}.medications-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.85em;border-radius:10px;overflow:hidden}.medications-table th,.medications-table td{border:1px solid var(--pod-border-light);padding:10px 12px;text-align:left;transition:all var(--pod-transition)}.medications-table th{background-color:var(--pod-table-header-bg);font-weight:600;color:var(--pod-text-secondary);text-transform:uppercase;font-size:.8em;letter-spacing:.5px}.medications-table tbody tr{transition:background-color var(--pod-transition)}.medications-table tbody tr:nth-child(2n){background-color:var(--pod-table-row-alt)}.medications-table tbody tr:hover{background-color:var(--pod-table-row-hover)}.discount-input-table,.return-quantity-input{width:70px;padding:8px 10px;border:2px solid var(--pod-input-border);border-radius:8px;text-align:center;font-size:.95em;background:var(--pod-input-bg);color:var(--pod-text-primary);transition:all var(--pod-transition)}.discount-input-table:focus,.return-quantity-input:focus{border-color:var(--pod-primary);outline:none;box-shadow:0 0 0 3px #007bff26}.order-total-section{display:flex;justify-content:flex-end;align-items:center;padding:20px 25px;border-top:1px solid var(--pod-border-light);background-color:var(--pod-section-bg);font-size:1.3em;font-weight:700;color:var(--pod-primary);transition:all var(--pod-transition)}.total-label{margin-right:10px;font-weight:500;color:var(--pod-text-secondary)}.payment-section{display:flex;flex-direction:column;align-items:center;padding:25px;gap:20px;border-top:1px solid var(--pod-border-light);background:var(--pod-card-bg);transition:background-color var(--pod-transition)}.payment-mode-group{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px}.payment-mode-select{width:100%;padding:12px 14px;border:2px solid var(--pod-input-border);border-radius:10px;font-size:1em;background-color:var(--pod-input-bg);color:var(--pod-text-primary);cursor:pointer;transition:all var(--pod-transition)}.payment-mode-select:focus{border-color:var(--pod-primary);outline:none;box-shadow:0 0 0 3px #007bff26}.qr-code-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.qr-code-container p{font-size:.9em;color:var(--pod-text-muted);margin:0}.return-action-section{padding:25px;border-top:1px solid var(--pod-border-light);background-color:var(--pod-section-bg);display:flex;justify-content:flex-end;align-items:center;gap:20px;flex-wrap:wrap;transition:background-color var(--pod-transition)}.total-refund-display{font-size:1.2em;font-weight:700;color:var(--pod-danger)}.process-return-button{padding:12px 24px;background:linear-gradient(135deg,var(--pod-danger) 0%,#c9302c 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1em;font-weight:600;transition:all var(--pod-transition);display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #d9534f4d}.process-return-button:hover:not(:disabled){background:linear-gradient(135deg,#c9302c,#a82824);transform:translateY(-2px);box-shadow:0 6px 16px #d9534f66}.process-return-button:disabled{background:#e0a8a8;cursor:not-allowed;box-shadow:none;transform:none}[data-theme=dark] .pharmacy-order-details-page,.dark-mode .pharmacy-order-details-page,body.dark-mode .pharmacy-order-details-page{--pod-bg: #0f0f1a;--pod-card-bg: #1e1e2e;--pod-card-border: rgba(69, 71, 90, .5);--pod-text-primary: #cdd6f4;--pod-text-secondary: #a6adc8;--pod-text-muted: #6c7086;--pod-table-header-bg: #181825;--pod-table-row-alt: rgba(255, 255, 255, .02);--pod-table-row-hover: rgba(139, 92, 246, .08);--pod-input-bg: #313244;--pod-input-border: rgba(69, 71, 90, .6);--pod-section-bg: #181825;--pod-border-light: rgba(69, 71, 90, .4);--pod-shadow: 0 4px 16px rgba(0, 0, 0, .4);--pod-shadow-hover: 0 8px 24px rgba(0, 0, 0, .5);--pod-primary: #4facfe;--pod-danger: #f87171}[data-theme=dark] .order-details-container,.dark-mode .order-details-container,body.dark-mode .order-details-container{background:linear-gradient(145deg,#1e1e2e,#181825);box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff08 inset}[data-theme=dark] .order-details-header,.dark-mode .order-details-header,body.dark-mode .order-details-header{background:linear-gradient(135deg,#4c1d95,#6d28d9);border-bottom-color:#45475a80}[data-theme=dark] .back-button,.dark-mode .back-button,body.dark-mode .back-button,[data-theme=dark] .print-button,.dark-mode .print-button,body.dark-mode .print-button{background:#ffffff1a;border-color:#ffffff26}[data-theme=dark] .back-button:hover,.dark-mode .back-button:hover,body.dark-mode .back-button:hover,[data-theme=dark] .print-button:hover,.dark-mode .print-button:hover,body.dark-mode .print-button:hover{background:#fff3}[data-theme=dark] .discount-input-table,.dark-mode .discount-input-table,body.dark-mode .discount-input-table,[data-theme=dark] .return-quantity-input,.dark-mode .return-quantity-input,body.dark-mode .return-quantity-input,[data-theme=dark] .payment-mode-select,.dark-mode .payment-mode-select,body.dark-mode .payment-mode-select{background:linear-gradient(145deg,#313244,#2a2a3c);border-color:#45475a99;color:#cdd6f4}[data-theme=dark] .discount-input-table:focus,.dark-mode .discount-input-table:focus,body.dark-mode .discount-input-table:focus,[data-theme=dark] .return-quantity-input:focus,.dark-mode .return-quantity-input:focus,body.dark-mode .return-quantity-input:focus,[data-theme=dark] .payment-mode-select:focus,.dark-mode .payment-mode-select:focus,body.dark-mode .payment-mode-select:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}[data-theme=dark] .process-return-button,.dark-mode .process-return-button,body.dark-mode .process-return-button{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}[data-theme=dark] .process-return-button:hover:not(:disabled),.dark-mode .process-return-button:hover:not(:disabled),body.dark-mode .process-return-button:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 16px #ef444466}@media (max-width: 768px){.pharmacy-order-details-page{padding:12px}.order-details-container{border-radius:12px}.order-details-header{flex-direction:column;gap:12px;padding:16px;text-align:center}.order-details-header h1{font-size:1.3em}.order-details-header .actions{width:100%;justify-content:center}.back-button,.print-button{flex:1;justify-content:center;padding:12px 16px}.order-info-section{grid-template-columns:1fr;padding:16px;gap:12px}.medications-section{padding:16px}.medications-section h2{font-size:1.2em}.medications-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.medications-table th,.medications-table td{padding:10px 12px;font-size:.85em;white-space:nowrap}.order-total-section{padding:16px;font-size:1.1em;flex-direction:column;gap:8px;text-align:center}.total-label{margin-right:0}.payment-section{padding:16px;gap:16px}.payment-mode-group{max-width:100%}.return-action-section{padding:16px;flex-direction:column;gap:16px}.process-return-button{width:100%;justify-content:center;padding:14px 20px}}@media (max-width: 480px){.order-details-header h1{font-size:1.1em}.back-button,.print-button{font-size:.85em;padding:10px 14px}.order-info-item{font-size:.9em}.medications-table th,.medications-table td{padding:8px 10px;font-size:.8em}.discount-input-table,.return-quantity-input{width:55px;padding:6px 8px}}@media print{.print-only{display:block!important}span.print-only{display:inline!important}body *{visibility:hidden}.printable-section,.printable-section *{visibility:visible}.printable-section{position:absolute;left:0;top:0;width:100%;margin:0;padding:0;box-shadow:none;border-radius:0;background-color:#fff}.no-print{display:none!important}.billing-header.print-only{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;color:#333;border-bottom:2px solid #000;text-align:left;flex-wrap:nowrap}.clinic-header-left{display:flex;flex-direction:row;align-items:center;gap:8px;flex-grow:1;flex-basis:40%;min-width:250px}.clinic-info-print{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:0;flex-wrap:nowrap}.clinic-logo-container{margin-bottom:0;flex-shrink:0}.clinic-logo-print{max-width:70px;height:auto}.clinic-name-and-details-print{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex-grow:1}.billing-header.print-only h1{font-size:1.2em;color:#000;margin:0;text-align:left;white-space:normal;line-height:1.1}.clinic-details-print{margin-top:0;text-align:left;font-size:.6em;line-height:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:2px}.clinic-details-print .small-text{margin:0;padding:0;font-size:1em;color:#444;white-space:normal}.clinic-details-print .small-text.clinic-address:after{content:",";margin-right:2px}.clinic-license{display:block}.clinic-details-print .small-text.clinic-notes:empty{display:none}.clinic-details-print .small-text.clinic-address:empty+.small-text.clinic-notes{margin-left:0}.qr-code-printable-section{display:flex!important;justify-content:center;align-items:center;margin:0 10px;flex-shrink:0;order:unset;width:auto;text-align:center;flex-basis:100px}.patient-info-grid.print-only-patient-details{display:flex;flex-direction:column;gap:1px;padding:0;border-top:none;margin-top:0;align-items:flex-end;justify-content:flex-start;text-align:right;flex-shrink:0;flex-basis:30%;min-width:150px}.patient-info-grid.print-only-patient-details .info-item{font-size:.7em;margin:0;padding:0;justify-content:flex-end}.patient-info-grid.print-only-patient-details .info-item{font-size:.8em;margin:0;padding:0}.medications-table{margin-top:20px;border:1px solid #000}.medications-table th,.medications-table td{border:1px solid #000;padding:8px}.medications-table th{background-color:#f0f0f0}.print-only-total{text-align:right;font-size:1.3em;margin-top:20px;padding-right:15px}.hide-on-screen{display:none}}.subscription-page-container{padding:1.5rem;max-width:900px;margin:1.5rem auto;background-color:#f9fafb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.subscription-page-container h1,.subscription-page-container h2{color:#1f2937;margin-bottom:1rem;text-align:left;font-weight:700}.subscription-page-container h1{font-size:1.5rem;display:flex;align-items:center}.subscription-page-container h1 svg{margin-right:.5rem;color:#4f46e5}.subscription-page-container h2{font-size:1.15rem;font-weight:600;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.subscription-form{background-color:#fff;padding:1.25rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:1.25rem}.subscription-form .form-group{margin-bottom:.875rem}.subscription-form label{display:block;margin-bottom:.375rem;font-weight:500;color:#374151;font-size:.85rem}.subscription-form input[type=text],.subscription-form input[type=number],.subscription-form input[type=date],.subscription-form textarea,.subscription-form select{width:100%;padding:.5rem .625rem;border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box;font-size:.85rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:#fff}.subscription-form input[type=text]:focus,.subscription-form input[type=number]:focus,.subscription-form input[type=date]:focus,.subscription-form textarea:focus,.subscription-form select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #4f46e54d}.subscription-form textarea{min-height:70px;resize:vertical}.subscription-form .form-group input[type=radio]{width:auto;margin-right:.375rem;accent-color:#4f46e5}.subscription-form .form-group label.inline-flex{display:inline-flex;align-items:center;font-weight:400;color:#374151;margin-right:.875rem;font-size:.85rem}.subscription-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .875rem;border:1px solid transparent;border-radius:.375rem;cursor:pointer;font-size:.85rem;font-weight:500;color:#fff;background-color:#4f46e5;box-shadow:0 1px 2px #0000000d;transition:background-color .15s ease-in-out}.subscription-btn:hover:not(:disabled){background-color:#4338ca}.subscription-btn:focus{outline:none;box-shadow:0 0 0 2px #4f46e580}.subscription-btn:disabled{opacity:.5;cursor:not-allowed}.subscription-btn-danger{background-color:#dc2626;color:#fff}.subscription-btn-danger:hover:not(:disabled){background-color:#b91c1c}.subscription-btn-secondary{background-color:#6b7280;color:#fff}.subscription-btn-secondary:hover:not(:disabled){background-color:#4b5563}.subscription-page-container .all-patients-back-button{display:inline-flex;align-items:center;padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;font-size:.85rem;font-weight:500;color:#374151;background-color:#fff;transition:background-color .15s ease-in-out;margin-bottom:1rem}.subscription-page-container .all-patients-back-button:hover{background-color:#f9fafb}.subscription-page-container .all-patients-back-button svg{margin-right:.375rem}.subscription-plan-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:.75rem}.subscription-plan-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000a;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out,transform .2s ease-in-out;cursor:pointer}.subscription-plan-card:hover{box-shadow:0 4px 8px #0000001a;border-color:#a5b4fc;transform:translateY(-2px)}.subscription-plan-card.selected-plan{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e566;transform:translateY(-1px)}.subscription-plan-card h3{font-size:1.15rem;color:#374151;font-weight:600;margin-top:0;margin-bottom:.375rem}.subscription-plan-card p{font-size:.85rem;color:#4b5563;margin-bottom:.375rem;line-height:1.4}.subscription-plan-card .price{font-size:1.35rem;font-weight:700;color:#10b981;margin-bottom:.5rem}.subscription-plan-card .duration{font-style:normal;color:#6b7280;font-size:.9rem;font-weight:500}.subscription-plan-actions{margin-top:.75rem;display:flex;gap:.5rem;justify-content:flex-end}.subscription-plan-actions .subscription-btn{padding:.375rem .625rem;font-size:.8rem}.subscription-table{width:100%;border-collapse:collapse;margin-top:1rem;background-color:#fff;box-shadow:0 2px 4px #0000000d;border-radius:.5rem;overflow:hidden;overflow-x:auto}.subscription-table th,.subscription-table td{border-bottom:1px solid #e5e7eb;padding:.625rem .875rem;text-align:left;font-size:.85rem}.subscription-table th{background-color:#f3f4f6;color:#374151;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.subscription-table tr:hover{background-color:#f9fafb}.subscription-table td{color:#4b5563}.subscription-table .actions-cell{display:flex;gap:.5rem}.subscription-table .actions-cell .subscription-btn{padding:.25rem .5rem;font-size:.8rem}.loading-state-subscription,.error-state-subscription{text-align:center;padding:2rem 0;color:#6b7280;font-size:.95rem}.error-alert-subscription{background-color:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;padding:.625rem .875rem;border-radius:.375rem;margin-bottom:.75rem}@media (max-width: 768px){.subscription-plan-list{grid-template-columns:1fr}.subscription-form{padding:.875rem}.subscription-page-container h1{font-size:1.35rem}.subscription-page-container h2{font-size:1.1rem}.subscription-page-container{padding:.875rem;margin:1rem auto}}@media (prefers-color-scheme: dark){.subscription-page-container{background-color:#111827;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #00000040}.subscription-page-container h1,.subscription-page-container h2{color:#e5e7eb}.subscription-page-container h1 svg{color:#818cf8}.subscription-page-container h2{border-bottom-color:#4b5563}.subscription-form{background-color:#1f2937;box-shadow:0 1px 3px #0000004d,0 1px 2px #00000040}.subscription-form label{color:#d1d5db}.subscription-form input[type=text],.subscription-form input[type=number],.subscription-form input[type=date],.subscription-form textarea,.subscription-form select{background-color:#374151;border-color:#6b7280;color:#e5e7eb}.subscription-form input[type=date]{color-scheme:dark}.subscription-form select option{background-color:#374151;color:#e5e7eb}.subscription-form input[type=text]:focus,.subscription-form input[type=number]:focus,.subscription-form input[type=date]:focus,.subscription-form textarea:focus,.subscription-form select:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf866}.subscription-form .form-group input[type=radio]{accent-color:#818cf8}.subscription-form .form-group label.inline-flex{color:#d1d5db}.subscription-btn{background-color:#6366f1}.subscription-btn:hover:not(:disabled){background-color:#4f46e5}.subscription-btn:focus{box-shadow:0 0 0 2px #6366f180}.subscription-btn-danger{background-color:#ef4444}.subscription-btn-danger:hover:not(:disabled){background-color:#dc2626}.subscription-btn-secondary{background-color:#6b7280}.subscription-btn-secondary:hover:not(:disabled){background-color:#4b5563}.subscription-page-container .all-patients-back-button{border-color:#4b5563;color:#d1d5db;background-color:#374151}.subscription-page-container .all-patients-back-button:hover{background-color:#4b5563}.subscription-plan-card{background-color:#1f2937;border-color:#4b5563;box-shadow:0 1px 3px #0000004d,0 1px 2px #00000040}.subscription-plan-card:hover{box-shadow:0 4px 8px #0000004d;border-color:#818cf8}.subscription-plan-card.selected-plan{border-color:#818cf8;box-shadow:0 0 0 2px #818cf880}.subscription-plan-card h3{color:#e5e7eb}.subscription-plan-card p{color:#d1d5db}.subscription-plan-card .price{color:#6ee7b7}.subscription-plan-card .duration{color:#9ca3af}.subscription-table{background-color:#1f2937;box-shadow:0 2px 4px #00000040}.subscription-table th,.subscription-table td{border-bottom-color:#4b5563}.subscription-table th{background-color:#374151;color:#d1d5db}.subscription-table tr:hover{background-color:#374151}.subscription-table td{color:#d1d5db}.loading-state-subscription,.error-state-subscription{color:#9ca3af}.error-alert-subscription{background-color:#7f1d1d;border-color:#b91c1c;color:#fecaca}}.user-management-page{padding:1rem;background-color:#f4f7f6;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:1rem}.user-management-page h1{color:#333;margin-bottom:1rem;text-align:center;font-size:1.5rem}.add-user-button{background-color:#28a745;color:#fff;padding:.6rem 1rem;border:none;border-radius:5px;cursor:pointer;font-size:.95rem;margin-bottom:1rem;transition:background-color .3s ease}.add-user-button:hover{background-color:#218838}.controls-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:10px}.search-input{flex-grow:1;padding:.6rem;border:1px solid #ccc;border-radius:5px;font-size:.95rem;max-width:300px}.user-table{width:100%;border-collapse:collapse;margin-top:1rem;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.user-table th,.user-table td{border:1px solid #ddd;padding:.75rem;text-align:left;font-size:.9rem}.user-table th{background-color:#e9ecef;color:#555;font-weight:700}.user-table tr:nth-child(2n){background-color:#f8f9fa}.user-table tr:hover{background-color:#e2e6ea}.edit-button,.delete-button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:5px;transition:background-color .3s ease}.edit-button{background-color:#007bff;color:#fff}.edit-button:hover{background-color:#0056b3}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;margin:auto;padding:20px;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:480px;position:relative;border:1px solid var(--border-color, #e2e8f0)}.modal-content h2{margin-top:0;color:#333;margin-bottom:16px;text-align:center;font-size:1.25rem;font-weight:700;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.close-button{color:#aaa;position:absolute;top:10px;right:15px;font-size:28px;font-weight:700;cursor:pointer}.close-button:hover,.close-button:focus{color:#333;text-decoration:none}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:4px;color:#555;font-weight:500;font-size:.85rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;box-sizing:border-box}.modal-content button[type=submit]{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;width:100%;transition:background-color .3s ease}.modal-content button[type=submit]:hover{background-color:#0056b3}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:5px;margin-bottom:20px;text-align:center}@media (max-width: 768px){.user-management-page{padding:.75rem;margin:.5rem}.user-management-page h1{font-size:1.25rem;margin-bottom:.75rem}.controls-container{flex-direction:column;gap:.5rem}.search-input{max-width:100%;width:100%}.add-user-button{width:100%;min-height:44px;font-size:.9rem}.user-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.user-table th,.user-table td{padding:.5rem;font-size:.8rem}.edit-button,.delete-button{padding:6px 10px;font-size:.75rem;min-height:36px}.modal{align-items:flex-end}.modal-content{width:100%;max-width:100%;border-radius:16px 16px 0 0;margin:0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.close-button{top:15px;right:20px;font-size:32px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select{width:100%;padding:12px;font-size:16px;min-height:44px;box-sizing:border-box}.modal-content button[type=submit]{min-height:48px;font-size:1rem}}@media (max-width: 480px){.user-management-page{padding:.5rem;margin:.25rem;border-radius:0}.user-management-page h1{font-size:1.1rem}.user-table,.user-table thead,.user-table tbody,.user-table th,.user-table td,.user-table tr{display:block}.user-table thead{display:none}.user-table tr{margin-bottom:.75rem;border:1px solid #ddd;border-radius:8px;padding:.75rem;background:#fff;box-shadow:0 2px 4px #0000000d}.user-table td{padding:.5rem 0;border:none;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.user-table td:before{content:attr(data-label);font-weight:600;color:#555;flex:0 0 40%;text-align:left}.user-table td:last-child{justify-content:flex-end;padding-top:.75rem;border-top:1px solid #eee;margin-top:.5rem}.edit-button,.delete-button{padding:8px 14px;font-size:.8rem;min-height:40px}.modal-content h2{font-size:1.1rem;padding-right:40px}.form-group{margin-bottom:12px}.form-group label{font-size:.85rem}}@media (prefers-color-scheme: dark){.user-management-page{background-color:#1f2937;box-shadow:0 2px 4px #0000004d}.user-management-page h1{color:#e5e7eb}.search-input{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.add-user-button{background-color:#10b981}.add-user-button:hover{background-color:#059669}.user-table{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}.user-table th,.user-table td{border-color:#4b5563}.user-table th{background-color:#374151;color:#e5e7eb}.user-table tr:nth-child(2n){background-color:#2c3a4b}.user-table tr:hover{background-color:#374151}.user-table td{color:#d1d5db}.edit-button{background-color:#3b82f6}.edit-button:hover{background-color:#2563eb}.delete-button{background-color:#ef4444}.delete-button:hover{background-color:#dc2626}.modal{background-color:#0009}.modal-content{background-color:#1f2937;box-shadow:0 4px 12px #0006}.modal-content h2{color:#e5e7eb}.close-button{color:#9ca3af}.close-button:hover{color:#e5e7eb}.form-group label{color:#d1d5db}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.form-group select option{background-color:#374151;color:#e5e7eb}.modal-content button[type=submit]{background-color:#3b82f6}.modal-content button[type=submit]:hover{background-color:#2563eb}.error-message{background-color:#7f1d1d4d;border-color:#b91c1c;color:#fca5a5}}.dark-mode .user-management-page,body.dark-mode .user-management-page,[data-theme=dark] .user-management-page{background-color:#1f2937}.dark-mode .user-management-page h1,body.dark-mode .user-management-page h1,[data-theme=dark] .user-management-page h1{color:#e5e7eb}.dark-mode .user-table,body.dark-mode .user-table,[data-theme=dark] .user-table{background-color:#1f2937}.dark-mode .user-table th,body.dark-mode .user-table th,[data-theme=dark] .user-table th{background-color:#374151;color:#e5e7eb}.dark-mode .user-table td,body.dark-mode .user-table td,[data-theme=dark] .user-table td{color:#d1d5db;border-color:#4b5563}.dark-mode .modal-content,body.dark-mode .modal-content,[data-theme=dark] .modal-content{background-color:#1f2937}.dark-mode .modal-content h2,body.dark-mode .modal-content h2,[data-theme=dark] .modal-content h2{color:#e5e7eb}.dark-mode .form-group input,.dark-mode .form-group select,body.dark-mode .form-group input,body.dark-mode .form-group select,[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background-color:#374151;border-color:#4b5563;color:#e5e7eb}._modalOverlay_cydw9_3{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContent_cydw9_29{background-color:var(--background-color, #ffffff);color:var(--text-color, #333333);padding:16px 20px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column}._modalHeader_cydw9_53{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #e0e0e0);padding-bottom:10px;margin-bottom:16px}._modalTitle_cydw9_71{font-size:1.15rem;font-weight:700;color:var(--heading-color, #222222)}._modalCloseButton_cydw9_83{background:none;border:none;color:var(--text-color, #333333);cursor:pointer;padding:5px;border-radius:5px;transition:background-color .2s ease}._modalCloseButton_cydw9_83:hover{background-color:var(--hover-background-color, #f0f0f0)}._modalBody_cydw9_111{margin-bottom:16px}._formGroup_cydw9_119{margin-bottom:12px}._formGroup_cydw9_119 label{display:block;margin-bottom:6px;font-weight:700;font-size:.85rem;color:var(--label-color, #555555)}._inputField_cydw9_143{width:100%;padding:8px 12px;border:1px solid var(--input-border-color, #cccccc);border-radius:6px;background-color:var(--input-background-color, #ffffff);color:var(--input-text-color, #333333);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}._inputField_cydw9_143:focus{border-color:var(--focus-border-color, #007bff);box-shadow:0 0 0 3px var(--focus-shadow-color, rgba(0, 123, 255, .25));outline:none}._errorText_cydw9_177{color:#dc3545;background-color:#f8d7da;padding:10px;border-radius:5px;margin-bottom:15px;border:1px solid #f5c6cb}._successText_cydw9_195{color:#155724;background-color:#d4edda;padding:10px;border-radius:5px;margin-bottom:15px;border:1px solid #c3e6cb}._modalFooter_cydw9_213{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-color, #e0e0e0);padding-top:16px}._button_cydw9_229{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;border:none;transition:background-color .2s ease}._buttonPrimary_cydw9_249{background-color:var(--primary-color, #007bff);color:#fff}._buttonPrimary_cydw9_249:hover:not(:disabled){background-color:var(--primary-dark-color, #0056b3)}._buttonSecondary_cydw9_267{background-color:var(--secondary-color, #6c757d);color:#fff}._buttonSecondary_cydw9_267:hover:not(:disabled){background-color:var(--secondary-dark-color, #5a6268)}._button_cydw9_229:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){._modalContent_cydw9_29{background-color:#2c2c2c;color:#e0e0e0}._inputField_cydw9_143{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}._modalCloseButton_cydw9_83{color:#e0e0e0}._modalCloseButton_cydw9_83:hover{background-color:#3a3a3a}}.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .4s ease-out}.tutorial-card{width:95%;max-width:800px;height:500px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;overflow:hidden;position:relative;transition:opacity .3s ease,transform .3s ease}.tutorial-card.fade-out{opacity:0;transform:scale(.98)}.tutorial-card.fade-in{opacity:1;transform:scale(1)}.tutorial-visual{width:35%;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;color:#fff;position:relative}.icon-circle{width:100px;height:100px;background:#fff3;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.step-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.step-indicators{position:absolute;bottom:2rem;display:flex;gap:8px}.step-dot{width:8px;height:8px;border-radius:50%;background:#fff6;transition:all .3s ease}.step-dot.active{width:24px;background:#fff;border-radius:12px}.step-dot.completed{background:#fffc}.tutorial-content{flex:1;padding:3rem;display:flex;flex-direction:column;position:relative}.close-button{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.close-button:hover{background:#f3f4f6;color:#ef4444}.text-content h2{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.75rem;letter-spacing:-.025em;background:linear-gradient(90deg,#111827,#4b5563);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-content .description{font-size:1.1rem;color:#6b7280;line-height:1.6;margin-bottom:2rem}.interactive-area{flex:1;display:flex;flex-direction:column;justify-content:center}.tutorial-interactive-component{width:100%}.tutorial-interactive-component.center-content{text-align:center}.action-hint{font-size:.9rem;color:#9ca3af;margin-bottom:1rem;font-weight:500}.input-group{display:flex;gap:12px;margin-bottom:12px}.tutorial-input{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s;background:#f9fafb}.tutorial-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fff}.role-badge{display:flex;align-items:center;justify-content:center;background:#e0e7ff;color:#4338ca;font-weight:600;font-size:.85rem;padding:0 1rem;border-radius:12px;white-space:nowrap}.tutorial-button{padding:12px 24px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:8px}.tutorial-button.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 6px -1px #4f46e54d}.tutorial-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e566}.tutorial-button.primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.tutorial-button.small{padding:8px 16px;font-size:.9rem}.tutorial-button.text-only{background:transparent;color:#6b7280;font-weight:500}.tutorial-button.text-only:hover{color:#111827;text-decoration:underline}.success-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#dcfce7;color:#166534;border-radius:99px;font-weight:600;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.example-cards-grid{display:grid;grid-template-columns:1fr;gap:12px}.tutorial-example-card{display:flex;align-items:center;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s}.tutorial-example-card:hover{background:#fff;border-color:#6366f1;box-shadow:0 4px 12px #6366f11a;transform:translate(4px)}.example-icon{font-size:1.5rem;margin-right:16px;background:#fff;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 2px 4px #0000000d}.example-info{flex:1}.example-info h4{font-size:1rem;font-weight:600;color:#111827;margin-bottom:2px}.example-info p{font-size:.85rem;color:#6b7280;margin:0;line-height:1.4}.arrow-icon{color:#d1d5db;transition:transform .2s}.tutorial-example-card:hover .arrow-icon{color:#6366f1;transform:translate(2px)}.status-message{margin-top:1rem;padding:.75rem;border-radius:12px;font-size:.9rem;font-weight:500;text-align:center}.status-message.success{color:#166534;background:#f0fdf4}.status-message.error{color:#991b1b;background:#fef2f2}.action-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem}@media (max-width: 768px){.tutorial-card{flex-direction:column;height:90vh;max-height:700px;border-radius:16px}.tutorial-visual{width:100%;height:30%;padding:1.5rem;flex-direction:row;justify-content:space-between;align-items:center}.icon-circle{width:60px;height:60px;margin-bottom:0}.step-indicators{position:static}.tutorial-content{padding:1.5rem}.text-content h2{font-size:1.5rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.text-xs{font-size:.75rem}.opacity-80{opacity:.8}.mt-1{margin-top:.25rem}.shortcut-hint-badge{background:#fff3;border:1px solid rgba(255,255,255,.3);padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500;margin-left:6px}[data-theme=dark] .tutorial-overlay,.dark-mode .tutorial-overlay,body.dark-mode .tutorial-overlay{background:linear-gradient(135deg,#000000b3,#1e1e2ed9)}[data-theme=dark] .tutorial-card,.dark-mode .tutorial-card,body.dark-mode .tutorial-card{background:linear-gradient(145deg,#1e1e2e,#181825);box-shadow:0 25px 50px -12px #00000080,0 12px 24px -8px #7c3aed33,0 0 0 1px #ffffff0d inset}[data-theme=dark] .tutorial-visual,.dark-mode .tutorial-visual,body.dark-mode .tutorial-visual{background:linear-gradient(135deg,#4c1d95,#6d28d9,#7c3aed)}[data-theme=dark] .icon-circle,.dark-mode .icon-circle,body.dark-mode .icon-circle{background:#ffffff26;box-shadow:0 8px 32px #0003}[data-theme=dark] .tutorial-content,.dark-mode .tutorial-content,body.dark-mode .tutorial-content{background:transparent}[data-theme=dark] .close-button,.dark-mode .close-button,body.dark-mode .close-button{color:#a6adc8}[data-theme=dark] .close-button:hover,.dark-mode .close-button:hover,body.dark-mode .close-button:hover{background:#ef444426;color:#f87171}[data-theme=dark] .text-content h2,.dark-mode .text-content h2,body.dark-mode .text-content h2{background:linear-gradient(90deg,#cdd6f4,#a6adc8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .text-content .description,.dark-mode .text-content .description,body.dark-mode .text-content .description{color:#a6adc8}[data-theme=dark] .action-hint,.dark-mode .action-hint,body.dark-mode .action-hint{color:#6c7086}[data-theme=dark] .tutorial-input,.dark-mode .tutorial-input,body.dark-mode .tutorial-input{background:linear-gradient(145deg,#313244,#2a2a3c);border-color:#45475a99;color:#cdd6f4}[data-theme=dark] .tutorial-input:focus,.dark-mode .tutorial-input:focus,body.dark-mode .tutorial-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26;background:#313244}[data-theme=dark] .role-badge,.dark-mode .role-badge,body.dark-mode .role-badge{background:#8b5cf633;color:#cba6f7}[data-theme=dark] .tutorial-button.primary,.dark-mode .tutorial-button.primary,body.dark-mode .tutorial-button.primary{background:linear-gradient(135deg,#6d28d9,#7c3aed,#8b5cf6);box-shadow:0 4px 12px #7c3aed59}[data-theme=dark] .tutorial-button.text-only,.dark-mode .tutorial-button.text-only,body.dark-mode .tutorial-button.text-only{color:#a6adc8}[data-theme=dark] .tutorial-button.text-only:hover,.dark-mode .tutorial-button.text-only:hover,body.dark-mode .tutorial-button.text-only:hover{color:#cdd6f4}[data-theme=dark] .success-badge,.dark-mode .success-badge,body.dark-mode .success-badge{background:#10b98126;color:#34d399}[data-theme=dark] .tutorial-example-card,.dark-mode .tutorial-example-card,body.dark-mode .tutorial-example-card{background:linear-gradient(145deg,#313244,#2a2a3c);border-color:#45475a80}[data-theme=dark] .tutorial-example-card:hover,.dark-mode .tutorial-example-card:hover,body.dark-mode .tutorial-example-card:hover{background:linear-gradient(145deg,#3a3a4c,#313244);border-color:#a78bfa;box-shadow:0 4px 16px #8b5cf633}[data-theme=dark] .example-icon,.dark-mode .example-icon,body.dark-mode .example-icon{background:#8b5cf626;box-shadow:none}[data-theme=dark] .example-info h4,.dark-mode .example-info h4,body.dark-mode .example-info h4{color:#cdd6f4}[data-theme=dark] .example-info p,.dark-mode .example-info p,body.dark-mode .example-info p{color:#a6adc8}[data-theme=dark] .arrow-icon,.dark-mode .arrow-icon,body.dark-mode .arrow-icon{color:#6c7086}[data-theme=dark] .tutorial-example-card:hover .arrow-icon,.dark-mode .tutorial-example-card:hover .arrow-icon,body.dark-mode .tutorial-example-card:hover .arrow-icon{color:#cba6f7}[data-theme=dark] .status-message.success,.dark-mode .status-message.success,body.dark-mode .status-message.success{background:#10b9811a;color:#34d399}[data-theme=dark] .status-message.error,.dark-mode .status-message.error,body.dark-mode .status-message.error{background:#ef44441a;color:#f87171}@media (max-width: 768px){[data-theme=dark] .tutorial-card,.dark-mode .tutorial-card,body.dark-mode .tutorial-card{border-radius:12px}}.refill-reminders-container{padding:8px;background-color:#f8f9fa;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:8px}.refill-header{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}@media (min-width: 768px){.refill-header{flex-direction:row;justify-content:space-between;align-items:center}}.refill-title{font-size:1.4em;color:#343a40;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:6px}.refill-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.refill-action-button{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease-in-out;border:none;color:#fff}.btn-add{background-color:#007bff}.btn-add:hover{background-color:#0056b3}.search-box{position:relative;max-width:220px;width:100%}.search-box input{width:100%;padding:5px 8px 5px 28px;border:1px solid #ced4da;border-radius:6px;font-size:.75rem;transition:border-color .2s}.search-box input:focus{border-color:#007bff;outline:none}.search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:.75em}.refill-table-container{flex-grow:1;overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.refill-table{width:100%;border-collapse:collapse;min-width:800px}.refill-table th,.refill-table td{padding:5px 8px;border-bottom:1px solid #dee2e6;text-align:left;vertical-align:top}.refill-table th{background-color:#e9ecef;font-weight:600;color:#495057;text-transform:uppercase;font-size:.7em}.refill-table tbody tr:hover{background-color:#f2f2f2}.patient-name{font-weight:600;color:#343a40;font-size:1em}.patient-subtext{font-size:.85em;color:#6c757d;margin-top:2px}.med-name{font-weight:500;color:#343a40}.med-qty{font-size:.9em;color:#495057}.med-notes{font-size:.85em;color:#6c757d;font-style:italic;margin-top:4px}.frequency-badge{display:inline-block;padding:4px 8px;background-color:#e3f2fd;color:#0d47a1;border-radius:4px;font-size:.85em;font-weight:500}.date-display{font-weight:500;color:#495057}.status-pill{display:inline-block;padding:5px 10px;border-radius:20px;font-size:.75em;font-weight:600;text-transform:capitalize;color:#fff;text-align:center;min-width:80px}.status-pill-active{background-color:#28a745}.status-pill-paused{background-color:#ffc107;color:#343a40}.status-pill-cancelled{background-color:#dc3545}.action-buttons{display:flex;gap:8px}.action-btn{padding:6px;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:background-color .2s;background-color:transparent}.action-btn.edit{color:#007bff}.action-btn.edit:hover{background-color:#e3f2fd}.action-btn.delete{color:#dc3545}.action-btn.delete:hover{background-color:#f8d7da}.empty-state{text-align:center;padding:50px 20px;color:#6c757d;font-size:1.1em}.loading-pulse{text-align:center;padding:20px;font-size:1.1em;color:#007bff;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.error-message-box{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:10px 15px;border-radius:8px;margin-bottom:15px;text-align:center}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid #e9ecef}.pagination-info{font-size:.9em;color:#6c757d}.pagination-controls{display:flex;gap:10px}.page-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;border:1px solid #ced4da;border-radius:5px;background-color:#fff;cursor:pointer;color:#495057;transition:all .2s}.page-btn:hover:not(:disabled){background-color:#e9ecef}.page-btn:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .refill-reminders-container,.dark-mode .refill-reminders-container,body.dark-mode .refill-reminders-container{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .refill-title,.dark-mode .refill-title,body.dark-mode .refill-title{color:#f1f5f9;border-bottom-color:#334155;text-shadow:0 0 20px rgba(129,140,248,.2)}[data-theme=dark] .search-box input,.dark-mode .search-box input,body.dark-mode .search-box input{background:linear-gradient(145deg,#1e293b,#334155);border:1px solid rgba(71,85,105,.5);color:#f1f5f9;box-shadow:inset 0 2px 4px #0003}[data-theme=dark] .search-box input::-moz-placeholder,.dark-mode .search-box input::-moz-placeholder,body.dark-mode .search-box input::-moz-placeholder{color:#64748b}[data-theme=dark] .search-box input::placeholder,.dark-mode .search-box input::placeholder,body.dark-mode .search-box input::placeholder{color:#64748b}[data-theme=dark] .search-box input:focus,.dark-mode .search-box input:focus,body.dark-mode .search-box input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833,inset 0 2px 4px #0003}[data-theme=dark] .search-icon,.dark-mode .search-icon,body.dark-mode .search-icon{color:#64748b}[data-theme=dark] .btn-add,.dark-mode .btn-add,body.dark-mode .btn-add{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 4px 12px #818cf84d}[data-theme=dark] .btn-add:hover,.dark-mode .btn-add:hover,body.dark-mode .btn-add:hover{background:linear-gradient(135deg,#a5b4fc,#818cf8);box-shadow:0 6px 20px #818cf866;transform:translateY(-1px)}[data-theme=dark] .refill-table-container,.dark-mode .refill-table-container,body.dark-mode .refill-table-container{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.4);box-shadow:0 4px 20px #0006}[data-theme=dark] .refill-table th,.dark-mode .refill-table th,body.dark-mode .refill-table th{background:linear-gradient(180deg,#0f172a,#1e293b);color:#e2e8f0;border-bottom:2px solid #475569}[data-theme=dark] .refill-table td,.dark-mode .refill-table td,body.dark-mode .refill-table td{border-bottom-color:#334155;color:#e2e8f0}[data-theme=dark] .refill-table tbody tr:hover,.dark-mode .refill-table tbody tr:hover,body.dark-mode .refill-table tbody tr:hover{background:linear-gradient(135deg,#334155,#3f4f67)}[data-theme=dark] .patient-name,.dark-mode .patient-name,body.dark-mode .patient-name{color:#f1f5f9}[data-theme=dark] .patient-subtext,.dark-mode .patient-subtext,body.dark-mode .patient-subtext{color:#64748b}[data-theme=dark] .med-name,.dark-mode .med-name,body.dark-mode .med-name{color:#f1f5f9}[data-theme=dark] .med-qty,.dark-mode .med-qty,body.dark-mode .med-qty{color:#94a3b8}[data-theme=dark] .med-notes,.dark-mode .med-notes,body.dark-mode .med-notes{color:#64748b}[data-theme=dark] .frequency-badge,.dark-mode .frequency-badge,body.dark-mode .frequency-badge{background:linear-gradient(135deg,#818cf826,#6366f11a);color:#a5b4fc;border:1px solid rgba(129,140,248,.3)}[data-theme=dark] .date-display,.dark-mode .date-display,body.dark-mode .date-display{color:#94a3b8}[data-theme=dark] .status-pill-active,.dark-mode .status-pill-active,body.dark-mode .status-pill-active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e4d}[data-theme=dark] .status-pill-paused,.dark-mode .status-pill-paused,body.dark-mode .status-pill-paused{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;box-shadow:0 2px 8px #fbbf244d}[data-theme=dark] .status-pill-cancelled,.dark-mode .status-pill-cancelled,body.dark-mode .status-pill-cancelled{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 2px 8px #f871714d}[data-theme=dark] .action-btn.edit,.dark-mode .action-btn.edit,body.dark-mode .action-btn.edit{color:#a5b4fc;background:#818cf81a;border-radius:8px}[data-theme=dark] .action-btn.edit:hover,.dark-mode .action-btn.edit:hover,body.dark-mode .action-btn.edit:hover{background:linear-gradient(135deg,#818cf833,#6366f126);box-shadow:0 4px 12px #818cf833}[data-theme=dark] .action-btn.delete,.dark-mode .action-btn.delete,body.dark-mode .action-btn.delete{color:#f87171;background:#f871711a;border-radius:8px}[data-theme=dark] .action-btn.delete:hover,.dark-mode .action-btn.delete:hover,body.dark-mode .action-btn.delete:hover{background:linear-gradient(135deg,#f8717133,#ef444426);box-shadow:0 4px 12px #f8717133}[data-theme=dark] .empty-state,.dark-mode .empty-state,body.dark-mode .empty-state{color:#64748b;background:#0f172a80;border-radius:12px}[data-theme=dark] .loading-pulse,.dark-mode .loading-pulse,body.dark-mode .loading-pulse{color:#818cf8;text-shadow:0 0 10px rgba(129,140,248,.4)}[data-theme=dark] .error-message-box,.dark-mode .error-message-box,body.dark-mode .error-message-box{background:linear-gradient(135deg,#7f1d1d33,#b91c1c26);border:1px solid rgba(248,113,113,.3);color:#fca5a5;box-shadow:0 4px 12px #7f1d1d33}[data-theme=dark] .pagination-container,.dark-mode .pagination-container,body.dark-mode .pagination-container{border-top-color:#334155}[data-theme=dark] .pagination-info,.dark-mode .pagination-info,body.dark-mode .pagination-info{color:#64748b}[data-theme=dark] .page-btn,.dark-mode .page-btn,body.dark-mode .page-btn{background:linear-gradient(145deg,#334155,#475569);border:1px solid rgba(71,85,105,.5);color:#e2e8f0;box-shadow:0 2px 4px #0003}[data-theme=dark] .page-btn:hover:not(:disabled),.dark-mode .page-btn:hover:not(:disabled),body.dark-mode .page-btn:hover:not(:disabled){background:linear-gradient(145deg,#475569,#64748b);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}[data-theme=dark] .page-btn:disabled,.dark-mode .page-btn:disabled,body.dark-mode .page-btn:disabled{opacity:.4;background:#334155}:root{--arm-bg-light: #ffffff;--arm-bg-secondary-light: #f8fafc;--arm-border-light: rgba(226, 232, 240, .8);--arm-text-main-light: #1e293b;--arm-text-muted-light: #64748b;--arm-primary: #7c3aed;--arm-primary-hover: #6d28d9;--arm-primary-light: rgba(124, 58, 237, .1);--arm-danger: #ef4444;--arm-danger-light: rgba(239, 68, 68, .1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0006,#1e1e2e99);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:armFadeIn .2s ease-out}@keyframes armFadeIn{0%{opacity:0}to{opacity:1}}.add-recurring-modal{background:linear-gradient(145deg,var(--arm-bg-light) 0%,var(--arm-bg-secondary-light) 100%);border-radius:16px;width:90%;box-shadow:0 25px 50px -12px #00000026,0 12px 24px -8px #7c3aed1a,0 0 0 1px #fffc inset;display:flex;flex-direction:column;max-height:90vh;border:1px solid var(--arm-border-light);animation:armScaleIn .25s cubic-bezier(.16,1,.3,1)}.add-recurring-modal.wide-modal{max-width:800px}.add-recurring-modal.medium-modal{max-width:600px}@keyframes armScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid var(--arm-border-light);background:linear-gradient(180deg,#f8fafccc,#ffffffe6);border-radius:12px 12px 0 0}.modal-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--arm-text-main-light)}.close-btn{background:transparent;border:none;cursor:pointer;color:var(--arm-text-muted-light);padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:var(--arm-primary-light);color:var(--arm-primary)}.modal-body{padding:10px 16px;overflow-y:auto;background:transparent}.recurring-form{display:flex;flex-direction:column;gap:12px}.order-settings-row{display:flex;gap:12px;align-items:flex-end}.form-group{display:flex;flex-direction:column;gap:4px;position:relative}.flex-1{flex:1}.flex-row{display:flex;flex-direction:row}.gap-10{gap:10px}.gap-15{gap:15px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.italic-muted{color:#666;font-size:.9em;margin-bottom:15px}.input-disabled{background-color:#f5f5f5!important;cursor:not-allowed!important}.form-group label{font-size:.8rem;font-weight:700;color:var(--arm-text-muted-light);display:flex;align-items:center;gap:4px}.form-group input,.form-group select{padding:6px 10px;border:1px solid var(--arm-border-light);border-radius:6px;font-size:.875rem;background:linear-gradient(145deg,#fff,#f8fafc);color:var(--arm-text-main-light);transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--arm-primary);outline:none;box-shadow:0 0 0 3px #7c3aed26}.search-wrapper{position:relative;width:100%}.search-wrapper input.selected{background:linear-gradient(145deg,#7c3aed14,#8b5cf61f);border-color:var(--arm-primary);color:var(--arm-primary);font-weight:500}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:var(--arm-bg-light);border:1px solid var(--arm-border-light);border-radius:10px;margin-top:4px;list-style:none;padding:0;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #0000001f}.suggestions-list li{padding:12px 14px;cursor:pointer;border-bottom:1px solid rgba(226,232,240,.5);transition:background-color .15s ease}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover{background:linear-gradient(145deg,#7c3aed0d,#8b5cf614)}.suggestion-name{font-weight:600;color:var(--arm-text-main-light)}.suggestion-details{font-size:.8rem;color:var(--arm-text-muted-light);margin-top:2px}.spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--arm-primary)}.divider{border:0;border-top:1px solid var(--arm-border-light);margin:4px 0 12px}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.items-header h4{margin:0;color:var(--arm-text-main-light);font-size:1rem;font-weight:600}.add-item-btn{background:var(--arm-primary-light);border:1px solid rgba(124,58,237,.2);color:var(--arm-primary);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:4px;transition:all .2s ease}.add-item-btn:hover{background:#7c3aed26;border-color:var(--arm-primary)}.items-list{display:flex;flex-direction:column;gap:10px;max-height:450px;overflow-y:auto;padding-right:6px}.medication-item-row{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid var(--arm-border-light);border-radius:8px;padding:8px 12px;transition:box-shadow .2s ease}.medication-item-row:hover{box-shadow:0 2px 8px #0000000f}.row-top{display:flex;gap:8px;margin-bottom:8px;align-items:flex-end}.med-search-group{flex:3}.small-input{flex:1;min-width:60px}.remove-btn{background:transparent;border:none;color:var(--arm-danger);cursor:pointer;padding:8px;border-radius:6px;align-self:flex-end;transition:all .2s ease}.remove-btn:hover{background:var(--arm-danger-light)}.remove-btn:disabled{color:#cbd5e1;cursor:default}.row-bottom{display:flex;gap:8px}.modal-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;margin-top:10px;padding:10px 0 0;border-top:1px solid var(--arm-border-light);background:linear-gradient(145deg,var(--arm-bg-light) 0%,var(--arm-bg-secondary-light) 100%);z-index:10}.modal-actions.space-between{justify-content:space-between}.btn-delete-text{background:transparent;border:1px solid transparent;color:var(--arm-danger);padding:8px 12px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-delete-text:hover{background:var(--arm-danger-light)}.btn-cancel,.btn-submit{padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;border:none;font-size:.95rem;transition:all .2s ease}.btn-cancel{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);color:var(--arm-text-main-light);border:1px solid var(--arm-border-light)}.btn-cancel:hover{background:linear-gradient(145deg,#e2e8f0,#cbd5e1)}.btn-submit{background:linear-gradient(135deg,#6d28d9,#7c3aed,#8b5cf6);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.btn-submit:hover{box-shadow:0 4px 14px #7c3aed66;transform:translateY(-1px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:linear-gradient(145deg,#ef444414,#dc26261f);color:#dc2626;padding:12px 14px;border-radius:8px;margin-bottom:16px;font-size:.9rem;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .modal-overlay,.dark-mode .modal-overlay,body.dark-mode .modal-overlay{background:linear-gradient(135deg,#000000b3,#0f172ad9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .add-recurring-modal,.dark-mode .add-recurring-modal,body.dark-mode .add-recurring-modal{background:linear-gradient(145deg,#1e293bfa,#0f172afa);border:1px solid rgba(71,85,105,.4);box-shadow:0 25px 60px #0009,0 15px 35px #818cf81a,0 0 0 1px #ffffff08 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .modal-header,.dark-mode .modal-header,body.dark-mode .modal-header{background:linear-gradient(180deg,rgba(30,41,59,.6) 0%,transparent 100%);border-color:#47556966}[data-theme=dark] .modal-header h3,.dark-mode .modal-header h3,body.dark-mode .modal-header h3{color:#f1f5f9;text-shadow:0 0 20px rgba(129,140,248,.2)}[data-theme=dark] .close-btn,.dark-mode .close-btn,body.dark-mode .close-btn{color:#94a3b8;background:#47556933;border-radius:8px}[data-theme=dark] .close-btn:hover,.dark-mode .close-btn:hover,body.dark-mode .close-btn:hover{background:linear-gradient(145deg,#f8717126,#ef44441a);color:#f87171}[data-theme=dark] .form-group label,.dark-mode .form-group label,body.dark-mode .form-group label{color:#94a3b8;font-weight:500}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,.dark-mode .form-group input,.dark-mode .form-group select,body.dark-mode .form-group input,body.dark-mode .form-group select{background:linear-gradient(145deg,#0f172a,#1e293b);border:2px solid rgba(71,85,105,.5);color:#f1f5f9;box-shadow:inset 0 2px 4px #0003}[data-theme=dark] .form-group input::-moz-placeholder,.dark-mode .form-group input::-moz-placeholder,body.dark-mode .form-group input::-moz-placeholder{color:#64748b}[data-theme=dark] .form-group input::placeholder,.dark-mode .form-group input::placeholder,body.dark-mode .form-group input::placeholder{color:#64748b}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,.dark-mode .form-group input:focus,.dark-mode .form-group select:focus,body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833,inset 0 2px 4px #0003;background:#1e293b}[data-theme=dark] .search-wrapper input.selected,.dark-mode .search-wrapper input.selected,body.dark-mode .search-wrapper input.selected{background:linear-gradient(145deg,#818cf81a,#8b5cf626);border-color:#818cf8;color:#a5b4fc}[data-theme=dark] .suggestions-list,.dark-mode .suggestions-list,body.dark-mode .suggestions-list{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(71,85,105,.5);box-shadow:0 12px 35px #00000080,0 0 0 1px #ffffff05 inset}[data-theme=dark] .suggestions-list li,.dark-mode .suggestions-list li,body.dark-mode .suggestions-list li{border-color:#4755694d}[data-theme=dark] .suggestions-list li:hover,.dark-mode .suggestions-list li:hover,body.dark-mode .suggestions-list li:hover{background:linear-gradient(145deg,#818cf814,#8b5cf61f)}[data-theme=dark] .suggestion-name,.dark-mode .suggestion-name,body.dark-mode .suggestion-name{color:#f1f5f9}[data-theme=dark] .suggestion-details,.dark-mode .suggestion-details,body.dark-mode .suggestion-details{color:#64748b}[data-theme=dark] .spinner,.dark-mode .spinner,body.dark-mode .spinner{color:#818cf8}[data-theme=dark] .items-header h4,.dark-mode .items-header h4,body.dark-mode .items-header h4{color:#f1f5f9}[data-theme=dark] .divider,.dark-mode .divider,body.dark-mode .divider{border-color:#47556966;background:linear-gradient(90deg,transparent 0%,rgba(71,85,105,.5) 50%,transparent 100%)}[data-theme=dark] .add-item-btn,.dark-mode .add-item-btn,body.dark-mode .add-item-btn{background:linear-gradient(145deg,#818cf81a,#8b5cf626);border:1px solid rgba(129,140,248,.3);color:#a5b4fc}[data-theme=dark] .add-item-btn:hover,.dark-mode .add-item-btn:hover,body.dark-mode .add-item-btn:hover{background:linear-gradient(145deg,#818cf833,#8b5cf640);border-color:#818cf8;box-shadow:0 4px 12px #818cf840}[data-theme=dark] .medication-item-row,.dark-mode .medication-item-row,body.dark-mode .medication-item-row{background:linear-gradient(145deg,#1e293bcc,#0f172a99);border:1px solid rgba(71,85,105,.4);box-shadow:0 2px 8px #0003}[data-theme=dark] .medication-item-row:hover,.dark-mode .medication-item-row:hover,body.dark-mode .medication-item-row:hover{border-color:#818cf833;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .remove-btn,.dark-mode .remove-btn,body.dark-mode .remove-btn{color:#f87171;background:#f871711a;border-radius:8px}[data-theme=dark] .remove-btn:hover,.dark-mode .remove-btn:hover,body.dark-mode .remove-btn:hover{background:linear-gradient(145deg,#f8717133,#ef444426);box-shadow:0 4px 12px #f8717133}[data-theme=dark] .remove-btn:disabled,.dark-mode .remove-btn:disabled,body.dark-mode .remove-btn:disabled{color:#475569;background:transparent}[data-theme=dark] .modal-actions,.dark-mode .modal-actions,body.dark-mode .modal-actions{border-color:#47556966;background:linear-gradient(180deg,transparent 0%,rgba(15,23,42,.5) 100%)}[data-theme=dark] .btn-cancel,.dark-mode .btn-cancel,body.dark-mode .btn-cancel{background:linear-gradient(145deg,#334155,#475569);color:#f1f5f9;border:1px solid rgba(71,85,105,.5);box-shadow:0 2px 8px #0003}[data-theme=dark] .btn-cancel:hover,.dark-mode .btn-cancel:hover,body.dark-mode .btn-cancel:hover{background:linear-gradient(145deg,#475569,#64748b);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}[data-theme=dark] .btn-submit,.dark-mode .btn-submit,body.dark-mode .btn-submit{background:linear-gradient(135deg,#818cf8,#6366f1,#7c3aed);box-shadow:0 4px 20px #818cf866;border:none}[data-theme=dark] .btn-submit:hover,.dark-mode .btn-submit:hover,body.dark-mode .btn-submit:hover{background:linear-gradient(135deg,#a5b4fc,#818cf8,#8b5cf6);box-shadow:0 6px 25px #818cf880,0 0 30px #818cf833;transform:translateY(-2px)}[data-theme=dark] .btn-submit:disabled,.dark-mode .btn-submit:disabled,body.dark-mode .btn-submit:disabled{background:linear-gradient(135deg,#475569,#334155);box-shadow:none;opacity:.6}[data-theme=dark] .error-message,.dark-mode .error-message,body.dark-mode .error-message{background:linear-gradient(145deg,#7f1d1d33,#b91c1c26);color:#fca5a5;border:1px solid rgba(248,113,113,.3);box-shadow:0 4px 12px #7f1d1d33}@media (max-width: 768px){.add-recurring-modal{width:95%;max-height:95vh;border-radius:12px}.modal-header{padding:14px 16px}.modal-body{padding:16px}.order-settings-row{flex-direction:column;gap:12px}.row-top{flex-wrap:wrap}.med-search-group{flex:1 1 100%}.small-input{flex:1 1 45%}.row-bottom{flex-wrap:wrap}.modal-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;justify-content:center}}#distributor-page-container{--dmp-bg-primary: #f0f4f8;--dmp-bg-surface: #ffffff;--dmp-text-primary: #102a43;--dmp-text-secondary: #486581;--dmp-text-tertiary: #829ab1;--dmp-accent-color: #3366ff;--dmp-accent-hover: #2952cc;--dmp-accent-light: rgba(51, 102, 255, .1);--dmp-success-color: #00d084;--dmp-success-bg: rgba(0, 208, 132, .1);--dmp-warning-color: #ffab00;--dmp-danger-color: #ff4d4f;--dmp-danger-bg: rgba(255, 77, 79, .1);--dmp-border-radius-sm: 8px;--dmp-border-radius-md: 12px;--dmp-border-radius-lg: 16px;--dmp-shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--dmp-shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--dmp-shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--dmp-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--dmp-transition: all .3s cubic-bezier(.25, .8, .25, 1);font-family:var(--dmp-font-family);background-color:var(--dmp-bg-primary);min-height:100vh;padding:2rem;color:var(--dmp-text-primary);box-sizing:border-box}#distributor-page-container *{box-sizing:border-box}@keyframes dmp-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dmp-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#distributor-page-container .distributor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;animation:dmp-fade-in-up .5s ease-out}#distributor-page-container .distributor-header h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--dmp-text-primary),var(--dmp-accent-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.5px}#distributor-page-container .header-actions{display:flex;gap:1rem;align-items:center}#distributor-page-container .dmp-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--dmp-border-radius-md);font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:var(--dmp-transition);box-shadow:var(--dmp-shadow-sm)}#distributor-page-container .dmp-button svg{width:1.25rem;height:1.25rem}#distributor-page-container .dmp-button-primary{background:var(--dmp-accent-color);color:#fff}#distributor-page-container .dmp-button-primary:hover{background:var(--dmp-accent-hover);transform:translateY(-2px);box-shadow:var(--dmp-shadow-md)}#distributor-page-container .dmp-button-secondary{background:var(--dmp-bg-surface);color:var(--dmp-text-secondary);border:1px solid rgba(0,0,0,.05)}#distributor-page-container .dmp-button-secondary:hover{background:#fff;color:var(--dmp-accent-color);border-color:var(--dmp-accent-color);transform:translateY(-2px);box-shadow:var(--dmp-shadow-sm)}#distributor-page-container .dmp-button-icon{padding:.6rem;border-radius:var(--dmp-border-radius-sm);background:transparent;border:none;cursor:pointer;color:var(--dmp-text-tertiary);transition:var(--dmp-transition);display:flex;align-items:center;justify-content:center}#distributor-page-container .dmp-button-icon:hover{background:var(--dmp-bg-primary);color:var(--dmp-accent-color)}#distributor-page-container .dmp-button-icon.delete:hover{color:var(--dmp-danger-color);background:var(--dmp-danger-bg)}#distributor-page-container .dmp-button-icon.edit:hover{color:var(--dmp-accent-color);background:var(--dmp-accent-light)}#distributor-page-container .stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;animation:dmp-fade-in-up .6s ease-out}#distributor-page-container .stat-card{background:var(--dmp-bg-surface);padding:.75rem 1rem;border-radius:var(--dmp-border-radius-lg);box-shadow:var(--dmp-shadow-sm);display:flex;flex-direction:column;gap:.5rem;transition:var(--dmp-transition);border:1px solid rgba(0,0,0,.03)}#distributor-page-container .stat-card:hover{transform:translateY(-5px);box-shadow:var(--dmp-shadow-md)}#distributor-page-container .stat-card .label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--dmp-text-tertiary)}#distributor-page-container .stat-card .value{font-size:1.75rem;font-weight:700;color:var(--dmp-text-primary)}#distributor-page-container .stat-card.positive .value{color:var(--dmp-success-color)}#distributor-page-container .stat-card.negative .value{color:var(--dmp-danger-color)}#distributor-page-container .table-wrapper{background:var(--dmp-bg-surface);border-radius:var(--dmp-border-radius-lg);box-shadow:var(--dmp-shadow-md);overflow:hidden;animation:dmp-fade-in-up .7s ease-out;border:1px solid rgba(0,0,0,.03)}#distributor-page-container .dmp-table{width:100%;border-collapse:collapse}#distributor-page-container .dmp-table th{background:#f8fafc;padding:.625rem .875rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--dmp-text-secondary);letter-spacing:.05em;border-bottom:2px solid var(--dmp-bg-primary)}#distributor-page-container .dmp-table td{padding:.625rem .875rem;border-bottom:1px solid var(--dmp-bg-primary);color:var(--dmp-text-primary);font-size:.9rem;vertical-align:middle}#distributor-page-container .dmp-table tr:last-child td{border-bottom:none}#distributor-page-container .dmp-table tr{transition:background-color .2s}#distributor-page-container .dmp-table tr:hover{background-color:#f8fbff}#distributor-page-container .dmp-table .primary-text{font-weight:600;color:var(--dmp-text-primary)}#distributor-page-container .dmp-table .secondary-text{font-size:.875rem;color:var(--dmp-text-secondary);margin-top:.25rem;display:block}#distributor-page-container .status-badge{display:inline-block;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}#distributor-page-container .status-badge.balance-ok{background:var(--dmp-success-bg);color:var(--dmp-success-color)}#distributor-page-container .status-badge.balance-owed{background:var(--dmp-danger-bg);color:var(--dmp-danger-color)}#distributor-page-container .dmp-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#102a4366;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fade-in .2s ease-out}#distributor-page-container .dmp-modal{background:var(--dmp-bg-surface);width:100%;max-width:600px;border-radius:var(--dmp-border-radius-lg);box-shadow:var(--dmp-shadow-lg);padding:1rem;animation:dmp-scale-in .3s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto;position:relative}#distributor-page-container .dmp-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;cursor:pointer;color:var(--dmp-text-tertiary);transition:var(--dmp-transition)}#distributor-page-container .dmp-modal-close:hover{color:var(--dmp-text-primary);transform:rotate(90deg)}#distributor-page-container .dmp-modal-header{border-bottom:1px solid #e2e8f0;padding-bottom:.5rem;margin-bottom:.75rem}#distributor-page-container .dmp-modal-title{font-size:1.15rem;font-weight:700;margin:0;color:var(--dmp-text-primary)}#distributor-page-container .dmp-form-group{margin-bottom:.75rem}#distributor-page-container .dmp-label{display:block;font-size:.8rem;font-weight:600;color:var(--dmp-text-secondary);margin-bottom:.25rem;text-transform:uppercase}#distributor-page-container .dmp-input,#distributor-page-container .dmp-textarea,#distributor-page-container .dmp-select{width:100%;padding:.6rem .8rem;border-radius:var(--dmp-border-radius-sm);border:1px solid #d9e2ec;background:#f8fbff;font-size:.95rem;color:var(--dmp-text-primary);transition:var(--dmp-transition);outline:none}#distributor-page-container .dmp-textarea{min-height:100px;resize:vertical}#distributor-page-container .dmp-input:focus,#distributor-page-container .dmp-textarea:focus{border-color:var(--dmp-accent-color);background:#fff;box-shadow:0 0 0 3px var(--dmp-accent-light)}#distributor-page-container .dmp-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}#distributor-page-container ::-webkit-scrollbar{width:8px;height:8px}#distributor-page-container ::-webkit-scrollbar-track{background:transparent}#distributor-page-container ::-webkit-scrollbar-thumb{background:#bcccdc;border-radius:4px}#distributor-page-container ::-webkit-scrollbar-thumb:hover{background:#829ab1}@media (max-width: 768px){#distributor-page-container{padding:1rem}#distributor-page-container .distributor-header{flex-direction:column;align-items:flex-start;gap:1rem}#distributor-page-container .stats-container{grid-template-columns:1fr}#distributor-page-container .dmp-table th,#distributor-page-container .dmp-table td{padding:1rem}}@media (prefers-color-scheme: dark){#distributor-page-container{--dmp-bg-primary: #101214;--dmp-bg-surface: #1d2025;--dmp-text-primary: #f0f4f8;--dmp-text-secondary: #9fb3c8;--dmp-text-tertiary: #627d98;--dmp-accent-color: #4c7dff;--dmp-accent-hover: #6b93ff;--dmp-border-radius-sm: 8px;--dmp-shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--dmp-shadow-md: 0 8px 24px rgba(0, 0, 0, .5)}#distributor-page-container .dmp-table th{background:#14171c;border-bottom-color:#2a2f38}#distributor-page-container .dmp-table td{border-bottom-color:#2a2f38}#distributor-page-container .dmp-table tr:hover{background-color:#232730}#distributor-page-container .dmp-input,#distributor-page-container .dmp-textarea,#distributor-page-container .dmp-select{background:#14171c;border-color:#334e68;color:var(--dmp-text-primary)}#distributor-page-container .dmp-input:focus{background:#101214}#distributor-page-container .dmp-button-secondary{background:#242932;border-color:#334e68}}@media print{@page{size:A4;margin:5mm}.distributor-header,nav,header,footer,.dmp-button{display:none!important}#distributor-page-container>.table-wrapper,#distributor-page-container>.stats-container{display:none!important}#distributor-page-container,#root,html,body{height:auto!important;overflow:visible!important;background:#fff!important;margin:0!important;padding:0!important}.dmp-modal-overlay{position:static!important;display:block!important;background:#fff!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important}.dmp-modal{position:static!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;transform:none!important;animation:none!important}.dmp-modal-close,.dmp-modal-actions,button,.dmp-button{display:none!important}.dmp-table{display:table!important;width:100%!important;border-collapse:collapse!important;margin-top:10px;table-layout:fixed}.dmp-table thead{display:table-header-group!important}.dmp-table thead tr{position:static!important;top:auto!important;left:auto!important;display:table-row!important}.dmp-table tbody{display:table-row-group!important}.dmp-table tr{display:table-row!important;background-color:transparent!important;box-shadow:none!important;margin-bottom:0!important;border:none!important;padding:0!important;page-break-inside:avoid}.dmp-table th{display:table-cell!important;background-color:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;border:1px solid #000!important;padding:4px!important;font-size:9pt;white-space:normal!important;word-wrap:break-word!important;overflow:visible!important}.dmp-table td{display:table-cell!important;border:1px solid #000!important;color:#000!important;font-size:9pt;white-space:normal!important;word-wrap:break-word!important;overflow:visible!important;text-align:left!important;padding:4px!important}.dmp-table td:before{display:none!important;content:none!important}.dmp-table th:last-child,.dmp-table td:last-child{display:none!important}.dmp-modal-title{color:#000!important;border-bottom:2px solid #000!important;padding-bottom:8px;margin-bottom:15px;text-align:center;width:100%;font-size:1.5rem}.dmp-modal .stats-container{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-bottom:20px!important;page-break-inside:avoid}.dmp-modal .table-wrapper{display:block!important;border:1px solid #000!important;box-shadow:none!important;overflow:visible!important}.dmp-modal .stat-card{border:1px solid #000!important;box-shadow:none!important;padding:10px!important;background:transparent!important;display:block!important}.dmp-modal .stat-card .label{color:#555!important;font-size:.8rem}.dmp-modal .stat-card .value{color:#000!important;font-size:1.2rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.excel-mapping-modal{max-width:550px;width:95%}.modal-header-compact{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e5e7eb);margin-bottom:.75rem}.modal-header-compact h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary, #111827)}.modal-header-compact .close-button{background:none;border:none;cursor:pointer;color:var(--text-secondary, #6b7280);padding:.25rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-header-compact .close-button:hover{color:var(--primary-color, #3b82f6);background:var(--bg-hover, #f3f4f6)}.modal-description{font-size:.85rem;color:var(--text-secondary, #64748b);margin-bottom:1rem;line-height:1.4}.modal-actions-top{display:flex;justify-content:flex-end;margin-bottom:.75rem}.button-auto-match{background-color:var(--primary-color, #3b82f6);color:#fff;padding:.4rem .8rem;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease}.button-auto-match:hover{background-color:var(--primary-hover, #2563eb)}.column-mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin-bottom:1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:.75rem;background-color:var(--bg-secondary, #f8fafc);overflow-y:auto;flex:1}.grid-header{font-weight:700;color:var(--text-secondary, #475569);padding-bottom:.35rem;border-bottom:1px solid var(--border-color, #e2e8f0);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.excel-header-cell{padding:.25rem 0;color:var(--text-primary, #1e293b);font-weight:600;font-size:.85rem;display:flex;align-items:center}.app-field-cell{padding:0}.app-field-select{width:100%;padding:.35rem .5rem;border:1px solid var(--border-color, #cbd5e1);border-radius:6px;font-size:.85rem;background-color:var(--input-bg, #fff);-webkit-appearance:none;-moz-appearance:none;appearance:none}.app-field-select:focus{border-color:var(--primary-color, #3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e2e8f0)}.button-cancel,.button-submit{padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;border:1px solid transparent}.button-cancel{background-color:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #475569);border-color:var(--border-color, #e2e8f0)}.button-cancel:hover{background-color:var(--bg-hover, #e2e8f0)}.button-submit{background-color:var(--success-color, #10b981);color:#fff}.button-submit:hover{background-color:var(--success-hover, #059669)}[data-theme=dark] .modal-content,[data-theme=dark] .column-mapping-grid{background-color:#1f2937;border-color:#374151}[data-theme=dark] .modal-header h2,[data-theme=dark] .modal-title{color:#f9fafb}[data-theme=dark] .modal-description,[data-theme=dark] .modal-close-button{color:#9ca3af}[data-theme=dark] .modal-close-button:hover{color:#f3f4f6;background-color:#374151}[data-theme=dark] .grid-header{color:#9ca3af;border-bottom-color:#374151}[data-theme=dark] .excel-header-cell{color:#e5e7eb}[data-theme=dark] .app-field-select{background-color:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .column-mapping-grid{background-color:#111827;border-color:#374151}[data-theme=dark] .modal-actions{background-color:#1f2937;border-top-color:#374151}[data-theme=dark] .button-cancel{background-color:#4b5563}[data-theme=dark] .button-cancel:hover{background-color:#6b7280}@media (prefers-color-scheme: dark){.modal-content,.column-mapping-grid{background-color:#1f2937;border-color:#374151}.modal-header h2,.modal-title{color:#f9fafb}.modal-close-button{color:#9ca3af}.modal-close-button:hover{color:#f3f4f6}.grid-header{color:#9ca3af;border-bottom-color:#374151}.excel-header-cell{color:#e5e7eb}.app-field-select{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.column-mapping-grid{background-color:#111827;border-color:#374151}.modal-actions{background-color:#1f2937;border-top-color:#374151}.button-cancel{background-color:#4b5563}.button-cancel:hover{background-color:#6b7280}}@media (max-width: 768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%;max-width:100%;border-radius:16px 16px 0 0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));max-height:90vh;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:1.4rem;padding-right:40px}.modal-close-button{padding:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.column-mapping-grid{grid-template-columns:1fr;gap:12px;padding:12px}.grid-header{display:none}.excel-header-cell{font-weight:600;color:#555;margin-bottom:4px;padding:0;font-size:.85rem}.app-field-cell{padding:0}.app-field-select{font-size:16px;min-height:44px;padding:10px}.modal-actions-top{margin-bottom:12px}.button-auto-match{width:100%;min-height:44px;justify-content:center}.modal-actions{flex-direction:column-reverse;gap:8px;padding:12px 0 0}.button-cancel,.button-submit{width:100%;min-height:48px;font-size:1rem;justify-content:center}}@media (max-width: 480px){.modal-content{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.modal-title{font-size:1.2rem}.modal-description{font-size:.9rem}.column-mapping-grid{padding:10px;gap:16px}.excel-header-cell{background:#f3f4f6;padding:8px;border-radius:6px;margin-bottom:6px}}@media (max-width: 768px) and (prefers-color-scheme: dark){.modal-content{background-color:#1f2937}.excel-header-cell{color:#e5e7eb;background:#374151}}.add-drug-form-page{background-color:#f8f9fa;color:#212529;font-family:Inter,sans-serif;min-height:100vh;padding:16px;display:flex;align-items:flex-start}.add-drug-form-container{background-color:var(--card-bg, #ffffff);border:1px solid var(--border-color, #dee2e6);border-radius:12px;padding:1.25rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:100%;max-width:650px;margin:0 auto}.modal-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e9ecef)}.modal-header-compact h2{font-size:1.15rem;font-weight:700;color:var(--text-primary, #111827);margin:0;letter-spacing:-.01em}.modal-header-compact .cancel-button{color:var(--text-secondary, #6b7280);background:none;border:none;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.modal-header-compact .cancel-button:hover{background-color:var(--bg-hover, #f3f4f6);color:var(--primary-color, #3b82f6)}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 1rem}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem 1rem}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.form-group{display:flex;flex-direction:column;gap:.25rem}.add-drug-form .form-label{display:flex;align-items:center;font-size:.8rem;font-weight:600;color:var(--text-secondary, #4b5563);margin-bottom:2px;text-transform:uppercase;letter-spacing:.025em}.add-drug-form .custom-text-input{background-color:var(--input-bg, #ffffff);border:1px solid var(--border-color, #d1d5db);color:var(--text-primary, #111827);border-radius:6px;padding:.5rem .75rem;transition:all .2s ease;width:100%;font-size:.9rem}.add-drug-form .custom-text-input:focus{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-drug-form .error-message{margin-bottom:1rem;padding:.75rem 1rem;background-color:#fef2f2;color:#991b1b;border:1px solid #fee2e2;border-radius:8px;font-size:.85rem;font-weight:500}.add-drug-form .error-message,.add-drug-form .error-message *{color:#721c24!important}.add-drug-form .form-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:10px}.add-drug-form .form-button{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;transition:all .2s ease-in-out;box-shadow:0 2px 4px #0000000d;border:1px solid transparent}.add-drug-form .form-button:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 .2rem #007bff40}.add-drug-form .form-button:disabled{opacity:.65;cursor:not-allowed}.add-drug-form .cancel-form-button{background-color:#f8f9fa;color:#495057;border-color:#ced4da}.add-drug-form .cancel-form-button:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.add-drug-form .cancel-form-button:focus{box-shadow:0 0 0 .2rem #6c757d80}.add-drug-form .submit-form-button{background-color:#007bff;color:#fff}.add-drug-form .submit-form-button:hover:not(:disabled){background-color:#0056b3}.add-drug-form .submit-form-button:focus{box-shadow:0 0 0 .2rem #007bff80}.spinner{display:inline-block;width:1em;height:1em;vertical-align:-.125em;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite;margin-left:8px}@keyframes spinner-border{to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.add-drug-form-page{background-color:#111827;color:#e5e7eb}.add-drug-form-container{background-color:#1f2937;border-color:#374151;box-shadow:0 8px 16px #00000040}.add-drug-form-header{border-bottom-color:#374151}.add-drug-form-header h2{color:#f3f4f6}.add-drug-form-header .cancel-button{color:#9ca3af}.add-drug-form-header .cancel-button:hover{background-color:#374151;color:#818cf8}.add-drug-form .form-label{color:#d1d5db}.add-drug-form .custom-text-input{background-color:#374151;border-color:#6b7280;color:#e5e7eb}.add-drug-form .custom-text-input:focus{border-color:#60a5fa;box-shadow:0 0 0 .2rem #60a5fa4d;background-color:#1f2937}.add-drug-form .custom-text-input::-moz-placeholder{color:#9ca3af}.add-drug-form .custom-text-input::placeholder{color:#9ca3af}.add-drug-form input[type=date].custom-text-input{color-scheme:dark}.add-drug-form .error-message,.add-drug-form .error-message *{background-color:#7f1d1d;color:#fecaca!important;border-color:#b91c1c}.add-drug-form .cancel-form-button{background-color:#4b5563;color:#e5e7eb;border-color:#6b7280}.add-drug-form .cancel-form-button:hover:not(:disabled){background-color:#6b7280;border-color:#9ca3af}.add-drug-form .cancel-form-button:focus{box-shadow:0 0 0 .2rem #6b728080}.add-drug-form .submit-form-button{background-color:#3b82f6;color:#fff}.add-drug-form .submit-form-button:hover:not(:disabled){background-color:#2563eb}.add-drug-form .submit-form-button:focus{box-shadow:0 0 0 .2rem #3b82f680}}.custom-fields-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.custom-fields-title{font-size:.875rem;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.custom-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.custom-field-item{display:flex;flex-direction:column}.custom-field-item .form-label{font-size:.8rem;margin-bottom:.25rem}.custom-field-item .required-star{color:var(--danger-color, #ef4444);margin-left:2px}.custom-checkbox{width:1.25rem;height:1.25rem;cursor:pointer}.custom-fields-display{display:flex;flex-wrap:wrap;gap:.5rem}.custom-field-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background-color:var(--bg-tertiary, #f3f4f6);border-radius:.25rem;font-size:.75rem}.custom-field-badge .field-label{color:var(--text-secondary, #6b7280)}.custom-field-badge .field-value{color:var(--text-primary, #1f2937);font-weight:500}@media (prefers-color-scheme: dark){.custom-fields-section{border-top-color:var(--border-color-dark, #374151)}.custom-fields-title{color:var(--text-secondary-dark, #9ca3af)}.custom-field-badge{background-color:var(--bg-tertiary-dark, #374151)}.custom-field-badge .field-label{color:var(--text-secondary-dark, #9ca3af)}.custom-field-badge .field-value{color:var(--text-primary-dark, #f3f4f6)}}._container_7ak2k_7{--pp-primary: #6366f1;--pp-primary-hover: #4f46e5;--pp-secondary: #10b981;--pp-secondary-hover: #059669;--pp-danger: #ef4444;--pp-danger-hover: #dc2626;--pp-bg-page: #f8fafc;--pp-bg-card: #ffffff;--pp-bg-input: #f1f5f9;--pp-bg-input-focus: #ffffff;--pp-text-main: #1e293b;--pp-text-muted: #64748b;--pp-text-light: #94a3b8;--pp-border: #e2e8f0;--pp-border-focus: #6366f1;--pp-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--pp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--pp-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--pp-bg-page);color:var(--pp-text-main);min-height:100vh;padding:1.5rem;padding-bottom:100px;transition:background-color .3s ease,color .3s ease}@media (prefers-color-scheme: dark){._container_7ak2k_7{--pp-primary: #818cf8;--pp-primary-hover: #6366f1;--pp-secondary: #34d399;--pp-secondary-hover: #10b981;--pp-danger: #f87171;--pp-bg-page: #0f172a;--pp-bg-card: #1e293b;--pp-bg-input: #334155;--pp-bg-input-focus: #1e293b;--pp-text-main: #f1f5f9;--pp-text-muted: #cbd5e1;--pp-text-light: #64748b;--pp-border: #334155;--pp-border-focus: #818cf8;--pp-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--pp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3)}}[data-theme=dark] ._container_7ak2k_7{--pp-primary: #818cf8;--pp-primary-hover: #6366f1;--pp-secondary: #34d399;--pp-secondary-hover: #10b981;--pp-danger: #f87171;--pp-bg-page: #0f172a;--pp-bg-card: #1e293b;--pp-bg-input: #334155;--pp-bg-input-focus: #1e293b;--pp-text-main: #f1f5f9;--pp-text-muted: #cbd5e1;--pp-text-light: #64748b;--pp-border: #334155;--pp-border-focus: #818cf8;--pp-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--pp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3)}._header_7ak2k_207{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}._backButton_7ak2k_221{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--pp-border);background-color:var(--pp-bg-card);color:var(--pp-text-main);cursor:pointer;transition:all .2s;box-shadow:var(--pp-shadow-sm)}._backButton_7ak2k_221:hover{transform:translateY(-2px);box-shadow:var(--pp-shadow-md);border-color:var(--pp-primary);color:var(--pp-primary)}._title_7ak2k_265{font-size:1.75rem;font-weight:700;background:linear-gradient(to right,var(--pp-primary),var(--pp-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}._stickyActionBar_7ak2k_287{position:sticky;top:1rem;z-index:40;background-color:var(--pp-bg-card);padding:1.25rem;border-radius:16px;border:1px solid var(--pp-border);box-shadow:var(--pp-shadow-lg);margin-bottom:2rem;display:flex;flex-direction:column;gap:1.25rem}._actionRow_7ak2k_317{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem}._inputWrapper_7ak2k_335{position:relative;width:100%}._inputIcon_7ak2k_345{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--pp-text-muted);pointer-events:none}._input_7ak2k_335{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:10px;border:1px solid var(--pp-border);background-color:var(--pp-bg-input);color:var(--pp-text-main);font-size:.95rem;transition:all .2s}._input_7ak2k_335:focus{outline:none;border-color:var(--pp-primary);background-color:var(--pp-bg-input-focus);box-shadow:0 0 0 3px #6366f133}._quickDistributors_7ak2k_401{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem;align-items:center}._distributorChip_7ak2k_417{background-color:var(--pp-bg-input);border:1px solid var(--pp-border);border-radius:20px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;color:var(--pp-text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}._distributorChip_7ak2k_417:hover{background-color:var(--pp-primary);color:#fff;border-color:var(--pp-primary);box-shadow:var(--pp-shadow-sm);transform:translateY(-1px)}._distributorChipIcon_7ak2k_463{width:14px;height:14px}._selectedInfo_7ak2k_473{margin-top:.5rem;padding:.5rem .75rem;background-color:#6366f11a;border-radius:8px;color:var(--pp-primary);font-size:.9rem;font-weight:500;display:flex;gap:.5rem;align-items:center;width:-moz-fit-content;width:fit-content}._resultsDropdown_7ak2k_503{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background-color:var(--pp-bg-card);border:1px solid var(--pp-border);border-radius:12px;box-shadow:var(--pp-shadow-lg);z-index:50;max-height:250px;overflow-y:auto;list-style:none;padding:.5rem}._resultItem_7ak2k_537{padding:.75rem 1rem;cursor:pointer;border-radius:8px;color:var(--pp-text-main);transition:background-color .15s}._resultItem_7ak2k_537:hover{background-color:var(--pp-bg-input);color:var(--pp-primary)}._buttonGroup_7ak2k_565{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;align-items:center}._button_7ak2k_565{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:none;box-shadow:var(--pp-shadow-sm)}._buttonPrimary_7ak2k_609{background-color:var(--pp-primary);color:#fff}._buttonPrimary_7ak2k_609:hover:not(:disabled){background-color:var(--pp-primary-hover);transform:translateY(-1px);box-shadow:var(--pp-shadow-md)}._buttonSecondary_7ak2k_631{background-color:var(--pp-bg-input);color:var(--pp-text-main);border:1px solid var(--pp-border)}._buttonSecondary_7ak2k_631:hover:not(:disabled){background-color:var(--pp-border);transform:translateY(-1px)}._buttonAccent_7ak2k_653{background-color:var(--pp-secondary);color:#fff}._buttonAccent_7ak2k_653:hover:not(:disabled){background-color:var(--pp-secondary-hover);transform:translateY(-1px);box-shadow:var(--pp-shadow-md)}._buttonDisabled_7ak2k_675{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}._tableSection_7ak2k_691{background-color:var(--pp-bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--pp-border);box-shadow:var(--pp-shadow-md)}._cardTitle_7ak2k_707{font-size:1.1rem;font-weight:600;margin-bottom:0;display:flex;align-items:center;gap:.75rem;color:var(--pp-text-main)}._cardIcon_7ak2k_727{color:var(--pp-primary)}._container_7ak2k_7 .purchase-drugs-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.5rem}._container_7ak2k_7 .purchase-drugs-table th{text-align:left;padding:1rem .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--pp-text-muted);border-bottom:1px solid var(--pp-border);background-color:var(--pp-bg-card);white-space:nowrap}._container_7ak2k_7 .purchase-drugs-table td{padding:.75rem;border-bottom:1px solid var(--pp-border);color:var(--pp-text-main);vertical-align:middle}._container_7ak2k_7 .purchase-drugs-table tr:hover td{background-color:var(--pp-bg-input)}._container_7ak2k_7 .editable-cell-input{width:100%;padding:.4rem .5rem;border:1px solid var(--pp-border);border-radius:6px;background-color:var(--pp-bg-input);color:var(--pp-text-main);transition:all .2s;font-variant-numeric:tabular-nums}._container_7ak2k_7 .editable-cell-input:focus,._container_7ak2k_7 .editable-cell-input:hover{background-color:var(--pp-bg-input);border-color:var(--pp-border-focus)}._container_7ak2k_7 .delete-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#ef44441a;color:var(--pp-danger);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;padding:0}._container_7ak2k_7 .delete-button:hover{background-color:var(--pp-danger);color:#fff;transform:scale(1.05)}._container_7ak2k_7 .purchase-drugs-table th:last-child,._container_7ak2k_7 .purchase-drugs-table td:last-child{position:sticky;right:0;z-index:10;width:50px;background-color:var(--pp-bg-card);box-shadow:-4px 0 8px -4px #0000001a;text-align:center;padding:.5rem}._container_7ak2k_7 .purchase-drugs-table th:last-child{background-color:var(--pp-bg-card)}._container_7ak2k_7 .purchase-drugs-table td:last-child{background-color:var(--pp-bg-card)}._container_7ak2k_7 .purchase-drugs-table tr:hover td:last-child{background-color:var(--pp-bg-input)}._footer_7ak2k_947{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:1rem 1.5rem;background-color:var(--pp-bg-card);border-top:1px solid var(--pp-border);box-shadow:0 -4px 20px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}._totalValue_7ak2k_981{font-size:1.5rem;font-weight:800;color:var(--pp-text-main);letter-spacing:-.02em}._totalValue_7ak2k_981 span{color:var(--pp-primary);margin-left:.2rem}._footerControls_7ak2k_1005{display:flex;align-items:center;gap:1.5rem}._paidInputGroup_7ak2k_1017{display:flex;align-items:center;gap:.75rem}._paidLabel_7ak2k_1029{font-weight:500;font-size:.9rem;color:var(--pp-text-muted)}._paidInput_7ak2k_1017{padding:.6rem .8rem;border-radius:8px;border:1px solid var(--pp-border);background-color:var(--pp-bg-input);color:var(--pp-text-main);width:140px;font-weight:600}._paidInput_7ak2k_1017:focus{outline:none;border-color:var(--pp-primary);box-shadow:0 0 0 3px #6366f133}._errorMsg_7ak2k_1075{background-color:#ef44441a;color:var(--pp-danger);padding:1rem;border-radius:12px;border:1px solid rgba(239,68,68,.2);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;font-weight:500}:root{--pbp-primary: #007bff;--pbp-primary-dark: #0056b3;--pbp-primary-light: #eaf5ff;--pbp-success: #28a745;--pbp-success-dark: #218838;--pbp-secondary: #6c757d;--pbp-bg: #f4f7f6;--pbp-card-bg: #ffffff;--pbp-card-border: #e0e0e0;--pbp-text-primary: #333333;--pbp-text-secondary: #555555;--pbp-text-muted: #666666;--pbp-table-header-bg: #e0e0e0;--pbp-table-row-alt: #f9f9f9;--pbp-table-row-hover: #f0f0f0;--pbp-input-bg: #fdfdfd;--pbp-input-border: #cccccc;--pbp-section-bg: #f9f9f9;--pbp-border-light: #eeeeee;--pbp-error-bg: #f8d7da;--pbp-error-text: #721c24;--pbp-error-border: #f5c6cb;--pbp-shadow: 0 4px 12px rgba(0, 0, 0, .08);--pbp-shadow-hover: 0 8px 20px rgba(0, 0, 0, .12);--pbp-transition: .2s ease}.pharmacy-billing-page{padding:10px;background-color:var(--pbp-bg);min-height:100vh;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--pbp-text-primary);transition:background-color var(--pbp-transition),color var(--pbp-transition)}.billing-container{max-width:100%;margin:0;background-color:var(--pbp-card-bg);border-radius:10px;box-shadow:var(--pbp-shadow);overflow:hidden;display:flex;flex-direction:column;transition:all var(--pbp-transition)}.billing-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(135deg,var(--pbp-primary) 0%,#0066cc 100%);color:#fff;border-bottom:1px solid var(--pbp-card-border)}.billing-header h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.billing-layout{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background:var(--pbp-bg);transition:background-color var(--pbp-transition)}.order-content{flex:3;min-width:300px}.billing-sidebar{flex:1;min-width:250px}.order-details-card,.medications-card,.billing-summary-card{background-color:var(--pbp-card-bg);border:1px solid var(--pbp-card-border);border-radius:8px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f;overflow-x:auto;transition:all var(--pbp-transition)}.order-details-card:hover,.medications-card:hover,.billing-summary-card:hover{box-shadow:var(--pbp-shadow-hover)}.card-header{padding:12px 18px;border-bottom:1px solid var(--pbp-card-border);background-color:var(--pbp-section-bg);border-top-left-radius:10px;border-top-right-radius:10px;transition:all var(--pbp-transition)}.card-header h2{margin:0;font-size:1rem;color:var(--pbp-primary);display:flex;align-items:center;gap:6px;font-weight:600}.patient-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:15px;background:var(--pbp-card-bg);transition:background-color var(--pbp-transition)}.info-item{font-size:.9em;color:var(--pbp-text-secondary);display:flex;align-items:center;gap:5px;transition:color var(--pbp-transition)}.info-item strong{color:var(--pbp-text-primary);display:flex;align-items:center;gap:5px}.medications-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.85em;border:1px solid var(--pbp-card-border)}.medications-table th,.medications-table td{border:1px solid var(--pbp-card-border);padding:8px 12px;text-align:left;vertical-align:middle;transition:all var(--pbp-transition)}.medications-table th{background-color:var(--pbp-table-header-bg);font-weight:700;color:var(--pbp-text-primary);text-transform:uppercase;font-size:.8em;letter-spacing:.5px}.medications-table tbody tr{transition:background-color var(--pbp-transition)}.medications-table tbody tr:nth-child(2n){background-color:var(--pbp-table-row-alt)}.medications-table tbody tr:hover{background-color:var(--pbp-table-row-hover)}.discount-input-table{width:65px;padding:6px 8px;border:2px solid var(--pbp-input-border);border-radius:6px;text-align:center;background:var(--pbp-input-bg);color:var(--pbp-text-primary);transition:all var(--pbp-transition)}.discount-input-table:focus{border-color:var(--pbp-primary);outline:none;box-shadow:0 0 0 3px #007bff26}.discount-input-wrapper{display:flex;align-items:center;gap:5px}.discount-input-total{width:65px;padding:6px 8px;border:2px solid var(--pbp-input-border);border-radius:6px;text-align:center;background:var(--pbp-input-bg);color:var(--pbp-text-primary);transition:all var(--pbp-transition)}.discount-input-total:focus{border-color:var(--pbp-primary);outline:none;box-shadow:0 0 0 3px #007bff26}.billing-summary-card{padding-bottom:16px}.summary-row{display:flex;justify-content:space-between;padding:10px 18px;font-size:.95em;border-bottom:1px dashed var(--pbp-border-light);color:var(--pbp-text-secondary);transition:color var(--pbp-transition)}.summary-row:last-of-type{border-bottom:none}.grand-total-row{font-size:1.15em;font-weight:700;color:var(--pbp-primary);padding-top:14px;padding-bottom:14px;background-color:var(--pbp-primary-light);border-top:2px solid var(--pbp-primary);border-bottom:2px solid var(--pbp-primary)}.qr-code-container{display:flex;flex-direction:column;align-items:center;padding:15px;text-align:center;gap:8px;background:var(--pbp-card-bg);border-radius:12px;transition:background-color var(--pbp-transition)}.qr-code-container p{font-size:.85em;color:var(--pbp-text-muted);margin:0}.payment-mode-section{padding:14px 18px;border-top:1px solid var(--pbp-border-light);display:flex;flex-direction:column;gap:8px;background:var(--pbp-card-bg);transition:background-color var(--pbp-transition)}.payment-mode-select{width:100%;padding:10px 12px;border:2px solid var(--pbp-input-border);border-radius:8px;font-size:.95em;background-color:var(--pbp-input-bg);color:var(--pbp-text-primary);cursor:pointer;transition:all var(--pbp-transition)}.payment-mode-select:focus{border-color:var(--pbp-primary);outline:none;box-shadow:0 0 0 3px #007bff26}.bill-actions{padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--pbp-card-bg);transition:background-color var(--pbp-transition)}.primary-button,.secondary-button{padding:12px 20px;border-radius:10px;cursor:pointer;font-size:.95em;font-weight:600;transition:all var(--pbp-transition);display:flex;align-items:center;justify-content:center;gap:6px;border:none}.primary-button{background:linear-gradient(135deg,var(--pbp-success) 0%,#34d058 100%);color:#fff;box-shadow:0 4px 12px #28a7454d}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,var(--pbp-success-dark) 0%,var(--pbp-success) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.primary-button:disabled{background:#94d3a2;cursor:not-allowed;box-shadow:none;transform:none}.secondary-button{background:linear-gradient(135deg,var(--pbp-primary) 0%,#0066cc 100%);color:#fff;box-shadow:0 4px 12px #007bff4d}.secondary-button:hover:not(:disabled){background:linear-gradient(135deg,var(--pbp-primary-dark) 0%,var(--pbp-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #007bff66}.print-preview-button{background:linear-gradient(135deg,var(--pbp-secondary) 0%,#5a6268 100%)}.print-preview-button:hover:not(:disabled){background:linear-gradient(135deg,#5a6268 0%,var(--pbp-secondary) 100%)}.print-preview-button:disabled{background:#aeb5bd;cursor:not-allowed}.secondary-button:disabled{background:#80bfff;cursor:not-allowed;box-shadow:none;transform:none}.loading-pulse{text-align:center;padding:50px;font-size:1.2em;color:var(--pbp-primary)}.error-message-box{text-align:center;padding:20px;background-color:var(--pbp-error-bg);color:var(--pbp-error-text);border:1px solid var(--pbp-error-border);border-radius:12px;margin:20px auto;max-width:600px}[data-theme=dark] .pharmacy-billing-page,.dark-mode .pharmacy-billing-page,body.dark-mode .pharmacy-billing-page{--pbp-bg: #0f0f1a;--pbp-card-bg: #1e1e2e;--pbp-card-border: rgba(69, 71, 90, .5);--pbp-text-primary: #cdd6f4;--pbp-text-secondary: #a6adc8;--pbp-text-muted: #6c7086;--pbp-table-header-bg: #181825;--pbp-table-row-alt: rgba(255, 255, 255, .02);--pbp-table-row-hover: rgba(139, 92, 246, .08);--pbp-input-bg: #313244;--pbp-input-border: rgba(69, 71, 90, .6);--pbp-section-bg: #181825;--pbp-border-light: rgba(69, 71, 90, .4);--pbp-primary: #4facfe;--pbp-primary-light: rgba(79, 172, 254, .15);--pbp-error-bg: rgba(239, 68, 68, .15);--pbp-error-text: #f87171;--pbp-error-border: rgba(239, 68, 68, .3);--pbp-shadow: 0 4px 16px rgba(0, 0, 0, .4);--pbp-shadow-hover: 0 8px 24px rgba(0, 0, 0, .5)}[data-theme=dark] .billing-container,.dark-mode .billing-container,body.dark-mode .billing-container{background:linear-gradient(145deg,#1e1e2e,#181825);box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff08 inset}[data-theme=dark] .billing-header,.dark-mode .billing-header,body.dark-mode .billing-header{background:linear-gradient(135deg,#4c1d95,#6d28d9);border-bottom-color:#45475a80}[data-theme=dark] .order-details-card,.dark-mode .order-details-card,body.dark-mode .order-details-card,[data-theme=dark] .medications-card,.dark-mode .medications-card,body.dark-mode .medications-card,[data-theme=dark] .billing-summary-card,.dark-mode .billing-summary-card,body.dark-mode .billing-summary-card{background:linear-gradient(145deg,#1e1e2e,#181825)}[data-theme=dark] .medications-table th,.dark-mode .medications-table th,body.dark-mode .medications-table th{background-color:#181825;color:#6c7086;border-color:#45475a80}[data-theme=dark] .medications-table td,.dark-mode .medications-table td,body.dark-mode .medications-table td{border-color:#45475a66}[data-theme=dark] .discount-input-table,.dark-mode .discount-input-table,body.dark-mode .discount-input-table,[data-theme=dark] .discount-input-total,.dark-mode .discount-input-total,body.dark-mode .discount-input-total,[data-theme=dark] .payment-mode-select,.dark-mode .payment-mode-select,body.dark-mode .payment-mode-select{background:linear-gradient(145deg,#313244,#2a2a3c);border-color:#45475a99;color:#cdd6f4}[data-theme=dark] .discount-input-table:focus,.dark-mode .discount-input-table:focus,body.dark-mode .discount-input-table:focus,[data-theme=dark] .discount-input-total:focus,.dark-mode .discount-input-total:focus,body.dark-mode .discount-input-total:focus,[data-theme=dark] .payment-mode-select:focus,.dark-mode .payment-mode-select:focus,body.dark-mode .payment-mode-select:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}[data-theme=dark] .grand-total-row,.dark-mode .grand-total-row,body.dark-mode .grand-total-row{background-color:#4facfe1a;border-color:#4facfe;color:#4facfe}[data-theme=dark] .primary-button,.dark-mode .primary-button,body.dark-mode .primary-button{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}[data-theme=dark] .secondary-button,.dark-mode .secondary-button,body.dark-mode .secondary-button{background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 4px 12px #7c3aed4d;color:#fff}@media (max-width: 768px){.pharmacy-billing-page{padding:12px}.billing-container{border-radius:12px}.billing-header{flex-direction:column;gap:12px;padding:16px;text-align:center}.billing-header h1{font-size:1.3em}.back-button{width:100%;justify-content:center}.billing-layout{padding:16px;gap:16px}.order-content,.billing-sidebar{min-width:100%}.order-details-card,.medications-card,.billing-summary-card{border-radius:10px;margin-bottom:16px}.card-header{padding:14px 16px}.card-header h2{font-size:1em}.patient-info-grid{grid-template-columns:1fr;padding:16px;gap:10px}.medications-table{font-size:.85em}.medications-table th,.medications-table td{padding:10px 12px}.summary-row{padding:10px 16px;font-size:.95em}.grand-total-row{font-size:1.15em}.bill-actions{padding:16px}.primary-button,.secondary-button{width:100%;padding:14px 20px}}@media (max-width: 480px){.billing-header h1{font-size:1.1em}.back-button{font-size:.9em;padding:10px 14px}.info-item{font-size:.9em}.medications-table th,.medications-table td{padding:8px 10px;font-size:.8em}.discount-input-table,.discount-input-total{width:55px;padding:6px 8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.print-only{display:none}@media print{.print-only{display:block!important}span.print-only{display:inline!important}@page{size:A4;margin:5mm 4mm}*{box-sizing:border-box!important}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;margin:0!important;padding:0!important;width:100%!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;font-size:9pt!important;line-height:1.4!important;color:#1a1a1a!important}#root{display:block!important;width:100%!important;margin:0!important;padding:0!important}.pharmacy-billing-page{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:#fff!important}.billing-container{width:100%!important;max-width:100%!important;margin:0!important;background:#fff!important;box-shadow:none!important}.billing-header{background:#fff!important;background-color:#fff!important;background-image:none!important}.billing-layout{background:#fff!important;background-color:#fff!important}.printable-section{position:static!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important;background-color:#fff!important;border:none!important;border-left:1px solid #ccc!important;border-right:1px solid #ccc!important}.print-letterhead-container{display:block!important;width:100%!important;margin:0 0 6px!important;padding:0!important}.print-letterhead-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;-o-object-fit:cover!important;object-fit:cover!important;margin:0!important;padding:0!important}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}.order-content,.medications-card,.billing-layout{overflow:visible!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.no-print{display:none!important}.billing-header.print-only{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:flex-start;padding:6px 0;background-color:#fff;color:#1a1a1a;border-bottom:1px solid #333;flex-wrap:nowrap!important;margin-bottom:6px;gap:10px}.clinic-header-left{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;max-width:60%}.billing-header.print-only .bill-title{font-size:1.2em;font-weight:700;color:#1a1a1a;margin:0 0 4px;letter-spacing:1px;text-transform:uppercase}.billing-header.print-only .clinic-name-print{font-size:1em;color:#333;margin:2px 0;font-weight:600}.clinic-details-print{text-align:left;font-size:.8em;line-height:1.3;color:#555;margin-top:2px}.clinic-details-print .small-text{margin:2px 0;padding:0;display:block;color:#666}.patient-info-grid.print-only-patient-details{display:flex!important;flex-direction:column;flex-shrink:0;gap:3px;padding:8px 10px;align-items:flex-start;text-align:left;min-width:160px;max-width:200px;font-size:.85em;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;margin-left:auto;border-left:2px solid #999}.patient-info-grid.print-only-patient-details:before{content:"BILL TO";font-weight:700;font-size:.7em;letter-spacing:.3px;margin-bottom:3px;color:#666;text-transform:uppercase;display:block;width:100%}.patient-info-grid.print-only-patient-details .info-item{font-size:.85em;margin:1px 0;padding:0;display:flex;gap:6px;color:#1a1a1a}.patient-info-grid.print-only-patient-details .info-item strong{min-width:90px;color:#555;font-weight:500}.patient-info-grid.print-only-patient-details .info-item .lucide,.patient-info-grid.print-only-patient-details .info-item svg{display:none}.medications-card{border-radius:0;padding:8px 0 0!important;margin:4px 0 0!important;background:transparent!important;border:none!important;width:100%!important;border-top:1px solid #ccc!important}.medications-table{width:100%!important;margin:0;border-collapse:collapse;border-radius:0;border:1px solid #ddd;table-layout:fixed}.medications-table th{border:1px solid #ddd!important;padding:5px 4px;font-size:.7em;color:#1a1a1a;background:#f5f5f5!important;font-weight:600;text-transform:uppercase;text-align:left;letter-spacing:.2px}.medications-table th:first-child,.medications-table td:first-child{width:8%!important;text-align:center}.medications-table th:nth-child(2),.medications-table td:nth-child(2){width:auto!important}.medications-table th:nth-child(3),.medications-table td:nth-child(3){width:12%!important;text-align:right}.medications-table th:nth-child(4),.medications-table td:nth-child(4){width:10%!important;text-align:right}.medications-table th:nth-child(5),.medications-table td:nth-child(5),.medications-table th:last-child,.medications-table td:last-child{width:12%!important;text-align:right}.medications-table td{border:1px solid #e5e5e5!important;padding:4px;font-size:.85em;color:#1a1a1a;background:#fff!important;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}.medications-table tbody tr:nth-child(2n) td{background:#fafafa!important}.medications-table td:first-child{color:#666}.medications-table td:last-child,.medications-table td:nth-last-child(2){font-variant-numeric:tabular-nums}.discount-input-table{display:none}.bill-summary-print{margin-top:8px;padding-top:8px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start;align-items:flex-start;gap:16px;border-top:1px solid #ccc}.bill-summary-details{flex:0 0 auto;min-width:180px;max-width:220px;border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#fff}.summary-row-print{display:flex;justify-content:space-between;font-size:.85em;padding:6px 10px;border-bottom:1px solid #eee;color:#333}.summary-row-print span:last-child{font-variant-numeric:tabular-nums;font-weight:500}.summary-row-print:last-of-type{border-bottom:none}.print-only-total{text-align:right;font-size:1em;padding:8px 10px;font-weight:700;border-top:1px solid #333;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#1a1a1a}.qr-code-printable-section{display:flex!important;flex-direction:column;flex-shrink:0;align-items:center;padding:8px 10px;margin-top:0;page-break-inside:avoid;border:1px solid #ddd;border-radius:4px;background:#fafafa}.qr-code-printable-section canvas{width:70px!important;height:70px!important}.print-only-upi-text{font-size:.65em;color:#666;margin:4px 0 0;text-align:center}.amount-in-words-print{margin:16px 0;padding:12px 16px;border-left:3px solid #667;background-color:#f8f9fa;font-size:.95em;color:#333;page-break-inside:avoid}.amount-in-words-print strong{font-weight:600;margin-right:6px;color:#1a1a1a}.payment-status-print{margin:12px 0;padding:10px 16px;border-radius:4px;border:none;background:linear-gradient(135deg,#d4edda,#c3e6cb);font-size:.9em;color:#155724;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px}.payment-status-print.pending{background:linear-gradient(135deg,#fff3cd,#ffeeba);color:#856404}.terms-conditions-print{margin:16px 0;padding:12px 14px;border:1px solid #e5e5e5;border-radius:4px;background-color:#fafafa;page-break-inside:avoid}.terms-conditions-print h4{margin:0 0 8px;font-size:.8em;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.3px}.terms-conditions-print ul{margin:0;padding-left:16px;font-size:.8em;color:#666;line-height:1.6}.terms-conditions-print li{margin-bottom:4px}.signature-section-print{margin:40px 0 20px;display:flex;justify-content:space-between;align-items:flex-end;page-break-inside:avoid}.signature-section-print .receiver-sign,.signature-section-print .authorized-sign{width:42%;text-align:center}.signature-section-print .sign-line{border-top:1px solid #333;margin-top:50px;padding-top:10px;font-size:.85em;color:#333;font-weight:500}.signature-section-print .for-clinic{font-size:.8em;color:#666;margin-bottom:6px}.billing-footer.print-only{margin-top:12px;padding:8px 12px;text-align:center;font-size:.75em;color:#555;border-top:1px solid #ddd;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.billing-footer.print-only p{margin:2px 0}.billing-footer.print-only .thank-you{font-size:1.05em;font-weight:600;color:#333;margin-bottom:8px}.billing-footer.print-only .computer-generated{font-size:.75em;color:#888;font-style:italic}.hide-on-screen,.card-header{display:none}.billing-sidebar{display:none!important}}.small-text{font-size:.75em;color:#555;margin:1px 0;line-height:1.1}.subtotal-row{font-weight:700}.current-admission-row{background-color:#f3f4f6}.previous-admissions-header{background-color:#fff3cd;color:#856404}.bill-row-unpaid{background-color:#fff5f5}.bill-row-paid{background-color:#f0fff4}.unpaid-balance-row{background-color:#ffe5e5;color:#dc3545}.grand-total-row-dynamic{font-weight:700}.grand-total-unpaid{background-color:#ffeeba;color:#856404}.grand-total-paid{background-color:#d4edda;color:#155724}.text-danger{color:#dc3545}.text-success{color:#28a745}[data-theme=dark] .current-admission-row,.dark-mode .current-admission-row,body.dark-mode .current-admission-row{background-color:#ffffff0d}[data-theme=dark] .previous-admissions-header,.dark-mode .previous-admissions-header,body.dark-mode .previous-admissions-header{background-color:#fbbf2426;color:#fbbf24}[data-theme=dark] .bill-row-unpaid,.dark-mode .bill-row-unpaid,body.dark-mode .bill-row-unpaid{background-color:#ef44441a}[data-theme=dark] .bill-row-paid,.dark-mode .bill-row-paid,body.dark-mode .bill-row-paid{background-color:#22c55e1a}[data-theme=dark] .unpaid-balance-row,.dark-mode .unpaid-balance-row,body.dark-mode .unpaid-balance-row{background-color:#ef444426;color:#f87171}[data-theme=dark] .grand-total-unpaid,.dark-mode .grand-total-unpaid,body.dark-mode .grand-total-unpaid{background-color:#f59e0b26;color:#fbbf24}[data-theme=dark] .grand-total-paid,.dark-mode .grand-total-paid,body.dark-mode .grand-total-paid{background-color:#22c55e26;color:#4ade80}[data-theme=dark] .text-danger,.dark-mode .text-danger,body.dark-mode .text-danger{color:#f87171}[data-theme=dark] .text-success,.dark-mode .text-success,body.dark-mode .text-success{color:#4ade80}.split-payment-wrapper{background:linear-gradient(135deg,#4facfe0f,#00f2fe08);border-radius:12px;padding:14px;border:1px solid rgba(79,172,254,.2);margin-top:8px}.split-payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(79,172,254,.12)}.split-payment-title{font-size:.85rem;font-weight:600;color:#4facfe;display:flex;align-items:center;gap:6px}.split-payment-total{font-size:.75rem;color:#666;background:#fff;padding:3px 10px;border-radius:12px;font-weight:500;box-shadow:0 1px 3px #0000000d}.split-payment-list{display:flex;flex-direction:column;gap:8px}.split-payment-row{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000a;border:1px solid rgba(0,0,0,.03);transition:box-shadow .15s ease}.split-payment-row:hover{box-shadow:0 2px 8px #00000014}.split-payment-index{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#4facfe1a;border-radius:50%;color:#4facfe;font-size:.7rem;font-weight:700;flex-shrink:0}.split-payment-select{flex:1;min-width:0;padding:6px 8px;border-radius:6px;border:1px solid #e0e0e0;font-size:.8rem;font-weight:500;background:#fafafa;cursor:pointer;transition:border-color .15s ease}.split-payment-select:focus{outline:none;border-color:#4facfe}.split-payment-select.is-credit{color:#dc3545;border-color:#dc35454d}.split-payment-amount-wrapper{display:flex;align-items:center;gap:2px;background:#f5f7f9;border-radius:6px;padding:4px 6px;border:1px solid #e0e0e0;flex-shrink:0}.split-payment-currency{color:#888;font-weight:500;font-size:.8rem}.split-payment-input{width:65px;padding:4px 2px;border:none;background:transparent;font-size:.85rem;font-weight:600;text-align:right;color:#333}.split-payment-input:focus{outline:none}.split-payment-input.is-credit{color:#dc3545}.split-payment-btn{padding:5px 8px;border-radius:5px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.split-payment-btn-fill{background:#28a7451a;color:#28a745;font-size:.65rem;font-weight:700;padding:5px 7px}.split-payment-btn-fill:hover{background:#28a74533}.split-payment-btn-remove{background:#dc354514;color:#dc3545;padding:5px}.split-payment-btn-remove:hover{background:#dc354526}.split-payment-add-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:8px;margin-top:10px;border-radius:8px;border:1.5px dashed rgba(79,172,254,.35);background:transparent;color:#4facfe;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s ease}.split-payment-add-btn:hover{background:#4facfe0d;border-color:#4facfe80}.split-payment-summary{margin-top:12px;padding:10px;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000008}.split-payment-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;margin-bottom:6px}.split-payment-status{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;font-weight:500;font-size:.85rem}.split-payment-status.balanced{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.split-payment-status.unbalanced{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.split-payment-status-icon{display:flex;align-items:center;gap:4px}.split-payment-status-amount{font-weight:700;font-size:.9rem}.split-payment-warning{margin-top:8px;padding:8px 10px;background:linear-gradient(135deg,#dc35450f,#dc35451f);border-radius:6px;color:#dc3545;font-size:.75rem;text-align:center;font-weight:500;border:1px solid rgba(220,53,69,.15)}[data-theme=dark] .split-payment-wrapper,.dark-mode .split-payment-wrapper{background:linear-gradient(135deg,#4facfe14,#00f2fe0a);border-color:#4facfe40}[data-theme=dark] .split-payment-row,.dark-mode .split-payment-row,[data-theme=dark] .split-payment-summary,.dark-mode .split-payment-summary{background:#2a2a3e;border-color:#ffffff0d}[data-theme=dark] .split-payment-select,.dark-mode .split-payment-select{background:#1e1e2e;border-color:#ffffff1a;color:#cdd6f4}[data-theme=dark] .split-payment-amount-wrapper,.dark-mode .split-payment-amount-wrapper{background:#1e1e2e;border-color:#ffffff1a}[data-theme=dark] .split-payment-input,.dark-mode .split-payment-input{color:#cdd6f4}[data-theme=dark] .split-payment-total,.dark-mode .split-payment-total{background:#2a2a3e;color:#a0a0a0}.payment-details-print,.debt-details-print{display:none}@media print{.payment-details-print,.debt-details-print{display:block!important}.payment-details-print{margin-top:10px;border-top:1px dashed #ccc;padding-top:8px}.debt-details-print{margin-top:8px;border-top:1px dashed #ccc;padding-top:8px}.split-payment-wrapper,.split-toggle-section{display:none!important}}@media (max-width: 480px){.split-payment-wrapper{padding:10px}.split-payment-row{flex-wrap:wrap;gap:6px;padding:10px 8px}.split-payment-select{flex:1 1 calc(100% - 30px);order:1}.split-payment-index{order:0}.split-payment-amount-wrapper{flex:1;order:2}.split-payment-btn-fill,.split-payment-btn-remove{order:3}}.clinic-hub-container{display:flex;flex-direction:column;height:100vh;background-color:#f9fafb;overflow:hidden}.clinic-hub-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#fff;border-bottom:1px solid #e5e7eb}.clinic-hub-title h1{font-size:1.15rem;font-weight:600;color:#111827;margin:0}.clinic-hub-subtitle{font-size:.8rem;color:#6b7280;margin-top:.15rem}.clinic-hub-actions{display:flex;gap:.5rem}.btn-add-staff{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.825rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-staff:hover{background-color:#f3f4f6}.btn-save-changes{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;background-color:#0d9488;border:1px solid transparent;border-radius:.375rem;color:#fff;font-size:.825rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-save-changes:hover{background-color:#0f766e}.btn-save-changes:disabled{opacity:.5;cursor:not-allowed}.clinic-hub-content{display:flex;flex:1;overflow:hidden;padding:1rem;gap:1rem}.team-directory-panel{flex:0 0 300px;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem}.panel-title{font-size:.925rem;font-weight:600;color:#111827}.search-container{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:14px;height:14px}.search-input{width:100%;padding:.4rem .75rem .4rem 2.25rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.825rem}.team-list{flex:1;overflow-y:auto}.team-member-item{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;transition:background-color .15s}.team-member-item:hover{background-color:#f9fafb}.member-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:.65rem;font-size:.9rem}.avatar-blue{background-color:#dbeafe;color:#1e40af}.avatar-green{background-color:#dcfce7;color:#166534}.avatar-purple{background-color:#f3e8ff;color:#6b21a8}.avatar-yellow{background-color:#fef9c3;color:#854d0e}.avatar-gray{background-color:#f3f4f6;color:#374151}.member-info{flex:1;overflow:hidden}.member-name{font-size:.825rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{font-size:.7rem;color:#6b7280;display:flex;align-items:center;gap:.25rem;margin-top:.1rem}.member-status{padding:.1rem .4rem;border-radius:9999px;font-size:.65rem;font-weight:500;margin-right:.5rem}.status-active{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#fee2e2;color:#991b1b}.btn-edit-member{padding:.35rem;border-radius:.375rem;background-color:#f3f4f6;color:#4b5563;border:none;cursor:pointer;transition:all .2s}.btn-edit-member:hover{background-color:#e5e7eb}.config-console-panel{flex:1;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.config-content{flex:1;overflow-y:auto;padding:1.25rem}.config-section{margin-bottom:1.25rem;padding-bottom:.5rem}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6;padding-bottom:.25rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:.8rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-input,.form-textarea{padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.825rem;transition:border-color .2s;width:100%}.form-textarea{min-height:60px;resize:vertical}.form-input:focus,.form-textarea:focus{border-color:#0d9488;outline:none;box-shadow:0 0 0 1px #0d9488}.help-text{font-size:.7rem;color:#6b7280;margin-top:.2rem}.empty-state{text-align:center;padding:1.5rem;color:#6b7280;font-size:.875rem}@media (max-width: 1024px){.clinic-hub-content{flex-direction:column}.team-directory-panel{flex:0 0 auto;width:100%;max-height:250px}}@media (prefers-color-scheme: dark){.clinic-hub-container{background-color:#111827}.clinic-hub-header{background-color:#1f2937;border-bottom-color:#374151}.clinic-hub-title h1{color:#f9fafb}.clinic-hub-subtitle{color:#9ca3af}.btn-add-staff{background-color:#1f2937;border-color:#4b5563;color:#e5e7eb}.btn-add-staff:hover{background-color:#374151;border-color:#6b7280}.btn-save-changes{background-color:#0d9488}.btn-save-changes:hover{background-color:#0f766e}.clinic-hub-content{background-color:#111827}.team-directory-panel{background-color:#1f2937;border-color:#374151}.panel-header{border-bottom-color:#374151}.panel-title{color:#f9fafb}.search-container{border-bottom-color:#374151}.search-icon{color:#6b7280}.search-input{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.search-input::-moz-placeholder{color:#6b7280}.search-input::placeholder{color:#6b7280}.search-input:focus{border-color:#0d9488;box-shadow:0 0 0 1px #0d9488}.team-member-item{border-bottom-color:#374151}.team-member-item:hover{background-color:#374151}.member-name{color:#f9fafb}.member-role{color:#9ca3af}.avatar-blue{background-color:#3b82f633;color:#93c5fd}.avatar-green{background-color:#10b98133;color:#6ee7b7}.avatar-purple{background-color:#8b5cf633;color:#c4b5fd}.avatar-yellow{background-color:#eab30833;color:#fde047}.avatar-gray{background-color:#4b556380;color:#e5e7eb}.status-active{background-color:#065f4666;color:#34d399}.status-inactive{background-color:#7f1d1d66;color:#f87171}.btn-edit-member{background-color:#374151;color:#9ca3af}.btn-edit-member:hover{background-color:#4b5563;color:#e5e7eb}.config-console-panel{background-color:#1f2937;border-color:#374151}.section-header{color:#9ca3af;border-bottom-color:#374151}.form-label{color:#d1d5db}.form-input,.form-textarea{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#6b7280}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280}.form-input:focus,.form-textarea:focus{border-color:#0d9488;box-shadow:0 0 0 1px #0d9488}.help-text{color:#6b7280}.empty-state{color:#9ca3af}}.dark-mode .clinic-hub-container{background-color:#111827}.dark-mode .clinic-hub-header{background-color:#1f2937;border-bottom-color:#374151}.dark-mode .clinic-hub-title h1{color:#f9fafb}.dark-mode .clinic-hub-subtitle{color:#9ca3af}.dark-mode .btn-add-staff{background-color:#1f2937;border-color:#4b5563;color:#e5e7eb}.dark-mode .btn-add-staff:hover{background-color:#374151;border-color:#6b7280}.dark-mode .btn-save-changes{background-color:#0d9488}.dark-mode .btn-save-changes:hover{background-color:#0f766e}.dark-mode .clinic-hub-content{background-color:#111827}.dark-mode .team-directory-panel{background-color:#1f2937;border-color:#374151}.dark-mode .panel-header{border-bottom-color:#374151}.dark-mode .panel-title{color:#f9fafb}.dark-mode .search-container{border-bottom-color:#374151}.dark-mode .search-icon{color:#6b7280}.dark-mode .search-input{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.dark-mode .search-input::-moz-placeholder{color:#6b7280}.dark-mode .search-input::placeholder{color:#6b7280}.dark-mode .search-input:focus{border-color:#0d9488;box-shadow:0 0 0 1px #0d9488}.dark-mode .team-member-item{border-bottom-color:#374151}.dark-mode .team-member-item:hover{background-color:#374151}.dark-mode .member-name{color:#f9fafb}.dark-mode .member-role{color:#9ca3af}.dark-mode .avatar-blue{background-color:#3b82f633;color:#93c5fd}.dark-mode .avatar-green{background-color:#10b98133;color:#6ee7b7}.dark-mode .avatar-purple{background-color:#8b5cf633;color:#c4b5fd}.dark-mode .avatar-yellow{background-color:#eab30833;color:#fde047}.dark-mode .avatar-gray{background-color:#4b556380;color:#e5e7eb}.dark-mode .status-active{background-color:#065f4666;color:#34d399}.dark-mode .status-inactive{background-color:#7f1d1d66;color:#f87171}.dark-mode .btn-edit-member{background-color:#374151;color:#9ca3af}.dark-mode .btn-edit-member:hover{background-color:#4b5563;color:#e5e7eb}.dark-mode .config-console-panel{background-color:#1f2937;border-color:#374151}.dark-mode .section-header{color:#9ca3af;border-bottom-color:#374151}.dark-mode .form-label{color:#d1d5db}.dark-mode .form-input,.dark-mode .form-textarea{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.dark-mode .form-input::-moz-placeholder,.dark-mode .form-textarea::-moz-placeholder{color:#6b7280}.dark-mode .form-input::placeholder,.dark-mode .form-textarea::placeholder{color:#6b7280}.dark-mode .form-input:focus,.dark-mode .form-textarea:focus{border-color:#0d9488;box-shadow:0 0 0 1px #0d9488}.dark-mode .help-text{color:#6b7280}.dark-mode .empty-state{color:#9ca3af}@media (max-width: 768px){.clinic-hub-container{height:auto;min-height:100vh}.clinic-hub-header{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.clinic-hub-title h1{font-size:1.1rem;text-align:center}.clinic-hub-actions{flex-direction:column;gap:.5rem}.btn-add-staff,.btn-save-changes{width:100%;min-height:44px;justify-content:center}.clinic-hub-content{padding:.75rem;gap:.75rem}.team-directory-panel{max-height:200px}.panel-header,.search-container{padding:.625rem .875rem}.search-input{padding:.5rem .75rem .5rem 2rem;font-size:16px;min-height:44px}.team-member-item{padding:.625rem .875rem}.member-avatar{width:32px;height:32px;font-size:.8rem}.config-content{padding:1rem}.form-grid{grid-template-columns:1fr;gap:.875rem}.form-input,.form-textarea{padding:.5rem .75rem;font-size:16px;min-height:44px}.form-textarea{min-height:80px}.btn-edit-member{padding:.5rem;min-width:36px;min-height:36px}}@media (max-width: 480px){.clinic-hub-header{padding:.5rem}.clinic-hub-title h1{font-size:1rem}.clinic-hub-subtitle{font-size:.75rem}.clinic-hub-content{padding:.5rem}.team-directory-panel{max-height:180px}.panel-title{font-size:.85rem}.member-name{font-size:.8rem}.member-role{font-size:.65rem}.member-status{font-size:.6rem;padding:.075rem .35rem}.config-section{margin-bottom:1rem}.section-header{font-size:.75rem;margin-bottom:.625rem}.form-label{font-size:.75rem}.help-text{font-size:.65rem}.empty-state{padding:1rem;font-size:.8rem}}.staff-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.staff-modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:420px;padding:1.25rem;position:relative;border:1px solid #e5e7eb;max-height:90vh;overflow-y:auto}@media (prefers-color-scheme: dark){.staff-modal-content{background-color:#1f2937;border-color:#374151}}.staff-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}@media (prefers-color-scheme: dark){.staff-modal-header{border-bottom-color:#374151}}.staff-modal-title{font-size:1.1rem;font-weight:700;color:#111827;margin:0}@media (prefers-color-scheme: dark){.staff-modal-title{color:#f9fafb}}.staff-modal-close{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.staff-modal-close:hover{background-color:#f3f4f6;color:#4b5563}@media (prefers-color-scheme: dark){.staff-modal-close:hover{background-color:#374151;color:#e5e7eb}}.staff-form-group{margin-bottom:.75rem}.staff-form-label{display:block;font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.025em}@media (prefers-color-scheme: dark){.staff-form-label{color:#9ca3af}}.staff-modal-content .custom-text-input,.staff-modal-content .custom-select-input{padding:.45rem .75rem;font-size:.875rem;min-height:2.25rem;border-radius:.5rem}.staff-modal-footer{margin-top:1rem;padding-top:.8rem;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:.75rem}@media (prefers-color-scheme: dark){.staff-modal-footer{border-top-color:#374151}}.btn-compact{padding:.4rem 1rem;font-size:.875rem;font-weight:600;height:36px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s}.btn-compact svg{margin-right:.5rem}@keyframes modalIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.staff-modal-content{animation:modalIn .2s ease-out forwards}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-glass: rgba(255, 255, 255, .85);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-subtle: #e2e8f0;--border-focus: #3b82f6;--accent-primary: #3b82f6;--accent-primary-light: rgba(59, 130, 246, .1);--accent-success: #10b981;--accent-success-light: rgba(16, 185, 129, .1);--accent-danger: #ef4444;--accent-warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--backdrop-blur: 12px}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-glass: rgba(30, 41, 59, .85);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--border-subtle: #334155;--accent-primary-light: rgba(59, 130, 246, .2);--accent-success-light: rgba(16, 185, 129, .2)}}._container_13uqm_121{padding:16px;background-color:var(--bg-primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);transition:background-color .3s ease}._header_13uqm_141{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;background-color:var(--bg-glass);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));padding:16px;border-radius:16px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}@media (min-width: 768px){._header_13uqm_141{flex-direction:row;justify-content:space-between;align-items:center}}._title_13uqm_187{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.025em}._controls_13uqm_203{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}@media (min-width: 768px){._controls_13uqm_203{width:auto}}._dateInputGroup_13uqm_231{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);padding:4px 8px 4px 6px;border-radius:8px;border:1px solid var(--border-subtle);flex:1}._dateInputLabel_13uqm_255{font-size:.8rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}._dateInput_13uqm_231{padding:4px 0;border:none;background:transparent;font-size:.825rem;color:var(--text-primary);outline:none;width:100%;font-family:inherit;color-scheme:light dark}._section_13uqm_297{background-color:var(--bg-secondary);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:transform .2s ease,box-shadow .2s ease}._section_13uqm_297:hover{box-shadow:var(--shadow-md)}._sectionTitle_13uqm_325{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px}._statsGrid_13uqm_351{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:20px}._statCard_13uqm_365{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-primary));border:1px solid var(--border-subtle);border-radius:10px;padding:16px;transition:all .2s ease;position:relative;overflow:hidden}._statCard_13uqm_365:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}._statTitle_13uqm_397{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}._statValue_13uqm_415{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;margin-bottom:2px}._statSubtitle_13uqm_431{font-size:.8rem;color:var(--text-tertiary)}._revenueGrid_13uqm_443{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px}@media (max-width: 640px){._revenueGrid_13uqm_443{grid-template-columns:1fr}}._revenueCard_13uqm_469{background-color:var(--bg-primary);border-radius:10px;padding:16px;border:1px solid var(--border-subtle)}._revenueCardTitle_13uqm_485{font-size:1rem;font-weight:600;margin-bottom:12px;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}._revenueCardList_13uqm_505{list-style:none;padding:0;margin:0}._revenueCardListItem_13uqm_517{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-subtle);font-size:.875rem;color:var(--text-secondary)}._revenueCardListItem_13uqm_517:last-child{border-bottom:none}._revenueCardListItem_13uqm_517 span:last-child{font-weight:600;color:var(--text-primary)}._tableContainer_13uqm_557{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:10px;background-color:var(--bg-secondary)}._table_13uqm_557{width:100%;border-collapse:collapse;font-size:.85rem;min-width:600px}._table_13uqm_557 th{background-color:var(--bg-primary);padding:12px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap}._table_13uqm_557 td{padding:12px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:top}._table_13uqm_557 tr:last-child td{border-bottom:none}._table_13uqm_557 tr:hover td{background-color:var(--bg-primary)}._textRight_13uqm_639{text-align:right}._textGreen_13uqm_647{color:var(--accent-success)}._textRed_13uqm_655{color:var(--accent-danger)}._textOrange_13uqm_663{color:var(--accent-warning)}._loadingContainer_13uqm_673{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-tertiary);min-height:200px}._errorAlert_13uqm_693{display:flex;align-items:center;gap:12px;padding:12px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:var(--accent-danger);margin-bottom:20px;font-weight:500}._reasonDistribution_13uqm_721{display:flex;flex-direction:column;gap:4px;font-size:.75rem;opacity:.9}._totalRow_13uqm_737{border-top:1px solid var(--border-subtle);margin-top:6px;padding-top:6px;font-weight:600;display:flex;justify-content:space-between;color:var(--text-primary)}._backButton_13uqm_759{padding:6px;border-radius:50%;color:var(--text-secondary);transition:all .2s;background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}._backButton_13uqm_759:hover{background-color:var(--bg-primary);color:var(--text-primary)}._chartsGrid_13uqm_797{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:24px}@media (max-width: 640px){._chartsGrid_13uqm_797{grid-template-columns:1fr}}._chartCard_13uqm_823{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;padding:16px;display:flex;flex-direction:column;min-height:350px;box-shadow:var(--shadow-sm);transition:all .2s}._chartCard_13uqm_823:hover{box-shadow:var(--shadow-md)}._chartCard_13uqm_823 h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-left:8px;border-left:3px solid var(--accent-primary)}._chartWrapper_13uqm_873{flex:1;width:100%;min-height:250px}.custom-tables-container{padding:20px;height:100%;overflow-y:auto;background:var(--bg-color)}.custom-tables-container .header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.custom-tables-container h1{display:flex;align-items:center;gap:12px;font-size:24px;color:var(--text-color)}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:transform .2s;box-shadow:0 2px 4px #0000000d}.table-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header h3{margin:0;font-size:18px;color:var(--text-color)}.card-header .actions button{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary)}.card-header .actions button:hover{color:var(--primary-color)}.card-header .actions button.danger:hover{color:#dc3545}.description{color:var(--text-secondary);font-size:14px;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.column-preview{font-size:12px;color:var(--text-secondary);margin-bottom:16px;background:var(--bg-secondary);padding:8px;border-radius:6px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.large-modal{width:600px;max-width:90vw;background:var(--bg-card);border-radius:12px;padding:24px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-color)}.columns-section{border-top:1px solid var(--border-color);padding-top:16px;margin-top:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.column-row{display:flex;gap:10px;margin-bottom:10px}.column-row input{flex:2}.column-row select{flex:1;padding:8px;border-radius:6px;border:1px solid var(--border-color)}.primary-button{background:var(--primary-color);color:#fff;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px}.secondary-button{width:100%;background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:8px;border-radius:6px;cursor:pointer;transition:background .2s}.secondary-button:hover{background:var(--primary-color-light)}.icon-button{background:var(--bg-secondary);border:none;padding:4px;border-radius:4px;cursor:pointer}.temp-dashboard-modal{width:95%;max-width:1400px;height:90vh}.temp-dashboard-header{display:flex;justify-content:space-between;align-items:center}.temp-dashboard-title{display:flex;align-items:center;gap:12px}.temp-dashboard-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:10px;border-radius:12px;color:#fff;display:flex}.temp-dashboard-title h2{margin:0;font-size:1.2em}.ai-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75em;color:#8b5cf6;background:#f3e8ff;padding:3px 8px;border-radius:12px;margin-top:4px}.temp-dashboard-actions{display:flex;gap:10px;align-items:center}.temp-dashboard-save-form{display:flex;gap:12px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;flex-wrap:wrap}.temp-dashboard-save-form .dashboard-name-input{flex:0 0 200px}.temp-dashboard-save-form .dashboard-desc-input{flex:1;min-width:200px}.save-form-actions{display:flex;gap:8px}[data-theme=dark] .temp-dashboard-save-form{background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .ai-badge{background:#8b5cf633;color:#a78bfa}@media (max-width: 768px){.temp-dashboard-modal{width:100%;height:95vh;border-radius:20px 20px 0 0}.temp-dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.temp-dashboard-actions{width:100%;justify-content:flex-end}.temp-dashboard-save-form{flex-direction:column;padding:12px 16px}.temp-dashboard-save-form .dashboard-name-input,.temp-dashboard-save-form .dashboard-desc-input{width:100%;flex:none}.save-form-actions{width:100%}.save-form-actions button{flex:1}}.custom-dashboards-container,.dashboard-builder-container{padding:24px;height:100%;overflow-y:auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column}.widget-detail-cards{display:flex;flex-direction:column;gap:16px;width:100%;padding:8px 0}.detail-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a}.detail-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.detail-card-title{font-size:1.15em;font-weight:600;color:#1e293b}.detail-card-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 10px;border-radius:20px;font-size:.75em;font-weight:500}.detail-card-status{padding:4px 10px;border-radius:20px;font-size:.75em;font-weight:500;text-transform:capitalize}.detail-card-status.status-active,.detail-card-status.status-completed{background:#dcfce7;color:#166534}.detail-card-status.status-pending,.detail-card-status.status-waiting{background:#fef3c7;color:#92400e}.detail-card-status.status-inactive,.detail-card-status.status-cancelled{background:#fee2e2;color:#dc2626}.detail-card-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.detail-field{display:flex;flex-direction:column;gap:4px}.detail-field-label{font-size:.75em;color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-weight:500}.detail-field-value{font-size:.95em;color:#1e293b;word-break:break-word}[data-theme=dark] .detail-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}[data-theme=dark] .detail-card-header{border-bottom-color:#334155}[data-theme=dark] .detail-card-title{color:#f1f5f9}[data-theme=dark] .detail-field-label{color:#94a3b8}[data-theme=dark] .detail-field-value{color:#e2e8f0}.header-section,.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.08)}.title-inputs{display:flex;gap:12px;flex:1;margin:0 24px}.dashboard-name-input{font-size:1.25em;font-weight:600;border:none;border-bottom:2px solid transparent;background:transparent;padding:8px 4px;width:220px;color:inherit;transition:border-color .2s}.dashboard-name-input:focus{border-bottom-color:var(--primary-color, #3b82f6);outline:none}.dashboard-desc-input{flex:1;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 14px;background:#fffc;transition:border-color .2s,box-shadow .2s}.dashboard-desc-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.dashboards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.dashboard-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;transition:transform .2s,box-shadow .2s;cursor:pointer}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.widgets-area{flex:1;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:2px dashed rgba(0,0,0,.1);overflow-y:auto}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.dashboard-widget{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000a;padding:20px;min-height:220px;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s}.dashboard-widget:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.widget-header h3{margin:0;font-size:1em;font-weight:600;color:#1e293b;letter-spacing:-.01em}.widget-expand-btn{background:none;border:none;cursor:pointer;color:#94a3b8;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.widget-expand-btn:hover{background:#f1f5f9;color:#3b82f6}.widget-content{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.widget-stat{text-align:center;padding:20px}.stat-value{font-size:3.5em;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.stat-label{color:#64748b;margin-top:8px;font-size:.95em;font-weight:500}.widget-table-container{width:100%;height:100%;overflow:auto;display:flex;flex-direction:column}.widget-table-search{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:12px}.widget-table-search svg{color:#94a3b8}.widget-table-search input{flex:1;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:.9em;background:#f8fafc;transition:all .2s}.widget-table-search input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.widget-table{width:100%;border-collapse:collapse;font-size:.9em}.widget-table th{text-align:left;padding:12px 10px;background:#f8fafc;font-weight:600;color:#475569;position:sticky;top:0;border-bottom:2px solid #e2e8f0}.widget-table td{padding:10px;border-bottom:1px solid #f1f5f9;color:#334155}.widget-table tr:hover td{background:#f8fafc}.widget-wrapper{position:relative}.widget-actions-overlay{position:absolute;top:10px;right:10px;display:none;z-index:10}.widget-wrapper:hover .widget-actions-overlay{display:flex;gap:6px}.remove-widget-btn{background:#fee2e2;color:#dc2626;border:none;border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.remove-widget-btn:hover{background:#fecaca;transform:scale(1.05)}.add-more-card{border:2px dashed #cbd5e1;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;min-height:220px;background:#ffffff80;transition:all .2s;color:#64748b}.add-more-card:hover{background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.modal-overlay{z-index:1000}.widget-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.widget-modal-content{background:#fff;border-radius:20px;width:95%;max-width:1400px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.widget-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.widget-modal-header h2{margin:0;font-size:1.35em;font-weight:600;color:#1e293b}.widget-modal-close{background:#f1f5f9;border:none;cursor:pointer;color:#64748b;padding:8px;display:flex;border-radius:10px;transition:all .2s}.widget-modal-close:hover{background:#e2e8f0;color:#1e293b}.widget-modal-body{padding:24px;flex:1;overflow:auto;min-height:450px}.primary-button,.add-widget-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 6px -1px #3b82f64d}.primary-button:hover,.add-widget-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 10px -1px #3b82f666}.back-btn{background:#f1f5f9;color:#475569;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:500;transition:all .2s}.back-btn:hover{background:#e2e8f0;color:#1e293b}.empty-canvas{text-align:center;padding:60px 20px;color:#64748b}.empty-canvas p{margin-bottom:24px;font-size:1.1em}.no-data{color:#94a3b8;font-style:italic;padding:40px;text-align:center}[data-theme=dark] .custom-dashboards-container,[data-theme=dark] .dashboard-builder-container,.dark-mode .custom-dashboards-container,.dark-mode .dashboard-builder-container,body.dark-mode .custom-dashboards-container,body.dark-mode .dashboard-builder-container{background:linear-gradient(135deg,#0f172a,#1e1e2e,#181825)}[data-theme=dark] .header-section,[data-theme=dark] .builder-header,.dark-mode .header-section,.dark-mode .builder-header,body.dark-mode .header-section,body.dark-mode .builder-header{border-bottom-color:#8b5cf633}[data-theme=dark] .header-section h1,[data-theme=dark] .builder-header h1,.dark-mode .header-section h1,.dark-mode .builder-header h1,body.dark-mode .header-section h1,body.dark-mode .builder-header h1{color:#cdd6f4}[data-theme=dark] .dashboard-card,.dark-mode .dashboard-card,body.dark-mode .dashboard-card{background:linear-gradient(145deg,#313244,#2a2a3c);border:1px solid #45475a;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .dashboard-card:hover,.dark-mode .dashboard-card:hover,body.dark-mode .dashboard-card:hover{border-color:#8b5cf666;box-shadow:0 8px 24px #8b5cf633,0 4px 12px #0000004d;transform:translateY(-3px)}[data-theme=dark] .dashboard-card h3,.dark-mode .dashboard-card h3,body.dark-mode .dashboard-card h3{color:#cdd6f4}[data-theme=dark] .dashboard-card p,.dark-mode .dashboard-card p,body.dark-mode .dashboard-card p{color:#a6adc8}[data-theme=dark] .card-actions,.dark-mode .card-actions,body.dark-mode .card-actions{border-top-color:#45475a}[data-theme=dark] .icon-btn,.dark-mode .icon-btn,body.dark-mode .icon-btn{background:#1e1e2e;color:#a6adc8;border-color:#45475a}[data-theme=dark] .icon-btn:hover,.dark-mode .icon-btn:hover,body.dark-mode .icon-btn:hover{background:#8b5cf626;color:#cba6f7;border-color:#8b5cf666}[data-theme=dark] .icon-btn.delete-btn,.dark-mode .icon-btn.delete-btn,body.dark-mode .icon-btn.delete-btn{color:#f38ba8}[data-theme=dark] .icon-btn.delete-btn:hover,.dark-mode .icon-btn.delete-btn:hover,body.dark-mode .icon-btn.delete-btn:hover{background:#f38ba826;border-color:#f38ba866}[data-theme=dark] .dashboard-widget,.dark-mode .dashboard-widget,body.dark-mode .dashboard-widget{background:linear-gradient(145deg,#313244,#2a2a3c);border:1px solid #45475a;box-shadow:0 4px 12px #00000040}[data-theme=dark] .widget-header h3,.dark-mode .widget-header h3,body.dark-mode .widget-header h3{color:#cdd6f4}[data-theme=dark] .widget-header,.dark-mode .widget-header,body.dark-mode .widget-header{border-bottom-color:#45475a}[data-theme=dark] .widgets-area,.dark-mode .widgets-area,body.dark-mode .widgets-area{background:#11111b99;border-color:#8b5cf633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .stat-value,.dark-mode .stat-value,body.dark-mode .stat-value{background:linear-gradient(135deg,#89b4fa,#cba6f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .stat-label,.dark-mode .stat-label,body.dark-mode .stat-label{color:#a6adc8}[data-theme=dark] .widget-table th,.dark-mode .widget-table th,body.dark-mode .widget-table th{background:#11111b;color:#bac2de;border-bottom-color:#45475a}[data-theme=dark] .widget-table td,.dark-mode .widget-table td,body.dark-mode .widget-table td{color:#cdd6f4;border-bottom-color:#313244}[data-theme=dark] .widget-table tr:hover td,.dark-mode .widget-table tr:hover td,body.dark-mode .widget-table tr:hover td{background:#8b5cf614}[data-theme=dark] .widget-table-search input,.dark-mode .widget-table-search input,body.dark-mode .widget-table-search input{background:#11111b;border-color:#45475a;color:#cdd6f4}[data-theme=dark] .widget-table-search input:focus,.dark-mode .widget-table-search input:focus,body.dark-mode .widget-table-search input:focus{background:#1e1e2e;border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa26}[data-theme=dark] .widget-table-search svg,.dark-mode .widget-table-search svg,body.dark-mode .widget-table-search svg{color:#6c7086}[data-theme=dark] .widget-expand-btn,.dark-mode .widget-expand-btn,body.dark-mode .widget-expand-btn{color:#6c7086}[data-theme=dark] .widget-expand-btn:hover,.dark-mode .widget-expand-btn:hover,body.dark-mode .widget-expand-btn:hover{background:#313244;color:#cba6f7}[data-theme=dark] .widget-modal-overlay,.dark-mode .widget-modal-overlay,body.dark-mode .widget-modal-overlay{background:#000000d9}[data-theme=dark] .widget-modal-content,.dark-mode .widget-modal-content,body.dark-mode .widget-modal-content{background:linear-gradient(145deg,#1e1e2e,#181825);border:1px solid rgba(139,92,246,.2);box-shadow:0 25px 50px -12px #0009,0 0 80px -30px #8b5cf64d}[data-theme=dark] .widget-modal-header,.dark-mode .widget-modal-header,body.dark-mode .widget-modal-header{border-bottom-color:#313244}[data-theme=dark] .widget-modal-header h2,.dark-mode .widget-modal-header h2,body.dark-mode .widget-modal-header h2{color:#cdd6f4}[data-theme=dark] .widget-modal-body,.dark-mode .widget-modal-body,body.dark-mode .widget-modal-body{background:#1e1e2e}[data-theme=dark] .widget-modal-close,.dark-mode .widget-modal-close,body.dark-mode .widget-modal-close{background:#313244;color:#a6adc8}[data-theme=dark] .widget-modal-close:hover,.dark-mode .widget-modal-close:hover,body.dark-mode .widget-modal-close:hover{background:#45475a;color:#cdd6f4}[data-theme=dark] .add-more-card,.dark-mode .add-more-card,body.dark-mode .add-more-card{border-color:#45475a;color:#6c7086;background:#11111b80}[data-theme=dark] .add-more-card:hover,.dark-mode .add-more-card:hover,body.dark-mode .add-more-card:hover{border-color:#a78bfa;color:#cba6f7;background:#8b5cf61a}[data-theme=dark] .dashboard-name-input,[data-theme=dark] .dashboard-desc-input,.dark-mode .dashboard-name-input,.dark-mode .dashboard-desc-input,body.dark-mode .dashboard-name-input,body.dark-mode .dashboard-desc-input{color:#cdd6f4;background:#11111b99;border-color:#45475a}[data-theme=dark] .dashboard-name-input:focus,[data-theme=dark] .dashboard-desc-input:focus,.dark-mode .dashboard-name-input:focus,.dark-mode .dashboard-desc-input:focus,body.dark-mode .dashboard-name-input:focus,body.dark-mode .dashboard-desc-input:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa26}[data-theme=dark] .back-btn,.dark-mode .back-btn,body.dark-mode .back-btn{background:#313244;color:#bac2de}[data-theme=dark] .back-btn:hover,.dark-mode .back-btn:hover,body.dark-mode .back-btn:hover{background:#45475a;color:#cdd6f4}[data-theme=dark] .primary-button,[data-theme=dark] .add-widget-btn,.dark-mode .primary-button,.dark-mode .add-widget-btn,body.dark-mode .primary-button,body.dark-mode .add-widget-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #7c3aed59}[data-theme=dark] .primary-button:hover,[data-theme=dark] .add-widget-btn:hover,.dark-mode .primary-button:hover,.dark-mode .add-widget-btn:hover,body.dark-mode .primary-button:hover,body.dark-mode .add-widget-btn:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 16px #8b5cf673}[data-theme=dark] .empty-state,[data-theme=dark] .empty-canvas,[data-theme=dark] .no-data,.dark-mode .empty-state,.dark-mode .empty-canvas,.dark-mode .no-data,body.dark-mode .empty-state,body.dark-mode .empty-canvas,body.dark-mode .no-data{color:#6c7086}[data-theme=dark] .detail-card,.dark-mode .detail-card,body.dark-mode .detail-card{background:linear-gradient(145deg,#313244,#2a2a3c);border-color:#45475a}[data-theme=dark] .detail-card-header,.dark-mode .detail-card-header,body.dark-mode .detail-card-header{border-bottom-color:#45475a}[data-theme=dark] .detail-card-title,.dark-mode .detail-card-title,body.dark-mode .detail-card-title{color:#cdd6f4}[data-theme=dark] .detail-field-label,.dark-mode .detail-field-label,body.dark-mode .detail-field-label{color:#a6adc8}[data-theme=dark] .detail-field-value,.dark-mode .detail-field-value,body.dark-mode .detail-field-value{color:#cdd6f4}@media (max-width: 1024px){.widgets-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.dashboards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.custom-dashboards-container,.dashboard-builder-container{padding:12px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.header-section,.builder-header{flex-direction:column;gap:12px;align-items:stretch;padding-bottom:12px;margin-bottom:16px}.title-inputs{flex-direction:column;margin:0;gap:8px}.dashboard-name-input{width:100%;font-size:1.1em;padding:10px 8px}.dashboard-desc-input{width:100%;padding:10px 12px}.widgets-grid,.dashboards-grid{grid-template-columns:1fr;gap:16px}.widgets-area{padding:12px;border-radius:12px}.dashboard-widget,.dashboard-card{padding:16px;border-radius:12px;min-height:180px}.widget-header{padding-bottom:10px;margin-bottom:10px}.widget-header h3{font-size:.95em}.widget-stat{padding:12px}.stat-value{font-size:2.5em}.stat-label{font-size:.85em}.widget-table-search{padding:8px 0}.widget-table-search input{padding:10px 12px;font-size:16px}.widget-table th,.widget-table td{padding:10px 8px;font-size:.85em}.primary-button,.add-widget-btn{width:100%;justify-content:center;padding:12px 16px;font-size:.95em}.back-btn{padding:10px 14px}.add-more-card{min-height:120px;border-radius:12px;font-size:.9em}.empty-canvas{padding:40px 16px}.empty-canvas p{font-size:1em;margin-bottom:20px}.empty-canvas>div{flex-direction:column;width:100%}.widget-modal-overlay{padding:0;align-items:flex-end}.widget-modal-content{width:100%;max-width:100%;max-height:95vh;border-radius:20px 20px 0 0;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.widget-modal-header{padding:16px}.widget-modal-header h2{font-size:1.15em}.widget-modal-close{padding:10px}.widget-modal-body{padding:16px;min-height:300px}.widget-expand-btn{padding:8px}.widget-actions-overlay{display:flex;top:8px;right:8px}.remove-widget-btn{width:32px;height:32px}}@media (max-width: 480px){.custom-dashboards-container,.dashboard-builder-container{padding:8px}.header-section,.builder-header{margin-bottom:12px}.dashboard-widget,.dashboard-card{padding:12px;min-height:160px}.stat-value{font-size:2em}.widget-table th,.widget-table td{padding:8px 6px;font-size:.8em}.primary-button,.add-widget-btn{padding:14px 16px}.widget-modal-body{padding:12px}}@media (hover: none) and (pointer: coarse){.dashboard-card:hover,.dashboard-widget:hover{transform:none}.dashboard-card:active,.dashboard-widget:active{transform:scale(.98)}.primary-button:hover,.add-widget-btn:hover{transform:none}.primary-button:active,.add-widget-btn:active{transform:scale(.97)}.widget-actions-overlay{display:flex!important;opacity:.7}.widget-wrapper:active .widget-actions-overlay{opacity:1}}@media (max-width: 768px) and (orientation: landscape){.widget-modal-content{max-height:100vh;border-radius:16px}.widget-modal-overlay{align-items:center;padding:12px}}@media (max-width: 768px){[data-theme=dark] .custom-dashboards-container,[data-theme=dark] .dashboard-builder-container{background:linear-gradient(180deg,#0f172a,#1e293b)}}.custom-dashboards-container{padding:0;display:flex;flex-direction:column;height:100%}.cdp-header{padding:16px 20px;background:linear-gradient(135deg,#6d28d9,#7c3aed,#8b5cf6);flex-shrink:0}.cdp-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.cdp-title{display:flex;align-items:center;gap:12px}.cdp-icon{background:#fff3;padding:10px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center}.cdp-title h1{margin:0;font-size:1.25rem;font-weight:600;color:#fff;line-height:1.2}.cdp-subtitle{font-size:.75rem;color:#ffffffbf;display:block;margin-top:2px}.cdp-create-btn{background:#fff3;color:#fff;border:none;padding:10px 16px;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cdp-create-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.cdp-search{margin-top:12px;display:flex;align-items:center;gap:10px;background:#ffffff26;border-radius:10px;padding:0 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cdp-search svg{color:#ffffffb3;flex-shrink:0}.cdp-search input{flex:1;border:none;background:transparent;padding:10px 0;font-size:.875rem;color:#fff;outline:none}.cdp-search input::-moz-placeholder{color:#fff9}.cdp-search input::placeholder{color:#fff9}.cdp-content{flex:1;padding:16px;overflow-y:auto}.cdp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#64748b}.cdp-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;animation:cdpSpin .8s linear infinite}@keyframes cdpSpin{to{transform:rotate(360deg)}}.cdp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.cdp-empty-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed;padding:24px;border-radius:20px;margin-bottom:20px}.cdp-empty h3{margin:0 0 8px;font-size:1.1rem;color:#1e293b}.cdp-empty p{margin:0 0 20px;color:#64748b;font-size:.9rem}.cdp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cdp-card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.cdp-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed26;border-color:#7c3aed4d}.cdp-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.cdp-card-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed;padding:8px;border-radius:10px;display:flex}.cdp-card-meta{display:flex;gap:8px}.cdp-card-date{font-size:.7rem;color:#94a3b8;display:flex;align-items:center;gap:4px}.cdp-card-body{flex:1;margin-bottom:12px}.cdp-card-body h3{margin:0 0 6px;font-size:1rem;font-weight:600;color:#1e293b;line-height:1.3}.cdp-card-body p{margin:0;font-size:.8rem;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cdp-card-footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9}.cdp-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border:none;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.cdp-view-btn{background:#f3e8ff;color:#7c3aed}.cdp-view-btn:hover{background:#ede9fe}.cdp-edit-btn{background:#f1f5f9;color:#475569}.cdp-edit-btn:hover{background:#e2e8f0}.cdp-delete-btn{flex:0 0 auto;background:#fef2f2;color:#ef4444;padding:8px}.cdp-delete-btn:hover{background:#fee2e2}[data-theme=dark] .cdp-header,.dark-mode .cdp-header,body.dark-mode .cdp-header{background:linear-gradient(135deg,#4c1d95,#6d28d9,#7c3aed)}[data-theme=dark] .cdp-content,.dark-mode .cdp-content,body.dark-mode .cdp-content{background:#0f172a}[data-theme=dark] .cdp-loading,.dark-mode .cdp-loading,body.dark-mode .cdp-loading{color:#6c7086}[data-theme=dark] .cdp-spinner,.dark-mode .cdp-spinner,body.dark-mode .cdp-spinner{border-color:#313244;border-top-color:#a78bfa}[data-theme=dark] .cdp-empty-icon,.dark-mode .cdp-empty-icon,body.dark-mode .cdp-empty-icon{background:linear-gradient(135deg,#313244,#45475a);color:#cba6f7}[data-theme=dark] .cdp-empty h3,.dark-mode .cdp-empty h3,body.dark-mode .cdp-empty h3{color:#cdd6f4}[data-theme=dark] .cdp-empty p,.dark-mode .cdp-empty p,body.dark-mode .cdp-empty p{color:#6c7086}[data-theme=dark] .cdp-card,.dark-mode .cdp-card,body.dark-mode .cdp-card{background:linear-gradient(145deg,#313244,#2a2a3c);border-color:#45475a}[data-theme=dark] .cdp-card:hover,.dark-mode .cdp-card:hover,body.dark-mode .cdp-card:hover{border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf633}[data-theme=dark] .cdp-card-icon,.dark-mode .cdp-card-icon,body.dark-mode .cdp-card-icon{background:linear-gradient(135deg,#45475a,#585b70);color:#cba6f7}[data-theme=dark] .cdp-card-date,.dark-mode .cdp-card-date,body.dark-mode .cdp-card-date{color:#6c7086}[data-theme=dark] .cdp-card-body h3,.dark-mode .cdp-card-body h3,body.dark-mode .cdp-card-body h3{color:#cdd6f4}[data-theme=dark] .cdp-card-body p,.dark-mode .cdp-card-body p,body.dark-mode .cdp-card-body p{color:#a6adc8}[data-theme=dark] .cdp-card-footer,.dark-mode .cdp-card-footer,body.dark-mode .cdp-card-footer{border-top-color:#45475a}[data-theme=dark] .cdp-view-btn,.dark-mode .cdp-view-btn,body.dark-mode .cdp-view-btn{background:#8b5cf633;color:#cba6f7}[data-theme=dark] .cdp-view-btn:hover,.dark-mode .cdp-view-btn:hover,body.dark-mode .cdp-view-btn:hover{background:#8b5cf64d}[data-theme=dark] .cdp-edit-btn,.dark-mode .cdp-edit-btn,body.dark-mode .cdp-edit-btn{background:#45475a;color:#bac2de}[data-theme=dark] .cdp-edit-btn:hover,.dark-mode .cdp-edit-btn:hover,body.dark-mode .cdp-edit-btn:hover{background:#585b70}[data-theme=dark] .cdp-delete-btn,.dark-mode .cdp-delete-btn,body.dark-mode .cdp-delete-btn{background:#f38ba826;color:#f38ba8}[data-theme=dark] .cdp-delete-btn:hover,.dark-mode .cdp-delete-btn:hover,body.dark-mode .cdp-delete-btn:hover{background:#f38ba840}@media (max-width: 768px){.cdp-header{padding:12px 14px}.cdp-title-row{gap:10px}.cdp-icon{padding:8px;border-radius:10px}.cdp-icon svg{width:18px;height:18px}.cdp-title h1{font-size:1.1rem}.cdp-subtitle{font-size:.7rem}.cdp-create-btn{padding:8px 12px;font-size:.8rem}.cdp-btn-text{display:none}.cdp-search{margin-top:10px;padding:0 10px}.cdp-search input{padding:8px 0;font-size:.8rem}.cdp-content{padding:12px}.cdp-grid{grid-template-columns:1fr;gap:12px}.cdp-card{padding:14px;border-radius:12px}.cdp-card-icon{padding:6px;border-radius:8px}.cdp-card-icon svg{width:16px;height:16px}.cdp-card-body h3{font-size:.95rem}.cdp-card-body p{font-size:.75rem}.cdp-card-footer{padding-top:10px}.cdp-action-btn{padding:8px;font-size:.7rem}.cdp-action-btn span{display:none}.cdp-view-btn,.cdp-edit-btn{flex:0 0 auto}.cdp-empty{padding:40px 16px}.cdp-empty-icon{padding:18px}.cdp-empty-icon svg{width:36px;height:36px}.cdp-empty h3{font-size:1rem}.cdp-empty p{font-size:.85rem}}:root{--jbm-bg: #ffffff;--jbm-text: #111827;--jbm-text-muted: #6b7280;--jbm-text-secondary: #64748b;--jbm-border: #e5e7eb;--jbm-input-bg: #ffffff;--jbm-input-border: #cbd5e1;--jbm-chip-bg: #f1f5f9;--jbm-chip-text: #64748b;--jbm-chip-border: #e2e8f0;--jbm-preview-bg: #f8fafc;--jbm-hover-bg: #f3f4f6}.dark-mode,body.dark-mode{--jbm-bg: #1e293b;--jbm-text: #f8fafc;--jbm-text-muted: #94a3b8;--jbm-text-secondary: #a6adc8;--jbm-border: #334155;--jbm-input-bg: #111827;--jbm-input-border: #475569;--jbm-chip-bg: #0f172a;--jbm-chip-text: #94a3b8;--jbm-chip-border: #334155;--jbm-preview-bg: #0f172a;--jbm-hover-bg: #334155}.join-builder-modal{max-width:550px;width:95%;background-color:var(--jbm-bg);color:var(--jbm-text)}.modal-header-compact{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--jbm-border);margin-bottom:.75rem}.modal-header-compact h3{margin:0;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--jbm-text)}.modal-header-compact .close-button{background:none;border:none;cursor:pointer;color:var(--jbm-text-muted);padding:.25rem;border-radius:6px;transition:all .2s}.modal-header-compact .close-button:hover{color:#3b82f6;background:var(--jbm-hover-bg)}.join-builder-body{display:flex;flex-direction:column;gap:.75rem;padding:0;overflow-y:auto}.join-step-group{display:flex;flex-direction:column;gap:.25rem}.join-step-group label{font-size:.75rem;font-weight:700;color:var(--jbm-text-secondary);text-transform:uppercase;letter-spacing:.025em}.join-select{width:100%;padding:.5rem .75rem;border:1px solid var(--jbm-input-border);border-radius:6px;font-size:.9rem;background-color:var(--jbm-input-bg);color:var(--jbm-text)}.columns-chip-container{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.column-chip-label{display:flex;align-items:center;gap:4px;cursor:pointer;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.column-chip-label.primary-selected{background-color:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.column-chip-label.related-selected{background-color:#f0fdf4;color:#15803d;border:1px solid #dcfce7}.column-chip-label.unselected{background-color:var(--jbm-chip-bg);color:var(--jbm-chip-text);border:1px solid var(--jbm-chip-border)}.join-preview-box{background-color:var(--jbm-preview-bg);padding:.65rem;border-radius:8px;border:1px solid var(--jbm-border);margin-top:.5rem}.join-preview-title{font-size:.7rem;font-weight:700;color:var(--jbm-text-secondary);text-transform:uppercase;display:block;margin-bottom:.25rem}.join-preview-content{font-size:.8rem;line-height:1.4;display:flex;flex-wrap:wrap;gap:.5rem}.join-preview-primary{color:var(--primary-color, #3b82f6);font-weight:600}.join-preview-related{color:var(--success-color, #10b981);font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--jbm-border);margin-top:.5rem}.join-btn{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.join-btn-cancel{background-color:var(--jbm-chip-bg);color:var(--jbm-text-muted);border-color:var(--jbm-input-border)}.join-btn-primary{background-color:var(--primary-color, #3b82f6);color:#fff}.join-btn-primary:disabled{opacity:.5;cursor:not-allowed}.create-table-modal-content{max-width:600px;width:95%}.create-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e5e7eb)}.create-table-header h3{margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem;color:var(--text-primary, #1f2937)}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary, #6b7280);padding:4px;border-radius:4px;transition:background .2s}.close-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.form-field-group{margin-bottom:10px}.form-field-group label{display:block;margin-bottom:4px;font-weight:700;color:var(--text-primary, #374151);font-size:.8rem}.modal-input{width:100%;padding:6px 10px;border-radius:6px;border:1px solid var(--border-color, #d1d5db);background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);font-size:.9rem;transition:border-color .2s}.modal-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.columns-container{display:flex;flex-direction:column;gap:6px}.column-row{display:flex;gap:8px;align-items:center}.column-label-input{flex:2}.column-key-input{flex:1;font-size:12px;font-family:monospace}.column-type-select{padding:6px;border-radius:4px;border:1px solid var(--border-color, #d1d5db);background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937)}.remove-col-btn{background:none;border:none;cursor:pointer;color:#ef4444;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.remove-col-btn:disabled{opacity:.5;cursor:not-allowed;color:#9ca3af}.remove-col-btn:not(:disabled):hover{background-color:#ef44441a}.add-col-btn{margin-top:8px;padding:5px 10px;background-color:#e0f2fe;color:#0284c7;border:1px solid #bae6fd;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:.85rem;transition:background .2s}.add-col-btn:hover{background-color:#bae6fd}.modal-footer{margin-top:12px;display:flex;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb)}.cancel-button{padding:6px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #374151);cursor:pointer;transition:background .2s}.cancel-button:hover{background-color:var(--bg-hover, #f3f4f6)}.create-button{padding:6px 12px;background-color:#22c55e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.create-button:hover{background-color:#16a34a}.create-button:disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .create-table-modal-content{background-color:#1f2937;border-color:#374151}[data-theme=dark] .create-table-header{border-bottom-color:#374151}[data-theme=dark] .create-table-header h3{color:#f3f4f6}[data-theme=dark] .close-btn{color:#9ca3af}[data-theme=dark] .close-btn:hover{background-color:#374151;color:#f3f4f6}[data-theme=dark] .form-field-group label{color:#e5e7eb}[data-theme=dark] .modal-input,[data-theme=dark] .column-type-select,[data-theme=dark] .cancel-button{background-color:#111827;border-color:#374151;color:#f3f4f6}[data-theme=dark] .modal-input:focus{border-color:#60a5fa}[data-theme=dark] .column-key-input{color:#9ca3af}[data-theme=dark] .add-col-btn{background-color:#0c4a6e;color:#7dd3fc;border-color:#075985}[data-theme=dark] .add-col-btn:hover{background-color:#075985}[data-theme=dark] .modal-footer{border-top-color:#374151}[data-theme=dark] .cancel-button:hover{background-color:#374151}@media (prefers-color-scheme: dark){.create-table-modal-content{background-color:#1f2937;border-color:#374151}.create-table-header{border-bottom-color:#374151}.create-table-header h3{color:#f3f4f6}.close-btn{color:#9ca3af}.close-btn:hover{background-color:#374151;color:#f3f4f6}.form-field-group label{color:#e5e7eb}.modal-input,.column-type-select,.cancel-button{background-color:#111827;border-color:#374151;color:#f3f4f6}.modal-input:focus{border-color:#60a5fa}.column-key-input{color:#9ca3af}.add-col-btn{background-color:#0c4a6e;color:#7dd3fc;border-color:#075985}.add-col-btn:hover{background-color:#075985}.modal-footer{border-top-color:#374151}.cancel-button:hover{background-color:#374151}}.role-management-page{padding:28px;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.role-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,#8b5cf614,#6366f10d);padding:24px;border-radius:20px;border:1px solid rgba(139,92,246,.15)}.header-title{display:flex;align-items:center;gap:16px}.header-title svg{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf633,#6366f126);padding:14px;border-radius:16px;flex-shrink:0;box-shadow:0 4px 15px #8b5cf633}.header-title h1{margin:0;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#0f172a,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title p{margin:4px 0 0;font-size:.9rem;color:#64748b}.create-role-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6366f1);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #8b5cf659;position:relative;overflow:hidden}.create-role-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.create-role-btn:hover:before{left:100%}.create-role-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #8b5cf673}.create-role-btn:active:not(:disabled){transform:translateY(-1px) scale(.98)}.create-role-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.role-error-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;border-radius:14px;margin-bottom:24px;font-weight:500;border:1px solid rgba(185,28,28,.15);animation:slideUp .3s ease}.role-error-banner svg{flex-shrink:0}.role-error-banner button{margin-left:auto;background:#b91c1c1a;border:none;color:#b91c1c;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s}.role-error-banner button:hover{background:#b91c1c33}.role-form-card{background:linear-gradient(180deg,#fff,#fafbfc);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:28px;margin-bottom:32px;box-shadow:0 8px 30px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .4s ease}.role-form-card h3{margin:0 0 24px;font-size:1.2rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:10px}.role-form-card h3:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,#8b5cf6,#6366f1);border-radius:2px}.role-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#475569}.form-group label svg{color:#8b5cf6}.form-group input[type=text]{padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fff}.form-group input[type=text]:hover{border-color:#cbd5e1}.form-group input[type=text]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61f}.form-group input[type=text]::-moz-placeholder{color:#94a3b8}.form-group input[type=text]::placeholder{color:#94a3b8}.form-group input[type=text]:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.color-picker{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.color-option{width:36px;height:36px;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.color-option:hover{transform:scale(1.15) translateY(-2px);box-shadow:0 4px 12px #0003}.color-option.selected{border-color:#0f172a;transform:scale(1.1);box-shadow:0 0 0 3px #0f172a26,0 4px 12px #0003}.custom-color-input{width:36px;height:36px;border:2px dashed #cbd5e1;border-radius:10px;cursor:pointer;padding:0;transition:all .2s}.custom-color-input:hover{border-color:#8b5cf6}.form-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:12px;padding-top:20px;border-top:1px solid #e2e8f0}.cancel-btn{padding:12px 24px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#475569;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #10b9814d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.save-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.roles-container{display:flex;flex-direction:column;gap:40px}.roles-section{animation:fadeIn .4s ease}.roles-section h3{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:10px}.roles-section h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#e2e8f0 0%,transparent 100%);margin-left:10px}.section-desc{margin:0 0 20px;font-size:.875rem;color:#64748b}.roles-loading{padding:60px;text-align:center;color:#64748b;font-size:1rem}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.role-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s}.role-card:hover{border-color:#c7d2fe;box-shadow:0 8px 30px #6366f11f;transform:translateY(-4px)}.role-card:hover:before{opacity:1}.role-card.system{background:linear-gradient(145deg,#fafbff,#f1f5f9);border-color:#e0e7ff}.role-card.system:before{background:linear-gradient(90deg,#8b5cf6,#6366f1)}.role-card.custom:before{background:linear-gradient(90deg,#10b981,#06b6d4)}.role-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.role-color-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #00000026}.role-name{font-weight:700;font-size:1.1rem;color:#0f172a}.system-badge{margin-left:auto;font-size:.65rem;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;padding:4px 10px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.role-key{font-size:.75rem;color:#64748b;font-family:SF Mono,Monaco,Inconsolata,monospace;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:4px 10px;border-radius:6px;display:inline-block;margin-bottom:10px;border:1px solid #e2e8f0}.role-description{font-size:.875rem;color:#64748b;line-height:1.5;margin-bottom:14px}.role-actions{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #e2e8f0}.edit-role-btn,.delete-role-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-role-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0;color:#475569}.edit-role-btn:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#a5b4fc;color:#4338ca;transform:translateY(-1px)}.delete-role-btn{background:transparent;border:1px solid #fecaca;color:#dc2626}.delete-role-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);transform:translateY(-1px)}.no-roles{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 50px;background:linear-gradient(145deg,#fafbff,#f1f5f9);border:2px dashed #c7d2fe;border-radius:24px;text-align:center;animation:fadeIn .4s ease}.no-roles svg{color:#a5b4fc;margin-bottom:20px;opacity:.6}.no-roles p{margin:0 0 20px;color:#64748b;font-size:1rem}.no-roles button{display:flex;align-items:center;gap:8px;padding:12px 22px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #8b5cf64d}.no-roles button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.dark-mode .role-management-page,[data-theme=dark] .role-management-page{background:transparent}.dark-mode .role-management-header,[data-theme=dark] .role-management-header{background:linear-gradient(135deg,#8b5cf61f,#6366f114);border-color:#8b5cf640}.dark-mode .header-title h1,[data-theme=dark] .header-title h1{background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .header-title p,[data-theme=dark] .header-title p{color:#94a3b8}.dark-mode .header-title svg,[data-theme=dark] .header-title svg{background:linear-gradient(135deg,#8b5cf640,#6366f133);box-shadow:0 4px 20px #8b5cf640}.dark-mode .role-error-banner,[data-theme=dark] .role-error-banner{background:linear-gradient(135deg,#b91c1c26,#b91c1c1a);border-color:#b91c1c40;color:#fca5a5}.dark-mode .role-form-card,[data-theme=dark] .role-form-card{background:linear-gradient(180deg,#1e293be6,#0f172af2);border-color:#33415599;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 30px #0000004d}.dark-mode .role-form-card h3,[data-theme=dark] .role-form-card h3{color:#f1f5f9}.dark-mode .role-form-card h3:before,[data-theme=dark] .role-form-card h3:before{background:linear-gradient(180deg,#a78bfa,#818cf8)}.dark-mode .form-group label,[data-theme=dark] .form-group label{color:#94a3b8}.dark-mode .form-group input[type=text],[data-theme=dark] .form-group input[type=text]{background:#0f172acc;border-color:#334155cc;color:#f1f5f9}.dark-mode .form-group input[type=text]:hover,[data-theme=dark] .form-group input[type=text]:hover{border-color:#475569cc}.dark-mode .form-group input[type=text]:focus,[data-theme=dark] .form-group input[type=text]:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633}.dark-mode .form-group input[type=text]::-moz-placeholder,[data-theme=dark] .form-group input[type=text]::-moz-placeholder{color:#64748b}.dark-mode .form-group input[type=text]::placeholder,[data-theme=dark] .form-group input[type=text]::placeholder{color:#64748b}.dark-mode .form-group input[type=text]:disabled,[data-theme=dark] .form-group input[type=text]:disabled{background:#1e293b80;color:#64748b}.dark-mode .color-picker,[data-theme=dark] .color-picker{background:#0f172a99;border-color:#33415599}.dark-mode .color-option.selected,[data-theme=dark] .color-option.selected{border-color:#f1f5f9}.dark-mode .custom-color-input,[data-theme=dark] .custom-color-input{border-color:#47556999}.dark-mode .form-actions,[data-theme=dark] .form-actions{border-top-color:#33415580}.dark-mode .cancel-btn,[data-theme=dark] .cancel-btn{background:#33415599;border-color:#47556999;color:#94a3b8}.dark-mode .cancel-btn:hover,[data-theme=dark] .cancel-btn:hover{background:#475569b3;border-color:#64748b99;color:#e2e8f0}.dark-mode .roles-section h3,[data-theme=dark] .roles-section h3{color:#f1f5f9}.dark-mode .roles-section h3:after,[data-theme=dark] .roles-section h3:after{background:linear-gradient(90deg,rgba(51,65,85,.6) 0%,transparent 100%)}.dark-mode .section-desc,[data-theme=dark] .section-desc,.dark-mode .roles-loading,[data-theme=dark] .roles-loading{color:#94a3b8}.dark-mode .role-card,[data-theme=dark] .role-card{background:linear-gradient(145deg,#1e293be6,#0f172af2);border-color:#33415599;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .role-card:hover,[data-theme=dark] .role-card:hover{border-color:#8b5cf666;box-shadow:0 8px 30px #8b5cf626}.dark-mode .role-card.system,[data-theme=dark] .role-card.system{background:linear-gradient(145deg,#0f172af2,#1e293be6);border-color:#6366f14d}.dark-mode .role-name,[data-theme=dark] .role-name{color:#f1f5f9}.dark-mode .system-badge,[data-theme=dark] .system-badge{background:linear-gradient(135deg,#6366f140,#8b5cf633);color:#a5b4fc}.dark-mode .role-key,[data-theme=dark] .role-key{background:linear-gradient(135deg,#33415599,#1e293bcc);border-color:#33415580;color:#94a3b8}.dark-mode .role-description,[data-theme=dark] .role-description{color:#94a3b8}.dark-mode .role-actions,[data-theme=dark] .role-actions{border-top-color:#33415566}.dark-mode .edit-role-btn,[data-theme=dark] .edit-role-btn{background:linear-gradient(135deg,#33415599,#1e293bcc);border-color:#47556980;color:#94a3b8}.dark-mode .edit-role-btn:hover,[data-theme=dark] .edit-role-btn:hover{background:linear-gradient(135deg,#6366f140,#8b5cf633);border-color:#8b5cf680;color:#a5b4fc}.dark-mode .delete-role-btn,[data-theme=dark] .delete-role-btn{border-color:#dc262659;color:#f87171}.dark-mode .delete-role-btn:hover,[data-theme=dark] .delete-role-btn:hover{background:linear-gradient(135deg,#dc262626,#b91c1c1f)}.dark-mode .no-roles,[data-theme=dark] .no-roles{background:linear-gradient(145deg,#0f172acc,#1e293b99);border-color:#6366f14d}.dark-mode .no-roles svg,[data-theme=dark] .no-roles svg{color:#6366f1}.dark-mode .no-roles p,[data-theme=dark] .no-roles p{color:#94a3b8}@media (max-width: 768px){.role-management-page{padding:16px}.role-management-header{flex-direction:column;gap:16px;padding:18px;border-radius:16px;align-items:stretch}.header-title{flex-direction:column;align-items:center;text-align:center;gap:12px}.header-title h1{font-size:1.4rem}.header-title p{font-size:.85rem}.create-role-btn{width:100%;justify-content:center;padding:14px 20px}.role-form-card{padding:20px;border-radius:16px}.role-form-card h3{font-size:1.05rem}.form-row{grid-template-columns:1fr;gap:16px}.color-picker{padding:12px;gap:8px}.color-option{width:32px;height:32px}.form-actions{flex-direction:column-reverse;gap:10px}.cancel-btn,.save-btn{width:100%;justify-content:center;padding:14px 20px}.roles-container{gap:28px}.roles-section h3{font-size:1.1rem}.roles-grid{grid-template-columns:1fr;gap:14px}.role-card{padding:18px;border-radius:14px}.role-name{font-size:1rem}.role-actions{flex-wrap:wrap}.edit-role-btn,.delete-role-btn{flex:1;justify-content:center;min-width:100px}.no-roles{padding:50px 30px;border-radius:18px}.no-roles svg{width:28px;height:28px}.no-roles p{font-size:.9rem}}@media (max-width: 480px){.role-management-page{padding:12px}.role-management-header{padding:16px}.header-title svg{padding:10px}.header-title h1{font-size:1.25rem}.form-group input[type=text]{padding:12px 14px;font-size:.9rem}.role-card{padding:16px}.role-header{flex-wrap:wrap}.system-badge{margin-left:0;margin-top:8px}}:root{--guide-primary: #6366f1;--guide-primary-dark: #4f46e5;--guide-accent: #8b5cf6;--guide-success: #10b981;--guide-warning: #f59e0b;--guide-error: #ef4444;--guide-bg: #f8fafc;--guide-card-bg: #ffffff;--guide-text: #1e293b;--guide-text-muted: #64748b;--guide-border: #e2e8f0;--guide-gradient-start: #6366f1;--guide-gradient-end: #a855f7}._container_16815_47{display:flex;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#eef2ff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--guide-text);position:relative}._progressBar_16815_67{position:fixed;top:60px;left:0;height:3px;background:linear-gradient(90deg,var(--guide-primary),var(--guide-accent));z-index:1000;transition:width .1s ease-out;box-shadow:0 0 10px #6366f180}._sidebar_16815_97{width:280px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(226,232,240,.8);padding:2rem 1.5rem;position:fixed;top:60px;left:0;height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;flex-shrink:0;transition:all .3s ease;box-shadow:4px 0 24px #0000000d;z-index:100}._sidebar_16815_97::-webkit-scrollbar{width:6px}._sidebar_16815_97::-webkit-scrollbar-track{background:transparent}._sidebar_16815_97::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}._sidebarTitle_16815_161{font-size:1.35rem;font-weight:800;background:linear-gradient(135deg,var(--guide-primary),var(--guide-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(99,102,241,.1);display:flex;align-items:center;gap:.75rem}._searchBox_16815_193{position:relative;margin-bottom:1.5rem}._searchInput_16815_203{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--guide-border);border-radius:12px;font-size:.9rem;background:#fff9;transition:all .3s ease}._searchInput_16815_203:focus{outline:none;border-color:var(--guide-primary);box-shadow:0 0 0 3px #6366f11a;background:#fff}._searchIcon_16815_237{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--guide-text-muted);pointer-events:none}._navSection_16815_255{margin-bottom:1.75rem}._navSectionTitle_16815_263{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--guide-text-muted);font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}._navLink_16815_287{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;color:#475569;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .25s ease;cursor:pointer;border-radius:10px;margin:.25rem 0;position:relative;overflow:hidden}._navLink_16815_287:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(180deg,var(--guide-primary),var(--guide-accent));transform:scaleY(0);transition:transform .25s ease;border-radius:0 3px 3px 0}._navLink_16815_287:hover{background:#6366f10f;color:var(--guide-primary);transform:translate(4px)}._navLink_16815_287:hover:before{transform:scaleY(1)}._activeNavLink_16815_367{background:#6366f11a;color:var(--guide-primary);font-weight:600}._activeNavLink_16815_367:before{transform:scaleY(1)}._navLinkIcon_16815_387{width:18px;height:18px;opacity:.7;flex-shrink:0}._content_16815_409{flex:1;padding:1.5rem 2rem;margin-left:280px;max-width:calc(100% - 280px)}._header_16815_425{position:relative;background:linear-gradient(135deg,var(--guide-gradient-start),var(--guide-gradient-end));border-radius:16px;padding:2rem 2.5rem;margin-bottom:2rem;overflow:hidden;box-shadow:0 15px 30px #6366f133,0 0 0 1px #ffffff1a inset}._header_16815_425:before{content:"";position:absolute;top:-50%;right:-20%;width:70%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}._header_16815_425:after{content:"";position:absolute;bottom:-30%;left:-10%;width:50%;height:150%;background:radial-gradient(circle,rgba(168,85,247,.3) 0%,transparent 50%);pointer-events:none}._headerContent_16815_493{position:relative;z-index:1}._title_16815_503{font-size:2.75rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.15;letter-spacing:-.02em}._title_16815_503 span{display:inline-block;animation:_wave_16815_1845 2.5s ease-in-out infinite}@keyframes _wave_16815_1845{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-5deg)}}._subtitle_16815_563{font-size:1rem;color:#ffffffe6;line-height:1.6}._headerBadges_16815_575{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}._headerBadge_16815_575{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:#fff;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}._section_16815_625{margin-bottom:1.5rem;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:14px;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 24px #0000000a,0 0 0 1px #ffffff80 inset;transition:all .3s ease}._section_16815_625:hover{transform:translateY(-1px);box-shadow:0 12px 32px #0000000f,0 0 0 1px #ffffff80 inset}._sectionTitle_16815_665{font-size:1.35rem;font-weight:700;color:var(--guide-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(99,102,241,.1);display:flex;align-items:center;gap:.6rem}._sectionTitleIcon_16815_689{width:26px;height:26px;background:linear-gradient(135deg,var(--guide-primary),var(--guide-accent));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}._sectionContent_16815_713 p{font-size:.95rem;line-height:1.6;color:#475569;margin-bottom:1rem}._sectionContent_16815_713 h3{font-size:1.1rem;font-weight:700;color:var(--guide-text);margin-top:1.25rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}._featureList_16815_751{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.6rem}._featureItem_16815_767{display:flex;align-items:flex-start;padding:.75rem 1rem;background:linear-gradient(135deg,#6366f108,#a855f708);border-radius:10px;border:1px solid rgba(99,102,241,.08);transition:all .3s ease}._featureItem_16815_767:hover{background:linear-gradient(135deg,#6366f114,#a855f714);transform:translate(4px);border-color:#6366f133}._featureIcon_16815_799{margin-right:.75rem;color:var(--guide-success);flex-shrink:0;margin-top:2px}._featureText_16815_813{flex:1;font-size:.9rem;color:#475569;line-height:1.5}._featureText_16815_813 strong{color:var(--guide-text);font-weight:600}._infoBox_16815_839{background:linear-gradient(135deg,#6366f114,#a855f714);border-left:3px solid var(--guide-primary);padding:1rem 1.25rem;border-radius:0 10px 10px 0;margin:1rem 0;position:relative;overflow:hidden}._infoBox_16815_839:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(99,102,241,.1),transparent);pointer-events:none}._infoBoxTitle_16815_881{font-weight:700;color:var(--guide-text);display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;position:relative;font-size:1rem}._infoBoxContent_16815_903{position:relative;color:#475569;line-height:1.7}._workflowList_16815_917{margin:1rem 0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.75rem}._workflowList_16815_917 li{font-size:.95rem;color:#475569;line-height:1.5;position:relative}._workflowList_16815_917 li strong{color:var(--guide-primary);font-weight:700}._kbd_16815_959{display:inline-flex;align-items:center;padding:.25rem .6rem;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:6px;font-family:SF Mono,Consolas,monospace;font-size:.8rem;font-weight:600;color:var(--guide-text);box-shadow:0 2px #94a3b8;margin:0 .2rem}._moduleGrid_16815_997{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:1rem 0}._moduleCard_16815_1011{background:#fff;border:1px solid rgba(99,102,241,.08);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}._moduleCard_16815_1011:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--guide-primary),var(--guide-accent));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}._moduleCard_16815_1011:hover{transform:translateY(-4px);box-shadow:0 15px 35px #6366f11a,0 0 0 1px #6366f11a}._moduleCard_16815_1011:hover:before{transform:scaleX(1)}._moduleHeader_16815_1085{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}._moduleIconWrapper_16815_1099{width:40px;height:40px;background:linear-gradient(135deg,var(--guide-primary),var(--guide-accent));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 6px 15px #6366f133;transition:all .3s ease}._moduleCard_16815_1011:hover ._moduleIconWrapper_16815_1099{transform:scale(1.05) rotate(3deg)}._moduleTitle_16815_1135{font-size:1.05rem;font-weight:700;color:var(--guide-text);margin:0}._moduleDesc_16815_1149{font-size:.85rem;color:#64748b;line-height:1.5;margin-bottom:1rem;flex-grow:1}._moduleQuickLinks_16815_1165{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}._moduleLinkBtn_16815_1179{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .75rem;background:linear-gradient(135deg,#6366f114,#a855f714);color:var(--guide-primary);border-radius:8px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .25s ease;border:1px solid transparent}._moduleLinkBtn_16815_1179:hover{background:linear-gradient(135deg,var(--guide-primary),var(--guide-accent));color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6366f133}._uiGrid_16815_1231{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1rem}._uiCard_16815_1245{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s ease}._uiCard_16815_1245:hover{border-color:var(--guide-primary);box-shadow:0 8px 20px #6366f114}._uiLabel_16815_1277{font-size:.75rem;font-weight:700;color:var(--guide-text-muted);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.4rem}._demoBtn_16815_1301{padding:.45rem .9rem;border-radius:8px;font-weight:600;cursor:default;text-align:center;border:none;font-size:.8rem;transition:all .3s ease}._demoBtnPrimary_16815_1323{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 3px 10px #3b82f640}._demoBtnSecondary_16815_1335{background:linear-gradient(135deg,#64748b,#475569);color:#fff;box-shadow:0 3px 10px #64748b40}._demoBtnDanger_16815_1347{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}._demoBadge_16815_1361{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;text-align:center;width:-moz-fit-content;width:fit-content}._demoBadgeSuccess_16815_1385{background:linear-gradient(135deg,#10b9811a,#10b98126);color:#059669;border:1px solid rgba(16,185,129,.2)}._demoBadgeWarning_16815_1397{background:linear-gradient(135deg,#f59e0b1a,#f59e0b26);color:#d97706;border:1px solid rgba(245,158,11,.2)}._demoBadgeError_16815_1409{background:linear-gradient(135deg,#ef44441a,#ef444426);color:#dc2626;border:1px solid rgba(239,68,68,.2)}._iconRow_16815_1421{display:flex;align-items:center;gap:1rem;color:#475569;padding:.5rem 0;border-bottom:1px solid #f1f5f9}._iconRow_16815_1421:last-child{border-bottom:none}._faqList_16815_1455{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}._faqItem_16815_1469{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:all .3s ease}._faqItem_16815_1469:hover{border-color:var(--guide-primary)}._faqQuestion_16815_1493{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;color:var(--guide-text);transition:background .2s ease}._faqQuestion_16815_1493:hover{background:#f8fafc}._faqIcon_16815_1523{transition:transform .3s ease;color:var(--guide-primary)}._faqIconOpen_16815_1533{transform:rotate(180deg)}._faqAnswer_16815_1541{padding:0 1.5rem 1.25rem;color:#64748b;line-height:1.7;animation:_fadeIn_16815_1 .3s ease}@keyframes _fadeIn_16815_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._footer_16815_1587{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#6366f10d,#a855f70d);border-radius:12px;text-align:center;border:1px solid rgba(99,102,241,.1)}._footerText_16815_1605{color:var(--guide-text-muted);font-size:.95rem;line-height:1.6}._footerBrand_16815_1617{font-weight:700;background:linear-gradient(135deg,var(--guide-primary),var(--guide-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._floatingParticles_16815_1641{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}._particle_16815_1663{position:absolute;width:10px;height:10px;background:#ffffff4d;border-radius:50%;animation:_float_16815_1641 15s infinite ease-in-out}._particle_16815_1663:nth-child(1){top:20%;left:10%;animation-delay:0s;animation-duration:12s}._particle_16815_1663:nth-child(2){top:60%;left:80%;width:15px;height:15px;animation-delay:2s;animation-duration:18s}._particle_16815_1663:nth-child(3){top:30%;left:60%;width:8px;height:8px;animation-delay:4s;animation-duration:14s}._particle_16815_1663:nth-child(4){top:70%;left:20%;width:12px;height:12px;animation-delay:1s;animation-duration:16s}._particle_16815_1663:nth-child(5){top:40%;left:90%;width:6px;height:6px;animation-delay:3s;animation-duration:20s}@keyframes _float_16815_1641{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.3}25%{transform:translateY(-30px) translate(20px) rotate(90deg);opacity:.6}50%{transform:translateY(10px) translate(-15px) rotate(180deg);opacity:.4}75%{transform:translateY(-20px) translate(10px) rotate(270deg);opacity:.7}}._headerLabel_16815_1817{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#fffffff2;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._waveEmoji_16815_1845{display:inline-block;animation:_wave_16815_1845 2.5s ease-in-out infinite;transform-origin:70% 70%}._headerActions_16815_1857{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}._headerBtn_16815_1871{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:var(--guide-primary);border:none;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}._headerBtn_16815_1871:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}._headerBtnSecondary_16815_1913{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._headerBtnSecondary_16815_1913:hover{background:#ffffff4d;transform:translateY(-2px)}._statsSection_16815_1963{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}._statCard_16815_1977{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 24px #0000000a;transition:all .3s ease}._statCard_16815_1977:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014}._statIcon_16815_2009{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all .3s ease}._statCard_16815_1977:hover ._statIcon_16815_2009{transform:scale(1.1) rotate(5deg)}._statValue_16815_2039{font-size:2rem;font-weight:800;margin-bottom:.25rem;line-height:1}._statLabel_16815_2053{font-size:.85rem;color:#64748b;font-weight:500}._quickTipsSection_16815_2073{background:linear-gradient(135deg,#8b5cf614,#6366f114);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(139,92,246,.15)}._quickTipsHeader_16815_2089{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}._quickTipsHeader_16815_2089 h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--guide-text);margin:0}._tipNav_16815_2123{display:flex;align-items:center;gap:.75rem}._tipNav_16815_2123 button{width:32px;height:32px;border-radius:8px;border:1px solid rgba(139,92,246,.2);background:#fff;color:var(--guide-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._tipNav_16815_2123 button:hover{background:var(--guide-primary);color:#fff}._tipNav_16815_2123 span{font-size:.85rem;color:#64748b;font-weight:500}._tipCard_16815_2185{display:flex;align-items:center;gap:1.25rem;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 4px 15px #0000000d;animation:_slideIn_16815_1 .4s ease}@keyframes _slideIn_16815_1{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}._tipIcon_16815_2231{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._tipContent_16815_2251 h4{font-size:1rem;font-weight:700;color:var(--guide-text);margin:0 0 .5rem}._tipContent_16815_2251 p{font-size:.9rem;color:#64748b;margin:0;line-height:1.5}._tipIndicators_16815_2279{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}._tipIndicator_16815_2279{width:8px;height:8px;border-radius:50%;border:none;background:#8b5cf633;cursor:pointer;transition:all .3s ease;padding:0}._tipIndicator_16815_2279:hover{background:#8b5cf666}._tipIndicatorActive_16815_2323{width:24px;border-radius:4px;background:var(--guide-accent)}._shortcutsGrid_16815_2343{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}._shortcutCard_16815_2357{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#6366f108,#a855f708);border:1px solid rgba(99,102,241,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}._shortcutCard_16815_2357:hover,._shortcutCardActive_16815_2383{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-color:var(--guide-primary);transform:translateY(-2px);box-shadow:0 8px 20px #6366f11a}._shortcutKeys_16815_2397{display:flex;align-items:center;gap:4px;flex-shrink:0}._kbdPlus_16815_2411{color:#94a3b8;font-weight:600;font-size:.8rem}._kbdActive_16815_2423{background:linear-gradient(135deg,var(--guide-primary),var(--guide-accent))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 12px #6366f14d!important}._shortcutInfo_16815_2437{flex:1}._shortcutAction_16815_2445{font-weight:700;color:var(--guide-text);font-size:.9rem;margin-bottom:.25rem}._shortcutDesc_16815_2459{font-size:.8rem;color:#64748b;line-height:1.4}.dark-mode ._container_16815_47{background:linear-gradient(135deg,#0f172a,#1e1b4b);color:#f1f5f9}.dark-mode ._sidebar_16815_97{background:#1e293bd9;border-right-color:#6366f11a}.dark-mode ._sidebarTitle_16815_161{border-bottom-color:#6366f133}.dark-mode ._searchInput_16815_203{background:#33415599;border-color:#475569;color:#e2e8f0}.dark-mode ._searchInput_16815_203:focus{background:#334155e6;border-color:var(--guide-primary)}.dark-mode ._navLink_16815_287{color:#94a3b8}.dark-mode ._navLink_16815_287:hover{background:#6366f11a;color:#a5b4fc}.dark-mode ._activeNavLink_16815_367{background:#6366f126;color:#a5b4fc}.dark-mode ._header_16815_425{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.dark-mode ._section_16815_625{background:#1e293bcc;border-color:#6366f11a}.dark-mode ._sectionTitle_16815_665{color:#f1f5f9;border-bottom-color:#6366f133}.dark-mode ._sectionContent_16815_713 p{color:#94a3b8}.dark-mode ._sectionContent_16815_713 h3{color:#e2e8f0}.dark-mode ._featureItem_16815_767{background:linear-gradient(135deg,#6366f114,#a855f714);border-color:#6366f126}.dark-mode ._featureItem_16815_767:hover{background:linear-gradient(135deg,#6366f126,#a855f726)}.dark-mode ._featureText_16815_813{color:#cbd5e1}.dark-mode ._featureText_16815_813 strong{color:#f1f5f9}.dark-mode ._infoBox_16815_839{background:linear-gradient(135deg,#6366f126,#a855f71a)}.dark-mode ._infoBoxTitle_16815_881{color:#f1f5f9}.dark-mode ._infoBoxContent_16815_903{color:#94a3b8}.dark-mode ._moduleCard_16815_1011{background:#1e293be6;border-color:#6366f11a}.dark-mode ._moduleCard_16815_1011:hover{box-shadow:0 25px 50px #0000004d}.dark-mode ._moduleTitle_16815_1135{color:#f1f5f9}.dark-mode ._moduleDesc_16815_1149{color:#94a3b8}.dark-mode ._moduleLinkBtn_16815_1179{background:#6366f126;color:#a5b4fc}.dark-mode ._moduleLinkBtn_16815_1179:hover{background:linear-gradient(135deg,var(--guide-primary),var(--guide-accent));color:#fff}.dark-mode ._uiCard_16815_1245{background:#1e293be6;border-color:#6366f11a}.dark-mode ._uiCard_16815_1245:hover{border-color:var(--guide-primary)}.dark-mode ._uiLabel_16815_1277{color:#94a3b8}.dark-mode ._iconRow_16815_1421{color:#cbd5e1;border-bottom-color:#6366f11a}.dark-mode ._faqItem_16815_1469{background:#1e293be6;border-color:#6366f11a}.dark-mode ._faqQuestion_16815_1493{color:#f1f5f9}.dark-mode ._faqQuestion_16815_1493:hover{background:#6366f11a}.dark-mode ._faqAnswer_16815_1541{color:#94a3b8}.dark-mode ._footer_16815_1587{background:#1e293b80;border-color:#6366f11a}.dark-mode ._footerText_16815_1605{color:#94a3b8}@media (max-width: 1024px){._content_16815_409{padding:2rem 2.5rem}._moduleGrid_16815_997{grid-template-columns:1fr}}@media (max-width: 768px){._container_16815_47{flex-direction:column}._sidebar_16815_97{width:100%;height:auto;position:sticky;top:55px;left:auto;z-index:90;border-right:none;border-bottom:1px solid rgba(99,102,241,.1);padding:1rem;max-height:35vh;overflow-y:auto}._sidebarTitle_16815_161{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.75rem}._searchBox_16815_193,._navSection_16815_255{margin-bottom:1rem}._navLink_16815_287{padding:.5rem .75rem;font-size:.85rem}._content_16815_409{padding:1.5rem 1rem;margin-left:0}._header_16815_425{padding:2rem 1.5rem;border-radius:16px;margin-bottom:2rem}._title_16815_503{font-size:1.75rem}._subtitle_16815_563{font-size:1rem}._headerBadges_16815_575{gap:.5rem}._headerBadge_16815_575{padding:.4rem .75rem;font-size:.75rem}._section_16815_625{padding:1.5rem;border-radius:16px;margin-bottom:1.5rem}._sectionTitle_16815_665{font-size:1.35rem}._sectionTitleIcon_16815_689{width:28px;height:28px}._moduleGrid_16815_997,._uiGrid_16815_1231{grid-template-columns:1fr}._moduleCard_16815_1011{padding:1.5rem}._moduleIconWrapper_16815_1099{width:44px;height:44px}._footer_16815_1587{padding:1.5rem;margin-top:2rem}}._animate_16815_3047{opacity:0;transform:translateY(20px);transition:all .6s ease}._animateVisible_16815_3059{opacity:1;transform:translateY(0)}._fabContainer_16815_3077{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:10px}._fabButton_16815_3099{width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,var(--guide-primary),var(--guide-accent));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #6366f166;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;outline:none}._fabButton_16815_3099:hover{transform:scale(1.1);box-shadow:0 6px 20px #6366f199}._fabContent_16815_3141{background:#fff;padding:1.25rem;border-radius:16px;box-shadow:0 10px 40px -10px #0003;margin-bottom:15px;border:1px solid rgba(99,102,241,.1);animation:_slideUp_16815_1 .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:12px;min-width:260px;pointer-events:auto}._fabContent_16815_3141 h4{margin:0;color:var(--guide-primary);font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(99,102,241,.1)}._contactRow_16815_3195{display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--guide-text);padding:4px 0}._contactIcon_16815_3213{color:var(--guide-primary);opacity:.8}._copyBtn_16815_3223{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--guide-text-muted);padding:4px;border-radius:4px;transition:all .2s}._copyBtn_16815_3223:hover{background:#6366f11a;color:var(--guide-primary)}@keyframes _slideUp_16815_1{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode ._fabContent_16815_3141{background:#1e293b;border-color:#6366f133}.dark-mode ._contactRow_16815_3195{color:#e2e8f0}.dark-mode ._headerLabel_16815_1817{background:#1e293b99;border:1px solid rgba(255,255,255,.1)}.dark-mode ._headerBtn_16815_1871{background:#1e293b;color:#a5b4fc;box-shadow:0 4px 15px #0000004d}.dark-mode ._headerBtn_16815_1871:hover{background:#334155;color:#fff}.dark-mode ._headerBtnSecondary_16815_1913{background:#1e293b66;border-color:#6366f14d}.dark-mode ._headerBtnSecondary_16815_1913:hover{background:#1e293b99}.dark-mode ._statCard_16815_1977{background:#1e293be6;border-color:#6366f11a}.dark-mode ._statLabel_16815_2053{color:#94a3b8}.dark-mode ._quickTipsSection_16815_2073{background:linear-gradient(135deg,#1e293b99,#0f172a99);border-color:#6366f11a}.dark-mode ._quickTipsHeader_16815_2089 h3{color:#f1f5f9}.dark-mode ._tipNav_16815_2123 button{background:#1e293b;border-color:#6366f133;color:#a5b4fc}.dark-mode ._tipNav_16815_2123 button:hover{background:var(--guide-primary);color:#fff}.dark-mode ._tipCard_16815_2185{background:#1e293b;box-shadow:0 4px 15px #0003}.dark-mode ._tipContent_16815_2251 h4{color:#f1f5f9}.dark-mode ._tipContent_16815_2251 p{color:#94a3b8}.dark-mode ._shortcutCard_16815_2357{background:linear-gradient(135deg,#1e293b99,#0f172a99);border-color:#6366f11a}.dark-mode ._shortcutCard_16815_2357:hover,.dark-mode ._shortcutCardActive_16815_2383{border-color:var(--guide-primary);background:#1e293be6}.dark-mode ._shortcutAction_16815_2445{color:#f1f5f9}.dark-mode ._shortcutDesc_16815_2459{color:#94a3b8}.dark-mode ._kbd_16815_959{background:linear-gradient(180deg,#334155,#1e293b);border-color:#475569;color:#e2e8f0;box-shadow:0 2px #0f172a}.dark-mode ._kbdPlus_16815_2411{color:#64748b}@media (max-width: 1024px){._statsSection_16815_1963{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){._headerActions_16815_1857{flex-direction:column;gap:.75rem}._headerBtn_16815_1871,._headerBtnSecondary_16815_1913{width:100%;justify-content:center}._statsSection_16815_1963{grid-template-columns:1fr}._quickTipsHeader_16815_2089{flex-direction:column;align-items:flex-start;gap:1rem}._tipNav_16815_2123{width:100%;justify-content:space-between}._tipCard_16815_2185{flex-direction:column;text-align:center}._tipIcon_16815_2231{margin:0 auto}._shortcutsGrid_16815_2343{grid-template-columns:1fr}}