body{background:linear-gradient(135deg,#eef2ff,#f9fafb);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Inter,system-ui,-apple-system,Poppins,sans-serif;display:flex}.hidden{display:none}.muted{color:#6b7280}.small{font-size:.85rem}.col-2{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.flex-gap{align-items:center;gap:.8rem;display:flex}.two-col{align-items:flex-start;gap:1rem;display:flex}@media (max-width:900px){.two-col{flex-direction:column}#leftPanel,#rightPanel{width:100%!important}}.login-card,.admin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000000d;border-radius:1rem;overflow:visible;box-shadow:0 8px 30px #090a1214}.login-card{width:400px;max-width:90%;padding:2rem}.admin-card{width:1200px;max-width:100%;padding:1.25rem}.input{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.6rem .75rem;font-size:.9rem}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2rem}select.input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232563eb' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}button.btn,button.btn-ghost,button.btn-danger,button.btn-success{cursor:pointer;white-space:nowrap;border-radius:.5rem;justify-content:center;align-items:center;min-width:100px;height:40px;font-size:.9rem;font-weight:500;display:inline-flex;transition:none!important}button.btn{box-shadow:0 2px 6px #2563eb40;color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none!important}button.btn-ghost{color:#374151!important;background:#f9fafb!important;border:1px solid #e5e7eb!important}button.btn-danger{box-shadow:0 2px 6px #dc262640;color:#fff!important;background:#dc2626!important;border:none!important}button.btn-success{box-shadow:0 2px 6px #16a34a40;color:#fff!important;background:#16a34a!important;border:none!important}.table-card{box-shadow:none;background:#fffffff2;border:1px solid #0000000a;border-radius:.75rem;overflow:hidden}.table-body-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;--fade-size:32px;height:100%;max-height:none;padding-bottom:16px;position:relative;overflow:scroll}.table-body-scroll::-webkit-scrollbar{width:10px;height:10px}.table-body-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#cfe8ff,#60a5fa);border-radius:10px}.table-body-scroll::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.table-body-scroll:before,.table-body-scroll:after{content:"";height:var(--fade-size);pointer-events:none;z-index:2;position:sticky;left:0;right:0}.table-body-scroll:before{background:linear-gradient(#fffffff2,#fff0);top:0}.table-body-scroll:after{background:linear-gradient(#fff0,#fffffff2);bottom:0}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #eef2f6;padding:.55rem .6rem}thead th{z-index:6;color:#374151;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;font-size:.85rem;font-weight:600;position:sticky;top:0}thead th:first-child{border-top-left-radius:.75rem}thead th:last-child{border-top-right-radius:.75rem}td:last-child{white-space:nowrap}td:last-child .action-buttons{vertical-align:middle;align-items:center;gap:8px;display:inline-flex}td:last-child .action-buttons button{min-width:70px;height:28px}.danger{color:#dc2626}.success{color:#16a34a}.input[readonly],.input[disabled]{cursor:default;background-color:#f3f4f6;border-color:#e5e7eb}#leftPanel{flex-direction:column;flex:1.2;gap:1rem;min-width:320px;max-height:none;display:flex;overflow-y:auto}#leftPanel::-webkit-scrollbar{width:10px}#leftPanel::-webkit-scrollbar-thumb{background:linear-gradient(#93c5fd,#3b82f6);border-radius:10px}#leftPanel::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}#rightPanel{flex-direction:column;flex:.8;gap:1rem;min-width:300px;display:flex}#new_issue_container,#edit_issue_container{cursor:text;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:6px 10px;transition:none;display:flex;position:relative}.pill{color:#fff;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.875rem;font-weight:500;display:flex}.pill .cross{cursor:pointer;font-weight:700}#new_issue_input,#edit_issue_input{border:none;outline:none;flex:1;min-width:40px;height:32px;font-size:.9rem;line-height:1.2rem}#new_dropdown,#edit_dropdown{z-index:10;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;max-height:200px;display:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 10px #0000001a}#new_dropdown div,#edit_dropdown div{cursor:pointer;padding:6px 8px}#new_dropdown div:hover,#edit_dropdown div:hover{background-color:#e0f2fe}#new_issue_container.focused,#edit_issue_container.focused{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}textarea#new_notes,textarea#edit_notes{resize:none;min-height:2.5rem;max-height:8rem;overflow-y:auto}.issue-container{cursor:text;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:6px 10px;transition:none;display:flex;position:relative}.issue-container.focused{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.issue-input{background:0 0;border:none;outline:none;flex:1;min-width:40px;height:32px;font-size:.9rem;line-height:1.2rem}.issue-dropdown{z-index:10;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;max-height:200px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 10px #0000001a}.issue-dropdown-item{cursor:pointer;padding:6px 8px}.issue-dropdown-item:hover{background-color:#e0f2fe}.edit-form,.add-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000000d;border-radius:1rem;padding:1rem}.search-container{align-items:center;gap:.5rem;display:flex}.admin-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.edit-header{justify-content:space-between;align-items:center;display:flex}.form-actions{gap:.5rem;margin-top:.5rem;display:flex}.form-submit{margin-top:.5rem}.login-title{margin-bottom:.5rem;font-size:1.1rem}.admin-header h2{margin:0;font-size:1.125rem}.edit-header h3{margin:0;font-size:1rem}.add-form h3{margin:0 0 .5rem;font-size:1rem}.input[readonly]:focus{box-shadow:none!important;background-color:#f3f4f6!important;border-color:#e5e7eb!important;outline:none!important}.input[disabled]:focus,.input.bg-gray-100:focus,.input.text-gray-500:focus,input[type=date][readonly]:focus,input[type=time][readonly]:focus{box-shadow:none!important;border-color:#e5e7eb!important;outline:none!important}.input[readonly],.input[disabled]{cursor:default}@media (max-width:640px){thead th:first-child{border-top-left-radius:.5rem}thead th:last-child{border-top-right-radius:.5rem}}