*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#1e0033,#3a0066,#5a0099);color:#f0f0f0;min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:200px;height:100%;background:#1e0033e6;border-right:2px solid #9370db;padding:20px;box-shadow:2px 0 10px #9370db80}.sidebar h2{color:#9370db;margin-bottom:10px;font-size:1.2em}.sidebar p{color:#f0f0f0;font-size:.9em;margin-bottom:10px}.sidebar a{display:block;color:#f0f0f0;text-decoration:none;padding:10px;margin:5px 0;border-radius:5px;transition:background .3s}.sidebar a:hover{background:#9370db4d}.center{margin-left:220px;padding:30px;min-height:100vh}h1,h2,h3{color:#f0f0f0;margin-bottom:15px}input[type=text],input[type=number],select,textarea{padding:10px;margin:5px;border:1.5px solid #9370db;border-radius:5px;background:#9370db1a;color:#f0f0f0;font-size:14px;outline:none;transition:all .3s}select{background:#1e0033e6;color:#f0f0f0}select option{background:#1e0033f2;color:#f0f0f0;padding:8px}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{box-shadow:0 0 15px #9370dbcc;border-color:#bb86fc}button{padding:10px 20px;margin:5px;background:#9370db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s}button:hover{background:#bb86fc;box-shadow:0 0 15px #9370db99}a{color:#bb86fc;text-decoration:none}a:hover{color:#9370db;text-decoration:underline}table{width:90%;margin:30px auto;border-collapse:collapse;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;border-radius:10px;overflow:hidden;background:#fff;color:#333}table th,table td{border:1px solid #ddd;padding:12px 18px;text-align:left;color:#fff}table th{background:#1e0033e6;font-weight:700;color:#fff}table td{background:#1e0033e6;color:#fff}table tr:hover td{background:#1e0033e6}.db-table{width:90%;margin:30px auto}.db-table .view-btn{background-color:#1e9530}.db-table .view-btn:hover{background-color:#197d28}p[style*="color:red"],.error{color:#ff6b6b!important;background:#ff6b6b1a;padding:10px;border-radius:5px;margin:10px 0}.success{color:#51cf66!important;background:#51cf661a;padding:10px;border-radius:5px;margin:10px 0}.loading{text-align:center;padding:50px;font-size:1.2em;color:#9370db}.pagination{display:flex;justify-content:center;align-items:center;margin:20px 0;gap:10px}.pagination a,.pagination span{padding:8px 12px;border-radius:4px;text-decoration:none;transition:all .3s;color:#fff}.pagination a{background:#6a5acd;color:#fff}.pagination a:hover{background:#8a7ae0}.pagination .disabled{background:#ccc;color:#666;cursor:not-allowed}.pagination .current{background:#f5f5f5;color:#333}.tabs{margin-bottom:20px}.tab-button{padding:8px 15px;background:#9370db;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-right:5px;transition:background .3s}.tab-button:hover{background:indigo}.tab-content{display:block}.result-table{width:90%;margin:25px auto;border-collapse:collapse;border:1px solid #ddd;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;background:#fff;color:#333}.result-table th,.result-table td{border:1px solid #ddd;padding:12px 18px;text-align:left;word-wrap:break-word;color:#333}.result-table th{background-color:#f8f8f8;font-weight:700}.result-table td{background-color:#fff}.result-table tr:hover td{background-color:#f5f9ff}.error{color:#ff6b6b!important;background:#ff6b6b1a;padding:10px;border-radius:5px;margin:10px 0;border-left:4px solid #ff6b6b}.success{color:#51cf66!important;background:#51cf661a;padding:10px;border-radius:5px;margin:10px 0;border-left:4px solid #51cf66}form{margin:20px 0}form input[type=text],form input[type=number],form select,form textarea{background:#1e003380!important;color:#f0f0f0!important}form input[type=text]:focus,form input[type=number]:focus,form select:focus,form textarea:focus{box-shadow:0 0 15px #9370dbcc;border-color:#bb86fc}button{transition:all .3s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #9370db99}button:disabled{opacity:.5;cursor:not-allowed}table.result-table tbody tr:hover{background:#9370db0d}table.result-table input{width:100%;padding:4px;border:1px solid #9370db;border-radius:3px}table input[type=text],table input[type=number]{background:#fff!important;color:#333!important;border:1px solid #9370db;padding:4px 8px}table select{background:#fff!important;color:#333!important;border:1px solid #9370db}
