*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}header{background:linear-gradient(135deg,#06c,#049);color:#fff;padding:30px;text-align:center}header h1{font-size:28px;margin-bottom:8px}.subtitle{opacity:.9;font-size:14px}.tabs{display:flex;background:#f5f5f5;border-bottom:2px solid #e0e0e0}.tab-btn{flex:1;padding:15px;border:none;background:transparent;cursor:pointer;font-size:16px;font-weight:600;color:#666;transition:all .3s}.tab-btn.active{background:#fff;color:#06c;border-bottom:3px solid #0066cc}main{padding:30px}.tab-content{display:none}.tab-content.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.stat-card{background:#f8f9fa;padding:20px;border-radius:12px;text-align:center;border-left:4px solid #6c757d}.stat-card.valid{border-left-color:#28a745}.stat-card.expiring{border-left-color:#ffc107}.stat-card.expired{border-left-color:#dc3545}.stat-number{font-size:32px;font-weight:700;color:#333}.stat-label{font-size:14px;color:#666;margin-top:5px}.upcoming-section h2{font-size:20px;margin-bottom:15px;color:#333}.search-bar{margin-bottom:20px}.search-bar input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px}.certificate-list{display:flex;flex-direction:column;gap:15px}.certificate-card{background:#f8f9fa;padding:20px;border-radius:12px;border-left:4px solid #6c757d;transition:transform .2s}.certificate-card:hover{transform:translate(5px)}.certificate-card.valid{border-left-color:#28a745}.certificate-card.expiring{border-left-color:#ffc107}.certificate-card.expired{border-left-color:#dc3545}.cert-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.cert-name{font-size:18px;font-weight:700;color:#333}.cert-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.cert-status.valid{background:#d4edda;color:#155724}.cert-status.expiring{background:#fff3cd;color:#856404}.cert-status.expired{background:#f8d7da;color:#721c24}.cert-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;font-size:14px;color:#666;margin-bottom:10px}.cert-actions{display:flex;gap:10px;margin-top:10px}.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.btn-edit{background:#06c;color:#fff}.btn-delete{background:#dc3545;color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#06c}.btn-primary{width:100%;padding:15px;background:#06c;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-bottom:10px}.btn-secondary{width:100%;padding:15px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.notification{position:fixed;bottom:20px;right:20px;background:#333;color:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:none;z-index:1000}.notification.show{display:block;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.empty-state{text-align:center;padding:40px;color:#999}.empty-state-icon{font-size:48px;margin-bottom:15px}.icon-btn{background:#fff3;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;transition:background .3s}.icon-btn:hover{background:#ffffff4d}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0009;justify-content:center;align-items:center}.modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;padding:0;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background-color:#f8f9fa;border-radius:12px 12px 0 0}.modal-header h2{font-size:22px;color:#333;margin:0}.modal-close{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#666;line-height:1}.modal-close:hover{color:#333}.modal-body{padding:30px}.settings-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{font-size:18px;color:#333;margin-bottom:8px}.settings-description{color:#666;font-size:14px;margin-bottom:15px;line-height:1.5}.danger-zone{background:#fff5f5;border:2px solid #ffcccc;border-radius:12px;padding:20px}.danger-zone h3{color:#dc3545}.btn-danger{width:100%;padding:15px;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.btn-danger:hover{background:#c82333}.import-preview{margin-top:15px;padding:20px;background:#f0f8ff;border:2px solid #0066cc;border-radius:8px}.import-preview p{margin-bottom:15px;color:#333}.import-options input[type=radio]{margin-right:10px}.import-options label{display:block;padding:10px;margin-bottom:8px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.import-options label:hover{border-color:#06c;background:#f0f8ff}@media (max-width: 600px){body{padding:10px}header h1{font-size:22px}.stats-grid{grid-template-columns:repeat(2,1fr)}.cert-details{grid-template-columns:1fr}.modal-content{width:95%;max-height:95vh}.modal-header{padding:15px 20px}.modal-body{padding:20px}.form-row{flex-direction:column}.form-row>div,.form-row input{width:100%;min-width:0}.cv-preview-box{padding:10px;overflow-x:hidden}.cv-paper{padding:20px 15px;max-width:100%;font-size:13px}.cv-paper h1{font-size:19px}.cv-personal-grid,.cv-cert-grid{grid-template-columns:1fr}.cv-photo-container{float:none;display:block;margin:0 auto 15px;text-align:center}}body.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e)}body.dark-mode .container{background:#1e1e2f;color:#e0e0e0}body.dark-mode header{background:linear-gradient(135deg,#0f3460,#000)}body.dark-mode .tabs{background:#2a2a40;border-bottom-color:#444}body.dark-mode .tab-btn{color:#aaa}body.dark-mode .tab-btn.active{background:#1e1e2f;color:#4da6ff;border-bottom-color:#4da6ff}body.dark-mode .stat-card,body.dark-mode .certificate-card,body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea,body.dark-mode .search-bar input{background:#2a2a40;color:#e0e0e0;border-color:#444}body.dark-mode .stat-number,body.dark-mode .cert-name,body.dark-mode .settings-section h3,body.dark-mode .modal-header h2,body.dark-mode .form-group label{color:#fff}body.dark-mode .stat-label,body.dark-mode .cert-details,body.dark-mode .settings-description{color:#aaa}body.dark-mode .modal-content{background:#1e1e2f}body.dark-mode .modal-header{background:#2a2a40;border-bottom-color:#444}body.dark-mode .import-options label{background:#2a2a40;border-color:#444;color:#e0e0e0}body.dark-mode .danger-zone{background:#2a1a1a;border-color:#522}body.dark-mode .empty-state{color:#888}.cert-image{max-width:100%;max-height:150px;object-fit:cover;border-radius:8px;margin-top:10px;border:1px solid #ddd}body.dark-mode .cert-image{border-color:#444}.cert-notes{margin-top:10px;color:#666;font-size:14px}body.dark-mode .cert-notes{color:#aaa}.lightbox{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000000e6;justify-content:center;align-items:center;cursor:zoom-out}.lightbox.active{display:flex}.lightbox-content{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 0 20px #00000080}.lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;z-index:2001}@media print{header,.tabs,.search-bar,.cert-actions,.notification,#settings-modal,.lightbox,#dashboard,#add,#theme-toggle-btn,#settings-btn{display:none!important}body{background:#fff!important;padding:0!important}.container{box-shadow:none!important;max-width:100%!important;background:#fff!important;border-radius:0!important}#certificates{display:block!important}.certificate-card{background:#fff!important;color:#000!important;border:1px solid #ccc!important;box-shadow:none!important;page-break-inside:avoid;margin-bottom:20px}.cert-name,.cert-details,.cert-notes,.stat-label{color:#000!important}.cert-image{max-height:200px;display:block;margin-top:10px}}.license-gate{position:fixed;inset:0;background:linear-gradient(135deg,#06c,#049);z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px;color:#fff;text-align:center}body.dark-mode .license-gate{background:linear-gradient(135deg,#0f3460,#000)}.license-gate-content{max-width:450px;width:100%;background:#ffffff1a;backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.2)}.license-gate h1{font-size:24px;margin-bottom:5px}.license-subtitle{opacity:.8;margin-bottom:30px;font-size:14px}.lc-state h2{font-size:20px;margin-bottom:10px}.lc-state p{margin-bottom:20px;line-height:1.5;opacity:.9}.lc-input{width:100%;padding:15px;border-radius:8px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:16px;margin-bottom:15px}.lc-input::placeholder{color:#fff9}.lc-input:focus{outline:none;border-color:#fff}.lc-btn-primary{width:100%;padding:15px;background:#fff;color:#06c;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-bottom:15px}.lc-btn-secondary{width:100%;padding:15px;background:transparent;color:#fff;border:2px solid white;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.lc-error{color:#fcc;background:#f003;padding:10px;border-radius:6px;font-size:14px;margin-bottom:15px}.lc-icon{font-size:48px;margin-bottom:15px}.lc-footer{font-size:14px;margin-top:20px}.lc-footer a{color:#fff;text-decoration:underline}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid white;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.license-gate[hidden]{display:none!important}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:28px;transition:.2s}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s}.toggle-switch input:checked+.toggle-slider{background-color:#06c}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.back-to-top{position:fixed;bottom:24px;right:20px;width:46px;height:46px;border-radius:50%;background:#06c;color:#fff;border:none;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #0003;z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:active{background:#004999}body.dark-mode .back-to-top{background:#2e7d32}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px 0}.tool-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:25px;text-align:center;cursor:pointer;transition:all .2s}.tool-card:hover{transform:translateY(-5px);border-color:#06c;box-shadow:0 5px 15px #0000001a}body.dark-mode .tool-card{background:#2a2a40;border-color:#444}.tool-icon{font-size:40px;margin-bottom:15px}.tool-card h3{margin-bottom:10px;color:#333}body.dark-mode .tool-card h3{color:#fff}.tool-card p{font-size:14px;color:#666}body.dark-mode .tool-card p{color:#aaa}.tool-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:15px}.tool-header h2{margin:0;font-size:22px}.compact-form{background:#f0f4f8;padding:15px;border-radius:8px;margin-bottom:20px}body.dark-mode .compact-form{background:#252535}.form-row{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.form-row input{flex:1;min-width:140px;padding:10px;border:1px solid #ccc;border-radius:6px}.form-error{color:#dc3545;font-size:13px;margin:-5px 0 10px;display:none}.form-error.show{display:block}.summary-banner{margin:20px 0;background:#e3f2fd;padding:15px;border-radius:8px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}body.dark-mode .summary-banner{background:#1a3a52;color:#e0e0e0}.summary-banner strong{font-size:18px}.btn-edit-small,.btn-delete-small{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.btn-edit-small{background:#06c;color:#fff}.btn-delete-small{background:#dc3545;color:#fff}.cert-status.cat-slop-chest{background:#ede9fe;color:#5b21b6}.cert-status.cat-allotment{background:#dbeafe;color:#1e40af}.cert-status.cat-shore-leave{background:#fef3c7;color:#92400e}.cert-status.cat-cash-advance{background:#fee2e2;color:#991b1b}.cert-status.cat-other{background:#e5e7eb;color:#374151}body.dark-mode .cert-status.cat-slop-chest{background:#4c1d95;color:#ddd6fe}body.dark-mode .cert-status.cat-allotment{background:#1e3a8a;color:#bfdbfe}body.dark-mode .cert-status.cat-shore-leave{background:#78350f;color:#fde68a}body.dark-mode .cert-status.cat-cash-advance{background:#7f1d1d;color:#fecaca}body.dark-mode .cert-status.cat-other{background:#374151;color:#e5e7eb}.cv-preview-box{background:#525659;padding:20px;border-radius:8px;margin:20px 0;overflow-x:auto}.cv-paper{background:#fff;color:#000;width:100%;max-width:600px;min-height:400px;margin:0 auto;padding:40px;box-shadow:0 0 10px #0000004d;font-family:Times New Roman,serif;text-align:left}.cv-paper h1{border-bottom:2px solid #333;padding-bottom:10px;margin-bottom:20px;font-size:24px;text-transform:uppercase}.cv-section-title{font-weight:700;text-transform:uppercase;border-bottom:1px solid #ccc;margin-top:20px;margin-bottom:10px;color:#06c}.cv-item{margin-bottom:15px}.cv-item strong{display:block}.text-center{text-align:center}.text-muted{color:#999;font-style:italic}@media print{body *{visibility:hidden}#cv-builder,#cv-builder *{visibility:visible}#cv-builder{position:absolute;left:0;top:0;width:100%;background:#fff}.tool-header,#generate-cv-btn,.cv-input-form,.preview-only-label{display:none!important}.cv-preview-box{background:#fff!important;padding:0!important;margin:0!important;overflow:visible!important}#cv-preview-content{box-shadow:none!important;padding:0;margin:0;width:100%;max-width:100%}.cv-section-title{page-break-after:avoid;break-after:avoid}.cv-item,.cv-cert-card{page-break-inside:avoid;break-inside:avoid}@page{size:A4;margin:15mm}.cv-cert-grid{display:grid!important;grid-template-columns:1fr 1fr!important}}.cv-cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-bottom:15px}.cv-cert-card{font-size:13px;border-bottom:1px dotted #ccc;padding-bottom:4px;display:flex;justify-content:space-between}@media print{.cv-cert-grid{display:grid!important;grid-template-columns:1fr 1fr!important}}.cv-paper.font-sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cv-paper.font-serif{font-family:Times New Roman,serif}.cv-photo-container{float:right;margin-left:20px}.cv-photo-container img{width:100px;height:130px;object-fit:cover;border:1px solid #ccc;border-radius:4px}.cv-personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;font-size:13px;margin-bottom:15px}.field-label-sm{font-size:12px;font-weight:400;margin-bottom:4px;display:block;color:#666}body.dark-mode .field-label-sm{color:#aaa}.form-row>div{flex:1;min-width:140px}.cv-readiness-panel{margin:15px 0;border-radius:8px;overflow:hidden}.readiness-ok{background:#d4edda;color:#155724;padding:12px 15px;font-weight:600;border-radius:8px}.readiness-summary{padding:10px 15px;font-weight:600;font-size:14px}.readiness-summary.readiness-critical{background:#f8d7da;color:#721c24}.readiness-summary.readiness-warning{background:#fff3cd;color:#856404}.readiness-list{list-style:none;padding:0;margin:0}.readiness-item{padding:10px 15px;font-size:13px;border-top:1px solid rgba(0,0,0,.05)}.readiness-item.readiness-critical{background:#fef2f2;color:#991b1b}.readiness-item.readiness-warning{background:#fffbeb;color:#92400e}.readiness-item.readiness-info{background:#eff6ff;color:#1e40af}body.dark-mode .readiness-ok{background:#1a3a2a;color:#a3e6b5}body.dark-mode .readiness-item.readiness-critical{background:#3a1a1a;color:#fca5a5}body.dark-mode .readiness-item.readiness-warning{background:#3a2f1a;color:#fde68a}body.dark-mode .readiness-item.readiness-info{background:#1a2a3a;color:#93c5fd}#exp-contract-display a{color:#06c;text-decoration:underline;cursor:pointer}body.dark-mode #exp-contract-display{color:#aaa}
/*# sourceMappingURL=style.css.map */