*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans Myanmar,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f4f4;color:#333;line-height:1.6;min-height:100vh}.container{max-width:960px;width:92%;margin:0 auto}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000012;padding:24px;margin-bottom:20px}.card-sm{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f;padding:16px;margin-bottom:14px}h1{font-size:26px;font-weight:700;margin-bottom:8px}h2{font-size:20px;font-weight:700;margin-bottom:8px}h3{font-size:17px;font-weight:600;margin-bottom:6px}p{margin-bottom:12px}label{display:block;font-size:14px;font-weight:600;color:#555;margin-bottom:6px}input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:12px 14px;border:2px solid #ddd;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .2s;background:#fff;color:#333}input:focus,select:focus,textarea:focus{outline:none;border-color:#28a745}.form-group{margin-bottom:18px}.btn{display:inline-block;padding:13px 28px;border-radius:50px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:transform .15s,opacity .15s;text-decoration:none;text-align:center}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:#28a745;color:#fff}.btn-primary:hover:not(:disabled){background:#218838}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-outline{background:transparent;color:#28a745;border:2px solid #28a745}.btn-outline:hover:not(:disabled){background:#28a745;color:#fff}.btn-sm{padding:8px 18px;font-size:14px}.btn-block{display:block;width:100%}.badge{display:inline-block;padding:3px 10px;border-radius:50px;font-size:12px;font-weight:700}.badge-pending{background:#fff3cd;color:#856404}.badge-approved{background:#d4edda;color:#155724}.badge-rejected{background:#f8d7da;color:#721c24}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#cce5ff;color:#004085}.navbar{background:#fff;border-bottom:1px solid #eee;padding:14px 0;position:sticky;top:0;z-index:100}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.navbar-brand{font-size:17px;font-weight:700;color:#28a745;text-decoration:none}.navbar-links{display:flex;align-items:center;gap:16px;list-style:none}.navbar-links a{text-decoration:none;color:#555;font-size:14px;font-weight:600}.navbar-links a:hover{color:#28a745}.page{padding:28px 0 60px}.page-center{display:flex;justify-content:center;align-items:flex-start;padding:40px 16px 80px}.page-center .card{width:100%;max-width:480px}.tab-bar{display:flex;gap:4px;background:#f0f0f0;border-radius:10px;padding:4px;margin-bottom:24px;flex-wrap:wrap}.tab-btn{flex:1;padding:10px 12px;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:inherit;background:transparent;color:#666;cursor:pointer;transition:all .15s;white-space:nowrap}.tab-btn.active{background:#fff;color:#28a745;box-shadow:0 1px 4px #0000001a}.alert{padding:14px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.alert-info{background:#cce5ff;color:#004085;border:1px solid #b8daff}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:36px;height:36px;border:4px solid #e0e0e0;border-top-color:#28a745;border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}.passphrase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.passphrase-box input{text-align:center;font-family:Courier New,monospace;font-size:15px;padding:12px 6px;border:2px solid #ddd;border-radius:8px}.passphrase-box input:focus{border-color:#28a745}.passphrase-box input.filled{border-color:#28a745;background:#f0fff4}.passphrase-box input.error{border-color:#dc3545;background:#fff5f5}.passphrase-box label{text-align:center;font-size:11px;color:#999;margin-bottom:4px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.chip{padding:6px 16px;border-radius:50px;border:2px solid #ddd;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.chip.active{border-color:#28a745;background:#28a745;color:#fff}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.divider{border:none;border-top:1px solid #eee;margin:20px 0}@media (max-width: 600px){.card{padding:16px}h1{font-size:22px}.passphrase-grid{grid-template-columns:repeat(2,1fr)}.book-grid{grid-template-columns:1fr 1fr}.tab-btn{font-size:13px;padding:8px}}@media (max-width: 380px){.book-grid{grid-template-columns:1fr}}