body.dark-mode{margin:0;background:#000;color:#fff;font-family:Segoe UI,sans-serif}body.dark-mode .login-box{max-width:400px;margin:10% auto;background:#1e1e1e;padding:2rem;border-radius:10px;box-shadow:0 0 10px #0009}body.dark-mode .login-box input,body.dark-mode .login-box button{display:block;width:100%;margin:1rem 0;padding:.75rem;border:none;border-radius:5px}body.dark-mode .login-box input{background:#2a2a2a;color:#fff}body.dark-mode .login-box button{background:#000;color:#fff;cursor:pointer}body.dark-mode .login-box button:hover{background:#1a1a1a}body.dark-mode .layout{display:flex;min-height:100vh}body.dark-mode .sidebar{background:#111;color:#fff;width:240px;transition:width .3s;position:relative;padding:1rem 0}body.dark-mode .sidebar .logo{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem}body.dark-mode .sidebar nav{display:flex;flex-direction:column}body.dark-mode .sidebar nav a,body.dark-mode .sidebar nav .logout-btn{padding:1rem;text-align:left;border:none;background:none;color:#fff;text-decoration:none;display:flex;align-items:center;font-size:1rem}body.dark-mode .sidebar nav a:hover,body.dark-mode .sidebar nav .logout-btn:hover{background:#1e1e1e}body.dark-mode .sidebar nav a .label,body.dark-mode .sidebar nav .logout-btn .label{margin-left:10px}body.dark-mode .sidebar .toggle-btn{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}body.dark-mode .sidebar.collapsed{width:60px}body.dark-mode .sidebar.collapsed nav .label,body.dark-mode .sidebar.collapsed .logo{display:none}body.dark-mode .content{flex:1;padding:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.5333333333);border-top:2px solid #fff;border-radius:50%;display:inline-block;margin-right:8px;vertical-align:middle;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:#1e1e1e;padding:1rem;margin-top:25px;border-radius:12px;box-shadow:0 0 8px #0006}.card h3{font-size:1.2rem;margin-bottom:.5rem}.card p,.card li{font-size:.95rem;margin:.25rem 0}.card a{color:#ff2768;text-decoration:none}.card a:hover{text-decoration:underline}.pill{background:#2e2e2e;padding:.3rem .6rem;margin:.1rem;border-radius:20px;display:inline-block;font-size:.85rem}.score-cell{font-weight:700;color:#fff;padding:.2rem .5rem;border-radius:4px;display:inline-block}.section{margin-top:1rem}table{width:100%;border-collapse:collapse;font-size:.9rem}table th,table td{padding:.4rem;border-bottom:1px solid #333}table th{background:#222;text-align:left}table td{vertical-align:top}audio{margin-top:.5rem;background:#000;border-radius:8px}#waveform{border:1px solid #333;border-radius:8px;overflow:hidden}.matching-form{max-width:600px;margin:2rem auto;background:#1e1e1e;padding:2rem;border-radius:12px;box-shadow:0 0 15px #00000080}.matching-form h2{font-size:1.6rem;margin-bottom:1.5rem;color:#f1f1f1}.matching-form label{display:block;margin:1rem 0 .3rem;font-weight:600;color:#ccc}.matching-form input[type=file],.matching-form select{width:100%;padding:.75rem;border-radius:8px;background:#2a2a2a;border:1px solid #444;color:#f1f1f1;font-size:1rem;margin-bottom:1rem}.matching-form input[type=file]:focus,.matching-form select:focus{outline:none;border-color:#ff2768;background:#333}.matching-form button{width:100%;background:#ff2768;color:#fff;font-weight:700;font-size:1rem;padding:.75rem;border:none;border-radius:8px;margin-top:1rem;cursor:pointer;transition:background .2s ease}.matching-form button:hover{background:#ff417a}@media (max-width: 600px){.matching-form{padding:1.5rem}}.billing-table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-size:.95rem}.billing-table th,.billing-table td{padding:.75rem;border-bottom:1px solid #333;text-align:left}.billing-table th{background-color:#1a1a1a;color:#f1f1f1}.billing-table tbody tr:hover{background-color:#262626}.billing-table tfoot td{background-color:#1e1e1e;font-weight:700}.billing-tree .tree-node{margin-top:.5rem;padding:.5rem;background:#1a1a1a;border-radius:8px}.node-header{cursor:pointer;display:flex;align-items:center;gap:1rem}.tree-children{margin-top:.5rem}select{background:#2a2a2a;color:#f1f1f1;border:1px solid #444;padding:.25rem .5rem;border-radius:6px}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-12{margin-left:3rem}