html,body{height:100%;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f2f5;color:#213547;overflow-x:hidden}a{font-weight:500;color:#4facfe;text-decoration:none}a:hover{color:#00c6ff}h1{font-size:3.2em;line-height:1.1}h2{font-size:2rem;margin-bottom:20px;font-weight:600;text-align:center}button{border-radius:6px;border:none;padding:10px 18px;font-size:14px;font-weight:600;font-family:inherit;background:#4facfe;color:#fff;cursor:pointer;transition:.3s ease}button:hover{background:#00c6ff}button:focus{outline:none;box-shadow:0 0 4px #4facfeb3}:root{--navbar-height: 60px}.navbar{background-color:#212529;position:fixed;top:0;left:0;right:0;height:var(--navbar-height);display:flex;align-items:center;z-index:1000;padding:0 20px;box-shadow:0 2px 5px #0000004d}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.navbar-logo{color:#fff;font-size:18px;font-weight:700;margin:0;flex-shrink:0}.navbar-links{display:flex;gap:25px;align-items:center}.navbar-links a{color:#bbb;text-decoration:none;font-size:16px;transition:color .3s}.navbar-links a:hover{color:#fff}.logout-btn{background-color:transparent;color:#fff;border:1px solid #bbb;padding:6px 14px;border-radius:5px;cursor:pointer;margin-left:20px}.logout-btn:hover{background-color:#333;border-color:#fff}body{padding-top:calc(var(--navbar-height) + 20px);margin:0;background-color:#f5f5f5}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background:linear-gradient(135deg,#4facfe,#00f2fe)}.login-page div{background:#fff;padding:30px 25px;border-radius:12px;box-shadow:0 8px 25px #0003;width:300px}.login-page h2{color:#fff;font-size:2rem;margin-bottom:20px;text-shadow:1px 1px 3px rgba(0,0,0,.4);letter-spacing:1px}.login-page p{margin:10px 0 5px;font-size:14px;font-weight:600;color:#333}.login-page input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:6px;outline:none;font-size:14px;transition:.3s ease}.login-page input:focus{border-color:#4facfe;box-shadow:0 0 6px #4facfe99}.login-page button{width:100%;padding:10px;background:#4facfe;border:none;border-radius:6px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:.3s ease}.login-page button:hover{background:#00c6ff}.loan-table{width:100%;border-collapse:collapse}.loan-table th,.loan-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}.loan-table tr:hover{background:#f9fafb;transform:scale(1.01);transition:all .2s ease-in-out}.page-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;background:#f4f6f9}.loan-form{width:800px;max-width:95%;background:#fff;padding:30px 35px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.form-title{font-size:26px;font-weight:700;margin-bottom:25px;text-align:center}.section-title{font-size:20px;font-weight:600;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:6px}.form-grid{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;align-items:center;gap:20px}.form-group label{width:180px;text-align:right;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{flex:1;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 6px #007bff4d}.form-group.full-width{flex-direction:column}.form-group.full-width label{text-align:left;margin-bottom:6px}.form-group.full-width input,.form-group.full-width textarea,.form-group.full-width select{width:100%}.error{color:#d9534f;font-size:13px;margin-left:180px;margin-top:4px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.btn-submit,.btn-reset{flex:1;padding:12px 0;border-radius:8px;font-weight:700;cursor:pointer;border:none;transition:background .3s ease}.btn-submit{background-color:#22ec83;color:#fff}.btn-submit:hover{background-color:#1cc66f}.btn-reset{background-color:#e78625;color:#fff}.btn-reset:hover{background-color:#d6690f}.policy-points{font-size:14px;color:#333}.policy-points ul{margin:4px 0 0 20px;padding:0;list-style-type:disc}.policy-points li{margin-bottom:4px}.submitted-box{margin-top:30px;padding:20px;background:#f9f9f9;border-radius:8px;font-family:monospace;font-size:14px;white-space:pre-wrap}.page-wrapper{padding-top:80px}.dashboard-container{max-width:1200px;margin:0 auto;padding:50px 30px 30px;background:#fff;border-radius:12px;box-shadow:0 6px 18px #0000001a;position:relative;z-index:1}.dashboard-title{text-align:center;font-size:28px;font-weight:800;margin-bottom:20px;color:#222}.dashboard-subtitle{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:10px;border-left:4px solid #3498db;padding-left:8px}.search-box{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;margin-bottom:25px;outline:none}.search-box:focus{border-color:#6366f1;box-shadow:0 0 6px #6366f180}.table-container{overflow-x:auto}.loan-table{width:100%;border-collapse:collapse;table-layout:fixed}.loan-table th,.loan-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px;word-wrap:break-word;white-space:normal}.loan-table th{background:#f3f4f6;font-weight:600}.loan-table td{color:#374151}.text-right{text-align:right}.text-center{text-align:center}.status{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.status.pending{background:#fee2e2;color:#b91c1c}.status.cleared{background:#dcfce7;color:#15803d}.status.due{background:#ffedd5;color:#c2410c}.status.default{background:#f3f4f6;color:#374151}.no-records{text-align:center;padding:16px;color:#6b7280}.loan-table tr:hover{background:#f9fafb;box-shadow:0 2px 6px #0000000d;transition:background .2s ease-in-out,box-shadow .2s ease-in-out}.settle-container{max-width:1200px;margin:40px auto 20px;padding:20px}.settle-container h1{font-size:26px;font-weight:700;margin-bottom:15px;color:#333}.settle-container h2{font-size:20px;margin:20px 0 10px;color:#444;border-bottom:2px solid #e5e7eb;padding-bottom:5px}.settle-container p{margin:6px 0;color:#555}.settle-container select,.settle-container input[type=number],.settle-container input[type=date]{padding:8px 10px;margin:6px 5px 10px 0;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.settle-container select:focus,.settle-container input:focus{border-color:#2563eb}.btn-confirm,.btn-interest,.btn-back{background:#2563eb;color:#fff;border:none;padding:10px 18px;margin-top:10px;margin-right:8px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s}.btn-confirm:hover,.btn-interest:hover,.btn-back:hover{background:#1e40af}.btn-back{background:#6b7280}.btn-back:hover{background:#4b5563}.msg-danger{color:#dc2626;font-weight:700;margin-top:8px}.msg-info{color:#2563eb;font-weight:700;margin-top:8px}@media (max-width: 768px){.settle-container{padding:15px}.settle-container h1{font-size:22px}.settle-container h2{font-size:18px}.btn-confirm,.btn-interest,.btn-back{width:100%;margin-bottom:8px}}.card-box{background:#fff;padding:15px 20px;margin-bottom:20px;border-radius:12px;box-shadow:0 2px 6px #00000014}.detail-table{width:100%;border-collapse:collapse;margin-top:10px}.detail-table th{text-align:left;padding:8px 10px;background:#f3f4f6;color:#374151;width:40%;border-bottom:1px solid #e5e7eb}.detail-table td{padding:8px 10px;color:#111827;border-bottom:1px solid #e5e7eb}.settle-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-top:20px}.settle-type{display:flex;justify-content:center;gap:30px;margin:15px 0}.settle-type label{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;font-size:15px}.settle-form{display:flex;justify-content:center;align-items:center;gap:15px}.settle-form input,.settle-form select,.settle-form button{height:42px;padding:0 12px;border-radius:6px;font-size:14px;box-sizing:border-box}.btn-confirm,.btn-interest{background:#007bff;color:#fff;border:none;padding:0 18px;border-radius:6px;cursor:pointer;transition:background .3s;height:42px;display:flex;align-items:center;justify-content:center}.btn-confirm:hover,.btn-interest:hover{background:#0056b3}.info-box{background:#f1f8ff;padding:12px;border-left:4px solid #007bff;border-radius:6px;font-size:14px}body{min-height:100vh;overflow-y:auto;margin:0;padding:0;background-color:#f5f5f5}.card{padding:2em;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a}.read-the-docs{color:#888}