body{font-family:sans-serif;margin:0;padding:0;background-color:#f4f4f9;color:#333}.container{padding:20px;max-width:800px;margin:0 auto}.header{background:#fff;padding:10px 20px;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.card{background:#fff;border:1px solid #ddd;padding:20px;margin-bottom:20px;border-radius:8px}.btn{padding:10px 15px;border:1px solid #ccc;background:#eef;cursor:pointer;border-radius:4px;font-size:14px;text-decoration:none;font-family:inherit}.btn:hover{background:#ddf}.btn-primary{background:#007bff;color:#fff;border-color:#0056b3}.btn-primary:hover{background:#0056b3}.btn-danger{background:#dc3545;color:#fff;border-color:#c82333}.btn-danger:hover{background:#bd2130}select,input{padding:10px;font-size:16px;width:100%;margin-bottom:15px;box-sizing:border-box;font-family:inherit}.grid{display:flex;flex-wrap:wrap;gap:10px}.grid-item{flex:1 1 200px;background:#fff;border:1px solid #ccc;padding:20px;text-align:center;cursor:pointer;border-radius:8px}.grid-item:hover{background:#f8f9fa}.toast{position:fixed;top:10px;left:50%;transform:translate(-50%);padding:10px 20px;background:#333;color:#fff;border-radius:4px;z-index:1000}.toast.success{background:#28a745}.toast.error{background:#dc3545}.clock{font-size:4em;font-weight:700;text-align:center;margin:40px 0}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid #ccc;padding:10px;text-align:center}.blank-image{max-width:100%;border:1px solid #ccc;margin-top:20px;display:block}.navigation{display:flex;gap:10px}.login-form{max-width:400px;margin:100px auto;text-align:center}.tabs-nav{margin-bottom:20px;display:flex;gap:10px}.audio-item{border:1px solid #ccc;padding:10px;margin-bottom:10px;background:#fff}.audio-player{width:100%;margin-top:10px}