body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background-color:#f8fafc;color:#1f2937;margin:0;line-height:1.6}a{color:#386641;text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.site-header{background-color:#386641;color:#fff;padding:1rem;box-shadow:0 4px 6px -1px #0000001a}.site-header h1{font-size:1.25rem;font-weight:700;margin:0}.site-header p{font-size:.875rem;font-weight:300;margin:.25rem 0 0}.site-nav{background-color:#386641;color:#fff;position:relative}.nav-links-wrapper{flex-grow:1;display:none}.user-avatar-dropdown{position:relative}.avatar-button{background:none;border:2px solid transparent;border-radius:50%;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.avatar-button:focus-visible{outline:none;border-color:var(--color-secondary, #6A994E)}.avatar-button img,.guest-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.guest-avatar{background-color:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center}.guest-avatar .fas{font-size:1.1rem}.dropdown-menu{display:none;position:absolute;top:calc(100% + 10px);right:0;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 30px #0000001a;width:240px;z-index:1100;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .2s ease-out,transform .2s ease-out}.dropdown-menu.show{display:block;opacity:1;transform:translateY(0)}.dropdown-header{padding:1rem;border-bottom:1px solid #e9ecef;background-color:#f8f9fa;line-height:1.4}.dropdown-header strong{color:#212529;font-size:1rem}.dropdown-header small{color:#6c757d;text-transform:capitalize;font-size:.85rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#495057;text-decoration:none;font-size:.95rem;transition:background-color .2s,color .2s;white-space:nowrap}.dropdown-item:hover{background-color:var(--color-primary, #386641);color:#fff;text-decoration:none}.dropdown-item i.fa-fw{width:1.2em;text-align:center;color:#888;transition:color .2s}.dropdown-item:hover i.fa-fw{color:#fff}.dropdown-divider{height:1px;margin:.5rem 0;background-color:#e9ecef}.nav-container{display:flex;justify-content:space-between;align-items:center;min-height:60px}.nav-left{flex-shrink:0}.nav-right{display:flex;align-items:center;gap:1rem}@media (min-width: 768px){.nav-left{order:1}.nav-links-wrapper{order:2;flex-grow:1;justify-content:center}.nav-right{order:3}.burger-button{display:none}}.nav-brand a{font-weight:700;color:#fff;text-decoration:none;font-size:1.1rem}.burger-button{display:block;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:10}.burger-button svg{width:28px;height:28px}.nav-links-wrapper{display:none;position:absolute;top:100%;left:0;right:0;background-color:#386641;padding:1rem;box-shadow:0 8px 16px #0003;border-top:1px solid rgba(255,255,255,.1);z-index:1000}.nav-links-wrapper.is-active{display:block}.nav-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.nav-link{display:block;color:#fff;padding:.75rem 1rem;border-radius:.25rem;text-align:center;font-weight:500;text-decoration:none}.nav-link:hover{background-color:#4a7c59;text-decoration:none}.nav-link.active{background-color:#6a994e}.nav-separator{border-top:1px solid rgba(255,255,255,.2);margin:.5rem 0}.hero-section{background-color:var(--color-primary, #386641);color:var(--text-light, white);padding:4rem 2rem;text-align:center;border-radius:.5rem;margin-bottom:2.5rem}.hero-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem}.hero-subtitle{font-size:1.25rem;font-weight:300;max-width:700px;margin:0 auto;opacity:.9}.navigation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.nav-card{background-color:var(--bg-white, #fff);border:1px solid var(--border-color, #dee2e6);border-radius:var(--border-radius, .375rem);padding:1.5rem;text-align:center;text-decoration:none;color:var(--text-dark, #1f2937);transition:transform .2s ease,box-shadow .2s ease}.nav-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a;text-decoration:none}.nav-card-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.nav-card-icon .fas{font-size:1.75rem}.nav-card-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.nav-card-description{font-size:.95rem;color:var(--text-muted, #6c757d);line-height:1.5}.section-title{font-size:1.75rem;font-weight:700;color:var(--color-primary, #386641);text-align:center;margin-bottom:2rem}.latest-kawih-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.kawih-card{background-color:var(--bg-white, #fff);border:1px solid var(--border-color, #dee2e6);border-radius:var(--border-radius, .375rem);text-decoration:none;color:var(--text-dark, #1f2937);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.kawih-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000014;text-decoration:none}.kawih-card-content{padding:1.25rem}.kawih-card-category{display:inline-block;background-color:#e9ecef;color:#495057;padding:4px 10px;border-radius:50px;font-size:.75rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase}.kawih-card-title{font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.kawih-card-laras{font-size:.9rem;color:var(--text-muted, #6c757d);margin:0}.kawih-card-tag{display:inline-block;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;color:#fff}.kawih-card-tag.tag-new{background-color:var(--color-primary, #386641)}.kawih-card-tag.tag-updated,.kawih-card-tag.tag-audio{background-color:#007bff}.kawih-card-category{font-size:.9rem;color:var(--text-muted, #6c757d);margin:0 0 .5rem}.kawih-card-title{margin-top:0}@media (max-width: 768px){.hero-section{padding:3rem 1.5rem;margin-bottom:2rem;margin-top:2rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.navigation-cards{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem}.section-title{font-size:1.5rem}.latest-kawih-grid{gap:1rem}}.site-footer{text-align:center;padding:1.5rem 1rem;font-size:.875rem;color:#4b5563}.site-footer p{margin:.25rem 0}@media (min-width: 768px){.container{max-width:64rem;margin-left:auto;margin-right:auto}.site-header h1{font-size:1.5rem}.nav-container{display:flex;justify-content:space-between;align-items:center;min-height:60px}.burger-button{display:none}.nav-links-wrapper{display:block;position:static;background-color:transparent;box-shadow:none;padding:0;border-top:none;margin-left:auto}.nav-links{flex-direction:row;align-items:center;gap:.5rem}.nav-link.active{border-radius:.375rem .375rem 0 0}.nav-separator{display:none}.main-content{margin-top:2rem;margin-bottom:2rem}.content-box{padding:2rem}.content-box h2{font-size:2.25rem}.content-box p,.content-box li{font-size:1.125rem}}.login-page{background-color:#f0f7f4;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Georgia,Times New Roman,serif}.login-box{background-color:#fbfdfb;padding:2.5rem 2rem;border-radius:.5rem;box-shadow:0 10px 25px #0000000d;border:1px solid #e8f0eb;width:100%;max-width:380px;text-align:center;margin:1rem}.login-title{color:#386641;font-size:1.75rem;font-weight:500;line-height:1.3;margin-top:0;margin-bottom:2rem}.form-group{margin-bottom:1.25rem;text-align:left}.form-label{display:block;color:#386641;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #d1ded8;border-radius:.375rem;box-sizing:border-box;font-family:sans-serif;font-size:1rem}.form-input::placeholder{color:#a0aec0}.form-input:focus{outline:none;border-color:#6a994e;box-shadow:0 0 0 3px #6a994e26}.form-error{color:#e53e3e;font-size:.875rem;margin-top:.5rem;font-family:sans-serif}.btn{display:block;width:100%;padding:.875rem;border:none;border-radius:.375rem;font-size:1rem;font-family:sans-serif;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out}.btn-primary{background-color:#386641;color:#fff;text-align:center;width:380px}.btn-primary:hover{background-color:#2c5033}.btn-secondary{background-color:#a3b1a4;color:#386641;font-weight:700;text-align:center;width:380px}.btn-secondary:hover{background-color:#8f9d90}.login-footer{text-align:center;font-size:.875rem;margin-top:1.5rem;color:#6c757d;font-family:sans-serif}.login-footer a{color:#3d6cb9;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.logout-button{background:none;border:none;padding:0;margin:0;color:#fff;font-family:inherit;font-size:inherit;cursor:pointer;width:100%}:root{--admin-sidebar-bg: #1c4b2b;--admin-sidebar-header-bg: #163a21;--admin-sidebar-text: #c2c7d0;--admin-sidebar-hover-bg: #495057;--admin-sidebar-active-bg: #007bff;--admin-content-bg: #f4f6f9;--card-green: #28a745;--card-light-green: #92c353}.admin-body{background-color:var(--admin-content-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.admin-wrapper{display:flex}.admin-sidebar{width:250px;background-color:var(--admin-sidebar-bg);color:var(--admin-sidebar-text);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:1000;transition:left .3s ease}.sidebar-header{background-color:var(--admin-sidebar-header-bg);padding:13px 1rem;text-align:center}.sidebar-header a{color:#fff;font-size:1.25rem;font-weight:600;text-decoration:none}.sidebar-user-panel{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #4f5962}.user-image img{width:40px;height:40px;border-radius:50%}.user-info{margin-left:10px}.user-info p{margin:0;font-weight:600;color:#fff}.user-info span{font-size:.8rem}.online-indicator{font-size:.6rem;color:#28a745;margin-right:4px}.sidebar-nav{flex-grow:1}.nav-title{color:#6c757d;padding:.75rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li a,.sidebar-footer button{display:flex;align-items:center;padding:12px 1rem;color:var(--admin-sidebar-text);text-decoration:none;transition:background-color .2s,color .2s}.sidebar-nav li a:hover,.sidebar-footer button:hover{background-color:var(--admin-sidebar-hover-bg);color:#fff}.sidebar-nav li.active>a{background-color:var(--admin-sidebar-active-bg);color:#fff}.sidebar-nav i.fa-fw{width:1.25em;margin-right:.75rem}.sidebar-footer{padding:1rem;border-top:1px solid #4f5962}.sidebar-footer button{width:100%;background:none;border:none;text-align:left;cursor:pointer;font-size:1rem;font-family:inherit}.admin-main-content{flex-grow:1;margin-left:250px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.admin-header{background-color:#fff;border-bottom:1px solid #dee2e6;padding:.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.2rem;cursor:pointer}.current-date{display:flex;align-items:center;gap:.5rem}.content-area{padding:1.5rem;flex-grow:1}.admin-footer{background-color:#fff;border-top:1px solid #dee2e6;padding:1rem 1.5rem;display:flex;justify-content:space-between;font-size:.9rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{margin:0;font-size:1.8rem;font-weight:300}.breadcrumb{font-size:.9rem}.breadcrumb a{text-decoration:none;color:#007bff}.breadcrumb span{margin:0 5px;color:#6c757d}.info-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1.5rem}.card{color:#fff;border-radius:5px;position:relative;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.card-green{background-color:var(--card-green)}.card-light-green{background-color:var(--card-light-green)}.card-icon{font-size:50px;opacity:.2;position:absolute;right:15px;top:50%;transform:translateY(-60%);transition:transform .3s}.card:hover .card-icon{transform:translateY(-60%) scale(1.1)}.card-content{padding:20px;flex-grow:1;z-index:5}.card-content h3{margin:0 0 5px;font-size:1rem;font-weight:700}.card-content p{margin:0;font-size:2.2rem;font-weight:700}.card-footer{background-color:#0000001a;padding:8px 0;text-align:center;text-decoration:none;color:#fff;font-size:.9rem;display:block}.card-footer:hover{background-color:#0003;text-decoration:none}.data-table-card{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px #0000001a}.data-table-card .card-header{padding:1rem 1.25rem;border-bottom:1px solid #dee2e6}.data-table-card .card-header h3{margin:0;font-size:1.1rem;font-weight:600}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 1.25rem;border-top:1px solid #dee2e6;text-align:left}.data-table thead th{border-top:none;font-weight:600;color:#495057}.data-table td.text-center{text-align:center}.data-table-card .card-footer-action{padding:1rem;text-align:center}.data-table-card .card-footer-action a{background-color:#f8f9fa;padding:8px 15px;border-radius:5px;color:#495057;text-decoration:none;font-weight:600;border:1px solid #dee2e6}@media (max-width: 992px){.info-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.mobile-menu-toggle{display:block}.admin-sidebar{left:-250px}.admin-sidebar.is-active{left:0}.admin-main-content{margin-left:0}.info-cards-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.logout-button{background:none;border:none;padding:0;margin:0;color:#fff;font-family:inherit;font-size:inherit;cursor:pointer;width:100%;display:inline-block}.logout-button:hover{background-color:transparent;text-decoration:none}.logout-button.as-button{padding:.75rem 1rem;line-height:1.5}.data-table-card .card-header{display:flex;justify-content:space-between;align-items:center}.btn-add-new{background-color:#28a745;color:#fff;padding:8px 15px;border-radius:5px;text-decoration:none;font-weight:600;font-size:.9rem;white-space:nowrap}.action-buttons{display:flex;gap:.5rem}.btn-edit,.btn-delete{padding:5px 10px;border-radius:5px;text-decoration:none;font-size:.8rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:.3rem}.btn-edit{background-color:#ffc107;color:#1f2d3d}.btn-delete{background-color:#dc3545;color:#fff}.badge{padding:4px 8px;border-radius:10px;font-size:.75rem;font-weight:700;text-transform:capitalize}.level-admin{background-color:#dc3545;color:#fff}.level-kontributor{background-color:#17a2b8;color:#fff}.filter-header{flex-direction:column;align-items:stretch;gap:1rem}.filter-form{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;gap:.5rem;flex-grow:1;flex-wrap:wrap}.filter-input,.filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:5px;font-size:.9rem}.filter-input{min-width:200px;max-width:290px}.btn-filter{padding:8px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.data-table .text-center{text-align:center}.card-footer-action{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid #dee2e6}nav[role=navigation]>div:first-child{display:none}.pagination{display:flex;gap:.25rem;list-style:none;padding:0}.pagination li a,.pagination li span{padding:6px 12px;text-decoration:none;color:#007bff;border:1px solid #dee2e6;display:block}.pagination li.active span{background-color:#007bff;color:#fff;border-color:#007bff}.form-card{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px #0000001a}.form-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-input,.form-select{width:100%;padding:10px 15px;border:1px solid #ced4da;border-radius:5px;font-size:1rem}.form-input:focus,.form-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-text{display:block;margin-top:.25rem;font-size:.875em;color:#6c757d}.form-footer{padding-top:1rem;border-top:1px solid #e9ecef;display:flex;gap:.5rem}.btn-cancel{background-color:#6c757d;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:600}.is-invalid{border-color:#dc3545}.invalid-feedback{color:#dc3545;font-size:.875rem;margin-top:.25rem}.alert{padding:1rem;margin-bottom:1rem;border-radius:5px;border:1px solid transparent}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.dynamic-input{margin-bottom:.5rem}.btn-add-dynamic{background-color:#e9ecef;border:1px solid #ced4da;color:#495057;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:.8rem;margin-bottom:.25rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:0}}.filter-card{background-color:#fff;padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.filter-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.filter-group{display:flex;flex-direction:column;flex-grow:1}.filter-input,.filter-select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:5px;font-size:.9rem}.filter-actions{display:flex;gap:.5rem;padding-bottom:1px}.btn-filter,.btn-reset-filter{padding:8px 15px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;font-weight:600}.btn-filter{background-color:#007bff;color:#fff}.btn-reset-filter{background-color:#6c757d;color:#fff}.public-content-box{padding:1rem}.page-title{font-size:2rem;font-weight:700;color:#386641;margin-bottom:1.5rem;border-bottom:3px solid #6A994E;padding-bottom:.5rem}.public-filter-form{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.filter-dropdown-wrapper{position:relative}.filter-dropdown-wrapper:after{content:"▼";font-size:1rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.filter-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #ced4da;padding:.75rem 2.5rem .75rem 1rem;border-radius:var(--border-radius, .375rem);font-size:1rem;font-weight:500;cursor:pointer;color:#495057}.search-wrapper{display:flex;flex-grow:1}.search-input{width:100%;border:1px solid #ced4da;padding:.75rem 1rem;border-radius:var(--border-radius, .375rem) 0 0 var(--border-radius, .375rem);font-size:1rem;border-right:none}.search-input:focus{outline:none;border-color:#6a994e;box-shadow:0 0 0 2px #6a994e33}.search-button{background-color:#386641;color:#fff;border:none;padding:0 1.5rem;border-radius:0 var(--border-radius, .375rem) var(--border-radius, .375rem) 0;cursor:pointer;font-weight:600}.category-groups{display:flex;flex-direction:column;gap:2.5rem}.category-title-public{font-size:1.75rem;font-weight:600;color:#2c5033;margin-bottom:1rem}.kawih-table-wrapper{overflow:hidden;border-radius:.5rem;box-shadow:0 4px 12px #00000014}.kawih-table{width:100%;border-collapse:collapse;background-color:#fff}.kawih-table thead th{background-color:#f8f9fa;padding:14px 1rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:.9rem;text-transform:uppercase}.kawih-table tbody td{padding:14px 1rem;border-top:1px solid #e9ecef;vertical-align:top}.kawih-table tbody tr:hover td{background-color:#f1f7f2}.kawih-link{font-weight:500;color:#2b4f32}.col-judul{width:45%}.col-laras,.col-pirigan{width:20%}.col-notasi{width:15%}.no-results{text-align:center;padding:3rem;background-color:#f8f9fa;border-radius:.5rem}.no-results p{font-size:1.2rem;margin-bottom:1rem;color:#6c757d}.btn-reset{background-color:#007bff;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none}@media (max-width: 768px){.page-title{font-size:1.5rem}.public-filter-form{flex-direction:column;align-items:stretch}.search-wrapper{width:100%}.col-notasi{text-align:left}}.dynamic-input-wrapper-notation{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;max-width:50%;flex-direction:row}.dynamic-input-wrapper-text-area{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;flex-direction:column}.dynamic-input-wrapper-notation .dynamic-input{flex-grow:2;margin-bottom:0}.dynamic-input-wrapper-text-area .dynamic-input{flex-grow:5;margin-bottom:0;font-size:.85rem}.btn-remove-dynamic{background-color:#f8d7da;border:1px solid #f5c2c7;color:#842029;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:.8rem;height:38px}.kawih-title{font-size:2.25rem;font-weight:700;color:#386641;margin:0}.kawih-metadata{margin:1.5rem 0;line-height:1.8;color:#343a40}.kawih-metadata p{margin:.25rem 0}.audio-player-wrapper{margin:1.5rem 0}.audio-player{width:100%}.audio-unavailable,.teks-pdf-unavailable{font-style:italic;color:#6c757d}.teks-pdf-wrapper{margin:1.5rem 0}.lirik-box{background-color:#f0f7f4;padding:1.5rem;border-radius:.5rem;border:1px solid #d1ded8;font-family:times-new-roman,Courier,monospace;font-size:.88rem;line-height:1.7;margin-bottom:2rem;overflow-x:auto}.bait{margin-bottom:0 0 1em 0}.bait:last-child{margin-bottom:0}.action-buttons-group{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.action-btn{padding:12px 24px;border-radius:5px;text-decoration:none;font-weight:600;color:#fff;text-align:center;transition:opacity .2s}.action-btn:hover{opacity:.85;text-decoration:none;color:#fff}.btn-play{background-color:#007bff}.btn-download-gray{background-color:#6c757d}.btn-download-green{background-color:#28a745}.back-button-wrapper{margin-top:2rem;border-top:1px solid #e9ecef;padding-top:1.5rem}.btn-back{background-color:#6c757d;color:#fff;padding:10px 20px;border-radius:5px}.larik{display:block;white-space:nowrap}.badge.type-baru{background-color:#17a2b8;color:#fff}.badge.type-edit{background-color:#ffc107;color:#212529}.badge.status-disetujui{background-color:#28a745;color:#fff}.badge.status-ditolak{background-color:#dc3545;color:#fff}.btn-suggest-edit{display:inline-block;margin-left:.5rem;font-size:.75rem;padding:2px 8px;background-color:#e2e3e5;color:#495057;border-radius:5px;vertical-align:middle}.btn-suggest-edit:hover{background-color:#ced4da;text-decoration:none}@media (max-width: 767px){.hide-on-mobile{display:none!important}}.text-muted{color:#6c757d!important}.text-center{text-align:center}.mb-4{margin-bottom:1.5rem}.my-5{margin-top:3rem;margin-bottom:3rem}.p-5{padding:3rem}.font-weight-bold{font-weight:700}.mb-3{margin-bottom:1rem}.add-category-form{display:flex;gap:.5rem;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.add-category-form .form-input{flex-grow:1}.btn-action{color:#fff;padding:10px 20px;border:none;border-radius:5px;text-decoration:none;font-weight:600;cursor:pointer}.btn-add{background-color:#007bff}.btn-add:hover{background-color:#0056b3}.composer-container{display:flex;flex-direction:column;gap:1.5rem}.composer-category{background-color:#fff;border:1px solid #dee2e6;border-radius:.5rem}.composer-category-header{background-color:#28a745;color:#fff;padding:.75rem 1rem;font-weight:700;font-size:1.2rem;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.composer-category-header .btn-text{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);padding:8px 16px;font-size:.9rem}.category-actions{display:flex;gap:.5rem}.category-actions .btn-action{padding:8px 16px}.category-handle{cursor:grab;color:#ffffffb3;padding:.5rem;margin-left:-.5rem}.category-handle:hover{cursor:grabbing}.category-title-text{flex-grow:1;padding-left:.75rem}.btn-icon i{font-family:"Font Awesome 6 Free";font-weight:900}.btn-icon:hover{background:#fff6}.composer-song-list{list-style:none;padding:0;margin:0;min-height:50px}.composer-song-item{transition:background-color .2s;background-color:#fff;border-top:1px solid #e9ecef}.composer-song-item :hover{background-color:#f8f9fa}.song-main-info{display:flex;align-items:center;padding:.75rem 1rem}.song-options-panel{max-height:0;overflow:hidden;transition:max-height .4s ease-out,padding .4s ease-out,border-top-width .4s ease-out;padding:0 1rem;background-color:#f8f9fa;border-top:0px solid #e9ecef}.song-options-panel.open{max-height:200px;border-top-width:1px;overflow-y:auto}.song-handle{cursor:grab;color:#ced4da;margin-right:1rem;font-size:1.2rem}.song-title{flex-grow:1;font-weight:500}.song-title .text-muted{font-weight:400}.empty-placeholder{padding:1rem;text-align:center;color:#6c757d;font-style:italic}.category-placeholder,.song-placeholder{background-color:#e2f0fb;border:2px dashed #007bff;border-radius:.5rem;margin-bottom:1rem;height:60px}.song-placeholder{height:40px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050}.modal-content{background:#fff;border-radius:.5rem;width:90%;max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #dee2e6}.close-modal-btn{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-body{padding:1rem}.modal-footer{padding:1rem;border-top:1px solid #dee2e6;text-align:right}.kawih-list-container{max-height:400px;overflow-y:auto;border:1px solid #dee2e6;padding:.5rem}.kawih-list-item{padding:.5rem;display:flex;align-items:center}.kawih-list-item input{margin-right:.5rem}.output-section{background-color:#f8f9fa;padding:2rem;border-radius:.5rem;border:1px solid #dee2e6}.btn-preview{background-color:#17a2b8}.btn-download{background-color:#28a745}.btn-text{background-color:transparent;border:1px solid transparent;color:inherit;padding:4px 10px;border-radius:var(--border-radius, .375rem);font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s;white-space:nowrap}.composer-category-header .category-actions{display:flex;gap:.5rem}.composer-category-header .btn-text{background-color:#fff3;border-color:#fff6;color:#fff}.composer-category-header .btn-text:hover{background-color:#fff6}.composer-category-header .delete-category:hover{background-color:#e53e3e;border-color:#c53030}.song-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-left:1rem}.song-actions .btn-text{background-color:transparent;border:1px solid #ced4da;color:#495057;padding:8px 12px;font-size:.85rem}.song-actions .btn-text:hover{background-color:#e9ecef}.song-actions .delete-song{color:var(--color-danger, #dc3545);border-color:transparent}.song-actions .delete-song:hover{background-color:var(--color-danger, #dc3545);color:#fff;border-color:var(--color-danger, #dc3545)}.toggle-options-btn i{margin-left:.5rem;transition:transform .3s ease}.toggle-options-btn i.rotated{transform:rotate(180deg)}.song-actions .edit-song-options{color:#007bff}.song-actions .edit-song-options:hover{background-color:#007bff;color:#fff}.song-options-panel{max-height:0;overflow:hidden;transition:max-height .4s ease-out,padding .4s ease-out;padding:0 1rem;background-color:#f8f9fa;border-top:1px solid #e9ecef}.song-options-panel.open{max-height:200px;padding:1rem}.song-title{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.badges-container{display:flex;gap:.5rem;margin-top:.25rem}.option-badge{padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:700;text-transform:uppercase;line-height:1.5}.option-badge.notation-active{background-color:#e2e3e5;color:#495057;border:1px solid #d6d8db}.option-badge.bait-filtered{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.option-group{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.option-group:last-child{margin-bottom:0}.song-handle{align-self:flex-start;cursor:grab;color:#adb5db;margin-right:1rem;font-size:1.2rem;padding:10px;margin-top:-10px;margin-bottom:-10px;margin-left:-10px}.option-label{font-weight:600;color:#495057;width:120px}.bait-options-container{display:flex;flex-wrap:wrap;gap:.5rem 1rem;max-height:100px;overflow-y:auto;padding:5px}.bait-option,.notation-option{display:flex;align-items:center;gap:.4rem;padding:6px 0}.bait-option input,.notation-option input{margin-right:.4rem}.bait-option label,.notation-option label{cursor:pointer}.form-check-input{width:1em;height:1em}.mobile-filter-container{padding:.5rem 1rem;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);margin:.5rem 0}.mobile-filter-container .public-filter-form{flex-direction:column;margin-bottom:0;align-items:stretch}.mobile-filter-container .search-wrapper{width:100%}.output-section{background-color:#f8f9fa;padding:1.5rem;border-radius:.5rem;border:1px solid #dee2e6;max-width:500px;margin:0 auto}.output-section .btn-action{width:100%;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.output-section .form-group-divider{margin-top:2rem;padding-top:2rem;border-top:1px solid #dee2e6}.output-section form{margin-bottom:0}@media (min-width: 768px){.output-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:flex-start}.output-section .btn-action{width:auto;display:inline-flex}.pdf-actions{display:flex;gap:.5rem}}.contact-info-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.contact-card{background-color:#fff;border:1px solid #e9ecef;border-radius:.5rem;padding:2rem;text-align:center;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;align-items:center}.contact-icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.contact-icon-wrapper .fab,.contact-icon-wrapper .fas{font-size:2.5rem}.bg-success{background-color:#28a745}.bg-danger{background-color:#dc3545}.bg-primary{background-color:#007bff}.contact-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#343a40}.contact-detail{font-size:1.1rem;color:#6c757d;margin-top:0;margin-bottom:1.5rem;flex-grow:1}.contact-action-btn{display:inline-block;background-color:#e9ecef;color:#495057;padding:10px 24px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .2s ease}.contact-action-btn:hover{background-color:#ced4da;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.card-footer-action{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--border-color, #e9ecef)}.card-footer-action p.text-sm{display:none}.pagination{display:flex;gap:.3rem;list-style:none;padding:0;margin:0;font-size:.8rem}.pagination li a,.pagination li span{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#007bff;border:1px solid #dee2e6;background-color:#fff;padding:.5em .8em;border-radius:.25rem;min-width:0}.pagination li:first-child a,.pagination li:last-child a,.pagination li:first-child span,.pagination li:last-child span{padding:.5em}.pagination li svg{width:1em;height:1em}.pagination li.active span{background-color:#007bff;color:#fff;border-color:#007bff;font-weight:600}.pagination li.disabled span{color:#6c757d;background-color:#e9ecef}.about-section{max-width:800px;margin:0 auto 3rem;text-align:center}.about-icon{font-size:2.5rem;color:var(--color-secondary, #6A994E);margin-bottom:1rem}.about-section-title{font-size:1.75rem;font-weight:600;color:#343a40;margin-bottom:1.5rem}.about-section p{font-size:1.1rem;line-height:1.8;color:#495057}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.team-member-card{background-color:#fff;border:1px solid #e9ecef;border-radius:.5rem;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.team-member-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000014}.team-member-photo{width:100px;height:100px;border-radius:50%;margin:0 auto 1.5rem;border:4px solid white;box-shadow:0 0 10px #0000001a}.team-member-name{font-size:1.2rem;font-weight:700;margin:0 0 .25rem}.team-member-role{font-size:.9rem;color:var(--color-primary, #386641);font-weight:600;text-transform:uppercase;margin-bottom:1rem}.team-member-bio{font-size:.95rem!important;line-height:1.6!important;color:var(--text-muted, #6c757d)}.avatar-upload{position:relative;width:150px;height:150px;margin:0 auto 1rem}#avatar-preview{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 10px #0000001a}.form-input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.btn-upload-avatar{display:inline-block;background-color:var(--color-primary, #386641);color:#fff;padding:8px 16px;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background-color .2s}.btn-upload-avatar:hover{background-color:var(--color-primary-dark, #2c5033)}.form-divider{border:none;border-top:1px solid #e9ecef;margin:2rem 0}.verification-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 992px){.verification-grid{grid-template-columns:1fr 1fr}}.data-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000000d}.data-comparison-table{width:100%;border-collapse:collapse}.data-comparison-table th,.data-comparison-table td{padding:.75rem;border-bottom:1px solid #e9ecef;vertical-align:top}.data-comparison-table tr:last-child th,.data-comparison-table tr:last-child td{border-bottom:none}.data-comparison-table th{font-weight:600;width:35%;background-color:#f8f9fa}.data-comparison-table td.preserve-whitespace{white-space:pre-wrap;word-wrap:break-word}.lirik-bait-preview{margin-bottom:1em}.lirik-bait-preview:last-child{margin-bottom:0}.preview-lyric-table{width:100%;border-collapse:collapse}.preview-lyric-table td{padding:1px 0;border:none;vertical-align:top}.preview-lyric-text{text-align:left}.preview-lyric-notation{width:1%;white-space:nowrap;padding-left:1.5em;text-align:right;font-weight:500}.text-primary{color:#007bff!important}.gap-2{gap:.5rem}.page-header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.page-header-container .page-title{margin-bottom:0}.btn-new-request{display:inline-flex;align-items:center;gap:.5rem;padding:10px 20px;background-color:var(--color-success, #28a745);color:#fff;border-radius:50px;font-weight:600;text-decoration:none;transition:all .2s ease}.btn-new-request:hover{background-color:#1e7e34;text-decoration:none;color:#fff;transform:translateY(-2px)}.request-list{background-color:#fff;border:1px solid #e9ecef;border-radius:.5rem;overflow:hidden;margin-top:2rem;box-shadow:0 4px 12px #0000000d}.request-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e9ecef;flex-direction:column}.request-item:last-child{border-bottom:none}.request-item:hover{background-color:#f8f9fa}.request-item-main{display:flex;align-items:center;gap:1rem}.request-item-icon{font-size:1.5rem;color:var(--color-primary, #386641);background-color:#e9f5ec;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.request-item-details{display:flex;flex-direction:column}.request-item-title{font-size:1.1rem;font-weight:600;margin:0;color:#343a40}.request-item-meta{font-size:.85rem;color:var(--text-muted, #6c757d);margin:.25rem 0 0}.request-item-content{display:flex;justify-content:space-between;align-items:center;width:100%}.request-item-admin-note{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:.75rem 1.25rem;margin-top:.75rem;font-size:.9rem;color:#495057}.request-item-admin-note p{margin:.25rem 0 0;padding-left:1.5em;font-style:italic}.request-item-actions{display:flex;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid #dee2e6;background-color:#f8f9fa;justify-content:flex-end}.btn-edit{background-color:#007bff;color:#fff}.btn-cancel{background-color:#6c757d;color:#fff}.btn-delete-history{background-color:#dc3545;color:#fff}.meta-divider{margin:0 .5rem;color:#ced4da}.badge{padding:4px 10px;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:capitalize}.badge.type-baru{background-color:var(--color-info, #17a2b8);color:#fff}.badge.type-edit{background-color:var(--color-warning, #ffc107);color:#212529}.badge.status-pending{background-color:#6c757d;color:#fff}.badge.status-disetujui{background-color:var(--color-success, #28a745);color:#fff}.badge.status-ditolak{background-color:var(--color-danger, #dc3545);color:#fff}.pagination-wrapper{margin-top:2rem}.login-page-container{display:flex;justify-content:center;align-items:center;min-height:80vh;font-family:var(--font-serif, "Georgia", serif)}.auth-form{width:100%}.form-group-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.form-check-input{width:1em;height:1em;flex-shrink:0}.form-check-label{font-size:.9rem;font-family:var(--font-sans, sans-serif);margin:0}.text-link{font-weight:600;text-decoration:underline}.form-group-actions{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}.btn-full{width:100%}.mt-0{margin-top:0}.auth-page-background{background-color:var(--bg-soft, #f0f7f4)}.login-page-container,.legal-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:var(--font-serif, "Georgia", serif)}.login-box,.legal-box{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 10px 25px #0000000d;border:1px solid #e8f0eb;width:100%;max-width:420px}.legal-box{max-width:800px}.legal-content{text-align:left;font-size:1rem;font-family:var(--font-sans, sans-serif);color:#495057;line-height:1.7}.legal-content h2{font-family:var(--font-serif, "Georgia", serif);font-size:1.2rem;margin-top:1.5rem;margin-bottom:.5rem;color:#212529}.modal-category-header{font-size:1rem;font-weight:700;color:var(--color-primary, #386641);margin-top:1rem;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:2px solid #e9ecef}.modal-category-header:first-child{margin-top:0}.input-error-message{color:var(--color-danger, #dc3545);font-size:.875rem;font-weight:500;text-align:center;margin-top:-1.5rem;margin-bottom:1.5rem}.is-invalid-js{border-color:var(--color-danger, #dc3545)!important}.is-invalid-js:focus{box-shadow:0 0 0 3px #dc354540!important}