:root{--primary: #1d4ed8;--primary-hover: #1e40af;--secondary: #f3f4f6;--text-dark: #111827;--text-light: #6b7280;--bg-color: #f9fafb;--white: #ffffff;--border: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--border-radius: 8px;--font-family: "Inter", sans-serif;--error: #ef4444;--success: #10b981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-dark);line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:2rem}header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}h1{font-size:1.8rem;font-weight:700;color:var(--primary)}.card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--border-radius);font-family:var(--font-family);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed833}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.btn{display:inline-block;padding:.75rem 1.5rem;font-family:var(--font-family);font-size:1rem;font-weight:500;text-align:center;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s,color .2s}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:var(--text-dark)}.btn-secondary:hover{background-color:#e5e7eb}.btn-success{background-color:var(--success);color:var(--white)}.btn-success:hover{background-color:#059669}.btn-warning{background-color:#f59e0b;color:var(--white)}.btn-warning:hover{background-color:#d97706}.btn:disabled{opacity:.6;cursor:not-allowed}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}th{background-color:var(--secondary);font-weight:600;color:var(--text-dark)}tbody tr:hover{background-color:#f9fafb}.certificate-preview-container{width:100%;overflow-x:auto;background:#ccc;padding:2rem;border-radius:var(--border-radius);display:flex;justify-content:center}.certificate-wrapper{background:#fff;width:800px;min-width:800px;padding:40px;box-shadow:0 10px 25px #0000001a;color:#000;font-family:Times New Roman,Times,serif;position:relative}.certificate-wrapper.theme-classic{border:4px double #336699}.certificate-wrapper.theme-modern{border:1px solid #2980b9;border-left:15px solid #2980b9}.certificate-wrapper.theme-elegant{border:1px solid #b8860b;outline:2px solid #b8860b;outline-offset:-4px}.certificate-wrapper.theme-empty{border:1px solid transparent}.certificate-header{display:flex;align-items:center;border-bottom:2px solid #336699;padding-bottom:10px;margin-bottom:20px}.certificate-logo{width:80px;height:auto}.certificate-title-box{flex:1;text-align:center}.certificate-company{font-size:28px;font-weight:700;font-family:Arial,sans-serif;margin:0 0 5px}.certificate-details{font-size:14px;margin:0;font-family:Arial,sans-serif}.certificate-subtitle{text-align:center;font-size:18px;font-weight:700;text-decoration:underline;margin-bottom:20px}.cert-field{margin-bottom:10px;font-size:15px}.cert-field strong{display:inline-block;width:150px}.cert-terms{margin-top:20px;font-size:14px}.cert-terms ul{padding-left:20px}.cert-terms li{margin-bottom:8px}.cert-table{width:100%;border-collapse:collapse;margin-top:20px;border:1px solid #000}.cert-table th,.cert-table td{border:1px solid #000;padding:10px;text-align:left;font-size:14px}.cert-table td:first-child{font-weight:700;width:40%}.cert-footer{margin-top:50px;text-align:right;font-weight:700}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tab{padding:.75rem 1.5rem;cursor:pointer;border-bottom:2px solid transparent;font-weight:500;color:var(--text-light);transition:all .2s}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab:hover:not(.active){color:var(--text-dark);background:var(--secondary)}.actions{display:flex;gap:1rem}.search-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.search-bar input{flex:1}.empty-state{text-align:center;padding:3rem;color:var(--text-light)}.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{background:#fff;border-radius:var(--border-radius);padding:2rem;width:90%;max-width:900px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-color)}.login-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2.5rem;width:100%;max-width:400px;text-align:center}.login-logo{max-width:120px;margin-bottom:1.5rem}.login-card h2{margin-bottom:1.5rem;color:var(--primary)}.error-text{color:var(--error);font-size:.875rem;margin-top:.5rem;text-align:left}@media (max-width: 768px){.container{padding:1rem}header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.actions{flex-direction:column;width:100%}.actions .btn{width:100%}.search-bar{flex-direction:column}.search-bar .btn{width:100%;justify-content:center}.stats-card{flex-direction:column;gap:1rem;text-align:center}.stats-card>div{width:100%}.stats-card p{text-align:center!important}.certificate-wrapper{width:100%;min-width:unset;padding:20px}.certificate-company{font-size:20px!important}.cert-table th,.cert-table td{font-size:12px}.modal{padding:1rem}.modal-header{flex-direction:column;gap:1rem;align-items:flex-start}.modal-header .actions{flex-direction:row;width:100%;justify-content:space-between}.table-container table,.table-container thead,.table-container tbody,.table-container th,.table-container td,.table-container tr{display:block}.table-container thead tr{position:absolute;top:-9999px;left:-9999px}.table-container tr{border:1px solid var(--border);border-radius:var(--border-radius);margin-bottom:1rem;background:var(--white);padding:.5rem}.table-container td{border:none;border-bottom:1px solid var(--border);position:relative;padding-left:45%;text-align:right}.table-container td:before{position:absolute;top:50%;left:1rem;transform:translateY(-50%);width:40%;white-space:nowrap;text-align:left;font-weight:600}.table-container td:nth-of-type(1):before{content:"Name"}.table-container td:nth-of-type(2):before{content:"FD Number"}.table-container td:nth-of-type(3):before{content:"Contact"}.table-container td:nth-of-type(4):before{content:"Deposit Amount"}.table-container td:nth-of-type(5):before{content:"Deposit Due"}.table-container td:last-child{border-bottom:0;padding-left:1rem}.table-container td:last-child>div{justify-content:center}}